/* FicherosVirtuales.css: CSS comunes para html de la serie Ficheros Virtuales */
body {background-color:#F0F8FF;} img {border:none;} #divtop {position:absolute; top:0px; left:0px;}

/* CSS para AutoMagic.html de la serie Ficheros Virtuales */
#BloqueSudoku
{
 background-color: transparent;
 position: absolute;
 left: 1mm;
 top: -9mm;
}

table
{
 position: absolute;
 left: 1mm;
 width: 200mm;
 min-width: 200mm;
 height: 150mm;
 min-height: 150mm;
 border: 0mm;
 border-collapse: collapse;
 table-layout: fixed;
}

td
{
 padding: 1mm;
 font-size: 20pt;
 font-family: Arial;
 text-align: center;
 vertical-align: middle;
 white-space: pre;
 width: 41px;
 min-width: 41px;
}

.xl23 {border-bottom: 1.25pt solid windowtext;}
.xl24 {text-align:left;}
.xl25 {background:silver;}
.xl26 {border-right:1.25pt solid windowtext;	background:silver;}
.xl27	{}
.xl28 {border-right: 1.25pt solid windowtext;}
.xl29 {border-bottom: 1.25pt solid windowtext;	background: silver;}
.xl31 {font-size: 21pt;}
.xl32 {font-size: 21pt;	border-right: 1.25pt solid windowtext;}
.xl33 {font-size: 21pt;	border-bottom: 1.25pt solid windowtext;}
.xl34 {font-size: 21pt;	border-right: 1.25pt solid windowtext;	border-bottom: 1.25pt solid windowtext;}

#SetFormato {position: absolute; top: 2mm; left: 210mm; width: 35mm; height: 36mm;}
#auto {top: 1mm; left: 1mm;}
#juego {top: 1mm; left: 1mm;}
#iJNext {top: 1mm;}
#solve {top: 1mm; left: 1mm;}
#iSNext {top: 1mm; left: 4mm;}
#SetEstadisticas {display:none; position: absolute; top: 46.5mm; left: 200mm; width: 68mm; height: 92mm;}
#SetParcial {position: absolute; top: 7.5mm; left: 3.25mm; width: 52mm; height: 32mm;}
#SetGlobal {position: absolute; top: 48mm; left: 3.25mm; width: 52mm; height: 32mm;}
#breset {display:none;}


table.TableEstadisticas
{
 position: relative;
 left: 1mm;
 width: 50mm;
 min-width: 50mm;
 height: 25mm;
 min-height: 25mm;
}

td.TdEstadisticasCab
{
 padding: 0mm;
 font-size: 9pt;
 width: 6mm;
 min-width: 6mm;
 height: 5mm;
 min-height: 5mm;
}

td.TdEstadisticasDet
{
 padding: 0mm;
 font-size: 11pt;
 width: 6mm;
 min-width: 6mm;
 height: 5mm;
 min-height: 5mm;
}

/* ==========================================================================
   ESTILOS Y POSICIONAMIENTO PARA LA BOTONERA DE PERSISTENCIA (SRRCZ / WASM)
   ========================================================================== */

#SetPersistencia {
    position: absolute;
    top: 2mm;         /* Alineado a la altura del bloque #SetFormato */
    left: 265mm;      /* Posicionado a la derecha del selector de formato */
    width: 150px;
    height: auto;     /* Altura dinámica para albergar botones y checkbox */
    z-index: 999;     /* Prioridad de capa sobre elementos adyacentes */
    background-color: #f8f9fa;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    padding: 6px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

#SetPersistencia button {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    background: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 8.5pt;
    font-weight: bold;
    padding: 5px 8px;
    cursor: pointer;
    border-radius: 3px;
    transition: background-color 0.2s ease;
}

#SetPersistencia button:last-child {
    margin-bottom: 0px;
}

#SetPersistencia button:hover {
    background-color: #e8f4f8;
    filter: brightness(0.95);
}

/* --------------------------------------------------------------------------
   OPCIÓN DE ANIMACIÓN EN TIEMPO REAL (MODO SOLVE / JUEGO)
   -------------------------------------------------------------------------- */
#ContenedorAnimacionSolve {
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px dashed #c0c0c0;
    font-family: Arial, sans-serif;
    font-size: 8pt;
    text-align: left;
}

#chkAnimacionSolve {
    vertical-align: middle;
    cursor: pointer;
}

#LabelAnimacionSolve {
    vertical-align: middle;
    cursor: pointer;
    font-weight: normal;
    color: #333333;
}

	
	#reloj-estampillado {
    font-family: 'Courier New', Courier, monospace;
    font-size: 1rem;
    color: rgba(252, 252, 252, 0.99);
    font-weight: bold;
    letter-spacing: 1px; 
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.99); 
    text-align: center;
    margin-top: 560px;
 }
	
	/*==========================================================================
   MÓDULO GRÁFICO DE EVOLUCIÓN SOLVE (Ajuste de cota vertical estricto)
   ========================================================================== */
#ContenedorGraficoSolve {
    position: absolute;
    top: 45mm;           /* Mantiene la alineación superior bajo #SetFormato */
    left: 210mm;         /* Alineado con la columna de controles */
    width: 95mm;         /* Mantiene el ancho aprovechado */
    height: 81mm;        /* RECORTE CLAVE: Reducido de 86mm a 81mm y libera espacio */
    background-color: rgba(240, 248, 255, 0.95);
    border: 1px solid #b0c4de;
    border-radius: 6px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
    padding: 4px;
    z-index: 100;
    display: none;       /* Gestionado por JS en modo Solve */
}

#canvasGraficoSolve {
    width: 100%;
    height: 100%;
    display: block;
}

//* --------------------------------------------------------------------------
   SUBÍNDICE DEL CONTADOR PRINCIPAL Y MENS
   DESCRIPCIÓN: Mantiene la posición relativa nativa dentro de la tabla,
                aplicando el tamaño de fuente enriquecido de la versión Solve.
   -------------------------------------------------------------------------- */
#GCuentaSudokus {
    font-family: Arial, sans-serif;
    font-size: 11pt;     /* Tamaño de letra destacado manteniendo legibilidad */
    font-weight: bold;
    white-space: nowrap;
}