/* ============================================================
   Archivo: cruce.css
   Tabla cruzada (decena de resultados × unidad de la fecha), con el
   mismo chasis 3D de la antigua tabla combinatoria (combinacion.css),
   y botones del Algoritmo Predictivo.
   ============================================================ */

.tabla-cruce-ab .th-titulo-maestro-ab { vertical-align: middle; text-align: center; }
.cruce-total { font-size: 11px; font-weight: 600; color: #6b7280; }

/* Cabeceras con menos de 3 llegadas: gris mate (como la zona lejana) */
.cruce-zona-gris,
.tabla-ajedrez-cuantica thead tr th.cruce-zona-gris {
    background-image: none !important;
    background-color: #9ca3af !important;
    color: #ffffff !important;
    box-shadow: none !important;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3) !important;
    border: 1px solid #ccc !important;
}

/* Eje de las decenas (las dos columnas de la izquierda) */
.cruce-eje {
    font-weight: bold;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 4px 8px;
    min-width: 46px;
    white-space: nowrap;
}

.cruce-info {
    font-size: 10px;
    font-weight: 600;
    opacity: 0.9;
    white-space: nowrap;
    line-height: 1.1;
}

/* Marcas K y versión 1 en las cabeceras */
.m-k, .m-v1 {
    display: inline-block;
    font-size: 9px;
    font-weight: 800;
    border-radius: 3px;
    padding: 0 3px;
    margin-left: 3px;
    vertical-align: middle;
    text-shadow: none;
    line-height: 1.5;
}
.m-k  { background: #ffd700; color: #000; box-shadow: 0 1px 0 #b58900; }
.m-v1 { background: #fff7ed; color: #c2410c; box-shadow: 0 1px 0 #9a3412; }

.tabla-cruce-ab .td-cruce-combinacion { min-width: 52px; }

/* Versión 1 (R2 × F2): naranja 3D, un escalón debajo del oro */
.td-cruce-combinacion.celda-version-uno {
    background-image: linear-gradient(135deg, #fed7aa, #fb923c) !important;
    color: #7c2d12 !important;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.4);
    box-shadow: 0px 3px 0px #c2410c, inset 0px 1px 2px rgba(255,255,255,0.5) !important;
}

/* Leyenda */
.cruce-leyenda {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    padding: 10px 4px 2px;
    font-size: 12px;
    color: #222;
    font-family: 'Segoe UI', Arial, sans-serif;
}
.cruce-leyenda span { display: inline-flex; align-items: center; }
.cruce-leyenda-ejes { color: #4b5563; flex-basis: 100%; }
.sw {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    margin-right: 6px;
}
.sw-oro   { background: linear-gradient(135deg, #ffd700, #ffa500); box-shadow: 0 2px 0 #b58900; }
.sw-v1    { background: linear-gradient(135deg, #fed7aa, #fb923c); box-shadow: 0 2px 0 #c2410c; }
.sw-verde { background: linear-gradient(135deg, #c6e7b9, #a3d492); box-shadow: 0 2px 0 #70ab55; }
.sw-gris  { background: #f3f4f6; border: 1px solid #d1d5db; }

/* Barra de desplazamiento ancha */
.grid-table-container::-webkit-scrollbar { height: 18px; }
.grid-table-container::-webkit-scrollbar-thumb { background: #2ec4b6; border-radius: 9px; }
.grid-table-container::-webkit-scrollbar-track { background: #e5e7eb; border-radius: 9px; }

/* ---------- Algoritmo Predictivo ---------- */
.probable-fuerte {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin: 0 6px 6px;
}
.probable-btn.btn-k {
    background-image: linear-gradient(135deg, #ffd700, #ffa500) !important;
    color: #000 !important;
    box-shadow: 0px 3px 0px #b58900, 0px 0px 10px #ffd700 !important;
}
.probable-btn.btn-v1 {
    background-image: linear-gradient(135deg, #fed7aa, #fb923c) !important;
    color: #7c2d12 !important;
    box-shadow: 0px 3px 0px #c2410c !important;
}
.probable-etiqueta {
    font-size: 11px;
    color: #4b5563;
    margin-top: 6px;
    white-space: nowrap;
}
.probable-nota {
    font-size: 12px;
    color: #6b7280;
    margin-top: 6px;
    text-align: center;
}

/* ---------- Guía de etiquetas (Bitácora de Permutaciones) ---------- */
.guia-etiquetas {
    margin-top: 14px;
    padding-top: 10px;
    border-top: 2px solid #e5e7eb;
    font-size: 13px;
    color: #222;
}
.guia-etiquetas h3 { font-size: 16px; margin: 0 0 8px; }
.guia-etiquetas h4 { font-size: 13px; margin: 12px 0 5px; color: #374151; }
.guia-tabla { border-collapse: collapse; width: 100%; }
.guia-tabla td {
    padding: 5px 6px;
    border-bottom: 1px solid #f0f0f0;
    vertical-align: top;
    line-height: 1.35;
}
.guia-tabla td:first-child { width: 46px; text-align: center; white-space: nowrap; }
.guia-tabla .m-k, .guia-tabla .m-v1 { font-size: 11px; padding: 1px 5px; margin-left: 0; }
.guia-leyes td { padding: 3px 6px; }
.guia-colores { display: flex; flex-wrap: wrap; gap: 4px 14px; }
.guia-colores span { display: inline-flex; align-items: center; }
.guia-nota { margin: 6px 0 0; color: #4b5563; line-height: 1.4; }
.guia-nota code { background: #f3f4f6; padding: 0 4px; border-radius: 3px; }
.sw-c-verde   { background: linear-gradient(135deg, #11998e, #00b050); }
.sw-c-naranja { background: linear-gradient(135deg, #f47b20, #c65a0b); }
.sw-c-azul    { background: linear-gradient(135deg, #00c6ff, #007bff); }
.sw-c-gris    { background: #9ca3af; }