/* ===== EducaFichas · estilos comunes ===== */
:root{
  --fondo:#eef1f7; --papel:#ffffff; --tinta:#1f2a44; --suave:#5d6886; --linea:#d3d9e8;
  --amarillo:#f2b705; --amarillo-tinta:#3a2c00; --azul:#2f5bd3; --azul-claro:#e3eafc; --resalte:#ffe58a;
  --titular:"Baloo 2",system-ui,sans-serif; --texto:"Nunito Sans",system-ui,sans-serif; --escolar:"Andika","Comic Sans MS",system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--texto);font-size:16px;line-height:1.55}
a{color:var(--azul)}
img{max-width:100%}
.contenedor{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}

/* Cabecera */
.cabecera{background:var(--papel);border-bottom:1px solid var(--linea)}
.cabecera .contenedor{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-block:12px}
.logo{font-family:var(--titular);font-weight:800;font-size:1.6rem;color:var(--tinta);text-decoration:none;line-height:1}
.logo span{background:var(--amarillo);color:var(--amarillo-tinta);padding:0 .25em;border-radius:6px}
.logo .lema{display:block;font-family:var(--texto);font-weight:700;font-size:.85rem;color:var(--suave);margin-top:.45em}
/* Portada: cómo funciona */
.pasos{list-style:none;counter-reset:paso;padding:0;margin:0 0 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:900px}
.pasos li{counter-increment:paso;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start;background:var(--papel);border:1px solid var(--linea);border-radius:12px;padding:12px 14px}
.pasos li::before{content:counter(paso);grid-row:span 2;width:30px;height:30px;border-radius:50%;background:var(--amarillo);color:var(--amarillo-tinta);font-family:var(--titular);font-weight:800;display:grid;place-items:center}
.pasos b{font-family:var(--titular);font-size:1.05rem}
.pasos span{color:var(--suave);font-size:.9rem;line-height:1.4}
.menu{display:flex;gap:4px 18px;flex-wrap:wrap;margin-left:auto}
.menu a{color:var(--tinta);text-decoration:none;font-weight:700;font-size:.95rem;padding:4px 0;border-bottom:2px solid transparent}
.menu a:hover,.menu a[aria-current=page]{border-color:var(--amarillo)}

/* Textos */
h1,h2,h3{font-family:var(--titular);line-height:1.1;text-wrap:balance}
h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:28px 0 6px}
.entradilla{color:var(--suave);margin:0 0 22px;max-width:65ch}
.texto-seo{max-width:70ch;padding-block:10px 30px}
.texto-seo h2{font-size:1.4rem;margin:26px 0 6px}

/* Anuncios (huecos para AdSense) */
.anuncio{border:1px dashed var(--linea);border-radius:10px;color:var(--suave);font-size:.8rem;display:grid;place-items:center;min-height:90px;margin:18px 0;text-transform:uppercase;letter-spacing:.08em}

/* Generador: panel + ficha */
.generador{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start;padding-bottom:20px}
@media (max-width:820px){.generador{grid-template-columns:1fr}}
.panel{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:16px}
.etiqueta{font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--suave);display:block;margin-bottom:6px}
.panel input[type=text],.panel textarea,.panel select{width:100%;font:inherit;color:var(--tinta);background:#fff;border:1px solid var(--linea);border-radius:8px;padding:8px 10px}
.panel textarea{min-height:130px;resize:vertical;font-family:var(--escolar)}
.panel input[type=range]{width:100%;accent-color:var(--azul)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:inherit;font-size:.85rem;border:1px solid var(--linea);background:#fff;color:var(--tinta);border-radius:999px;padding:4px 11px;cursor:pointer;text-decoration:none}
.chip:hover{border-color:var(--azul)}
.selector{display:flex;border:1px solid var(--linea);border-radius:8px;overflow:hidden}
.selector button{flex:1;font:inherit;font-size:.85rem;background:#fff;color:var(--tinta);border:0;padding:7px 4px;cursor:pointer}
.selector button+button{border-left:1px solid var(--linea)}
.selector button[aria-pressed=true]{background:var(--azul);color:#fff}
.fila{display:flex;gap:10px;flex-wrap:wrap}
.boton{font:inherit;font-weight:700;border-radius:10px;padding:10px 14px;cursor:pointer;border:1px solid var(--linea);background:#fff;color:var(--tinta);flex:1;white-space:nowrap}
.boton.principal{background:var(--amarillo);color:var(--amarillo-tinta);border-color:var(--amarillo)}
.boton.imprimir{background:var(--azul);color:#fff;border-color:var(--azul);flex-basis:100%}
.boton:focus-visible,.chip:focus-visible,.selector button:focus-visible,.menu a:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.nota{font-size:.82rem;color:var(--suave);margin:6px 0 0}
.aviso{font-size:.85rem;color:#c2410c;margin:0}

/* La ficha A4 */
/* Nota: el relleno (padding) de la ficha está en %, y un % siempre se calcula sobre el ancho del
   CONTENEDOR, no sobre el de la propia ficha. Como .zona-ficha podía ser más ancha que los 620px
   máximos de la ficha (en ventanas grandes, al tener más hueco al lado del panel), el relleno
   salía más grande de lo previsto y la ficha quedaba más apretada en pantalla que al imprimir
   —donde la hoja sí ocupa todo el ancho de su contenedor—. Por eso .zona-ficha limita su ancho
   igual que la ficha: así el relleno se calcula siempre sobre la misma referencia en los dos casos.
*/
/* container-type aquí (no solo en la propia ficha) para que un "cqw" puesto en la ficha tenga
   dónde mirar: una unidad cqw en un elemento no puede referirse al contenedor que ESE MISMO
   elemento declara (container-type:inline-size está en .ficha, para sus hijos), así que el
   "gap:3cqw" de la propia ficha no tenía contenedor válido y caía de vuelta al ancho de toda la
   ventana —no al de la tarjeta—, dando un hueco distinto (y erróneo) entre pantalla e impresión. */
.zona-ficha{overflow-x:auto;width:100%;max-width:620px;min-width:320px;margin:0 auto;container-type:inline-size}
.ficha{background:var(--papel);color:var(--tinta);aspect-ratio:210/297;width:100%;max-width:620px;min-width:320px;margin:0 auto;box-shadow:0 1px 2px rgba(20,30,60,.12),0 14px 34px rgba(20,30,60,.16);border-radius:4px;padding:6.5% 7%;display:flex;flex-direction:column;gap:3cqw;container-type:inline-size;overflow:hidden}
.ficha-datos{display:flex;gap:6%;font-size:2.4cqw;color:var(--suave)}
.ficha-datos div{flex:1;border-bottom:1.5px solid var(--linea);padding-bottom:2px}
.ficha-datos div:last-child{flex:.55}
.ficha-titulo{font-family:var(--titular);font-weight:800;font-size:5.6cqw;margin:0;text-align:center;line-height:1.05}
.ficha-sub{text-align:center;margin:-1.5cqw 0 0;font-size:2.3cqw;color:var(--suave)}
.ficha-pie{font-size:1.7cqw;color:var(--suave);text-align:right;margin-top:auto}

/* Sopa de letras */
/* Nota: el ancho y el número de filas/columnas fijan el tamaño; la cuadrícula NO se deja crecer
   por su contenido (aspect-ratio en cada celda), porque los bordes de 1-2px de cada celda son un
   tamaño fijo que no escala con cqw: con muchas celdas, esos bordes iban sumando un poco de alto
   de más y en la tarjeta pequeña de pantalla (pero no en la hoja, más grande, de imprimir) la
   ficha terminaba desbordando por unos pocos píxeles. Al fijar alto=ancho con aspect-ratio en la
   propia cuadrícula y repartir las filas con 1fr, el alto total nunca se pasa del hueco disponible. */
.rejilla{flex:none;display:grid;grid-template-rows:repeat(var(--filas,1),1fr);margin:0 auto;width:88%;aspect-ratio:1;border:2px solid var(--tinta);border-radius:6px;overflow:hidden}
.celda{display:grid;place-items:center;font-family:var(--escolar);font-weight:700;font-size:var(--letra);border-right:1px solid #e3e7f0;border-bottom:1px solid #e3e7f0}
.celda.marcada{background:var(--resalte)}
.lista-palabras{flex:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw 4%;font-family:var(--escolar);font-size:2.5cqw}
.lista-palabras span{display:flex;align-items:center;gap:1.2cqw}
.lista-palabras span::before{content:"";width:2cqw;height:2cqw;border:1.5px solid var(--tinta);border-radius:3px;flex:none}

/* Operaciones */
.operaciones{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);grid-template-rows:repeat(var(--filas),1fr);gap:3cqw 4%;flex:1;font-family:var(--escolar);font-size:4.4cqw;font-variant-numeric:tabular-nums}
.op{display:flex;flex-direction:column;align-items:flex-end;justify-self:center;width:72%;line-height:1.15}
.op span:nth-child(2){border-bottom:2.5px solid var(--tinta);width:100%;text-align:right;display:flex;justify-content:space-between}
.op b{font-weight:700;color:var(--azul)}
.op .res{min-height:1.2em;margin-top:.2em;color:#c2410c;visibility:hidden}
.operaciones .res{visibility:hidden}
.con-solucion .res{visibility:visible}

/* Divisiones (formato de casita) */
.divisiones{gap:2cqw 4%}
.div{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto 1fr;justify-self:center;align-self:stretch;line-height:1.25}
.dvd{grid-area:1/1;padding-right:.35em;letter-spacing:.06em}
.dvs{grid-area:1/2;border-left:2.5px solid var(--tinta);border-bottom:2.5px solid var(--tinta);padding:0 .5em 0 .3em;min-width:2.4em}
.coc{grid-area:2/2;padding-left:.3em;align-self:start}
.div .resto{grid-area:3/2;align-self:start;font-size:.7em;padding-left:.45em}
.divisiones .res{margin:0;min-height:0}

/* Tablas de multiplicar */
.chips-tablas .chip{min-width:2.6em;font-weight:700}
.chip[aria-pressed=true]{background:var(--azul);border-color:var(--azul);color:#fff}
.enlace{font:inherit;background:none;border:0;padding:0;color:var(--azul);text-decoration:underline;cursor:pointer}
.tablas{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--filas),minmax(0,1fr));gap:2.4cqw 3cqw;font-family:var(--escolar);font-size:var(--letra);line-height:1.3;font-variant-numeric:tabular-nums}
.tabla{min-height:0;overflow:hidden;border:1.5px solid var(--linea);border-radius:1.6cqw;padding:1.2cqw 2cqw;display:flex;flex-direction:column;justify-content:space-evenly}
.tabla h3{margin:0 0 .15em;font-family:var(--titular);font-weight:800;font-size:1.15em;color:var(--azul);text-align:center}
.tablas .linea{display:flex;align-items:baseline;gap:.4em;white-space:nowrap}
.tablas .hueco{flex:1;border-bottom:1.5px dotted var(--suave);text-align:center;min-width:1.8em}
.tablas.estudiar .hueco{border:0;text-align:left;font-weight:700}
/* En "completar" y "salteadas" solo hay que escribir un número, no hace falta una línea larga */
.tablas.completar .hueco,.tablas.salteadas .hueco{flex:0 0 auto;width:2.6em;min-width:2.6em}
.tablas .res{visibility:hidden;color:#c2410c}
.tablas.estudiar .res{color:var(--tinta)}
.tablas.con-solucion .res{visibility:visible}
.tablas.salteadas{--letra:3.3cqw;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(12,minmax(0,1fr));gap:0 6cqw}
.tablas.salteadas .hueco{max-width:5em}

/* Laberinto */
.lienzo{flex:1 1 0;min-height:0;width:100%;object-fit:contain;display:block}
.lab-marcas{flex:none;display:flex;justify-content:space-between;margin:-1cqw 0;font-family:var(--titular);font-weight:800;font-size:2.6cqw;color:var(--azul)}

/* Sudoku */
.sudokus{flex:1;min-height:0;display:flex;flex-direction:column}
.bloque-sudoku{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}
.corte-sudoku{flex:0 0 auto;width:100%;border-top:2px dashed #b9b2a4;margin:1.5% 0}
/* Con 4 por hoja se deja el apilado vertical (dos.corte-sudoku) y se pasa a una cuadrícula 2×2;
   el corte entre ellos lo dan directamente los bordes de cada bloque, no un elemento aparte. */
.sudokus.cuatro{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.sudokus.cuatro .bloque-sudoku:nth-child(1),.sudokus.cuatro .bloque-sudoku:nth-child(2){border-bottom:2px dashed #b9b2a4}
.sudokus.cuatro .bloque-sudoku:nth-child(1),.sudokus.cuatro .bloque-sudoku:nth-child(3){border-right:2px dashed #b9b2a4}
.sudoku{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);border:2px solid var(--tinta)}
.celda-sudoku{position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--escolar);font-weight:700;font-size:1em;border-right:1px solid #ccd2e0;border-bottom:1px solid #ccd2e0}
.celda-sudoku.bd{border-right:2px solid var(--tinta)}
.celda-sudoku.bi{border-bottom:2px solid var(--tinta)}
.celda-sudoku.fijo{color:var(--tinta)}
.celda-sudoku .relleno{color:#c2410c;visibility:hidden}
.sudokus.con-solucion .relleno{visibility:visible}

/* Caligrafía */
/* Nota: todo en cqw (no cqh), porque la ficha solo contiene tamaño por ancho (container-type:inline-size);
   el alto de cada renglón lo reparte flex, no una unidad de alto, para que nunca se desborde. */
.hoja-caligrafia{flex:1;min-height:0;display:flex;flex-direction:column;gap:1cqw}
.renglon{flex:1;min-height:0;position:relative;overflow:hidden;
  background:
    linear-gradient(var(--linea) 1.5px, transparent 0) 0 4%/100% 1.5px no-repeat,
    repeating-linear-gradient(to right, var(--linea) 0 3px, transparent 3px 7px) 0 46%/100% 1.5px no-repeat,
    linear-gradient(var(--tinta) 2px, transparent 0) 0 88%/100% 2px no-repeat,
    linear-gradient(var(--linea) 1.5px, transparent 0) 0 100%/100% 1.5px no-repeat;}
/* El texto se apoya exactamente en la línea gruesa (88% de alto), con bottom en %, que sí se mide sobre la altura */
.renglon .linea-texto{position:absolute;left:0;right:0;bottom:12%;display:flex;white-space:nowrap;line-height:1}
.renglon span{font-family:var(--escolar);font-weight:700;font-size:var(--letra-cal,4.5cqw);color:var(--tinta);margin-right:3cqw}

/* Caligrafía: modo Abecedario, dos columnas con las sílabas de cada letra.
   Las filas se ajustan a su contenido (no a 1fr), para que la línea de práctica
   quede pegada a su modelo y no se separen como si fueran bloques distintos. */
/* Las filas reparten TODO el alto disponible (repeat(--filas-abc,1fr)), así que da igual si hay
   3 letras o 27: cada bloque ocupa exactamente su parte y nunca se sale de la ficha. */
.hoja-abc{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(var(--filas-abc,3),1fr);gap:0 7cqw}
.bloque-abc{display:grid;grid-template-rows:auto 1fr;gap:.3cqw;min-width:0;min-height:0;padding-top:1.2cqw}
.modelo-abc{margin:0;overflow:hidden;white-space:nowrap;font-family:var(--escolar);font-weight:400;color:var(--suave);font-size:2.4cqw;letter-spacing:.06em}
.bloque-abc .renglon{min-height:0}

/* Crucigrama */
.ficha-cruz{gap:1.6cqw}
.crucigrama{flex:none;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--filas),1fr);margin:0 auto}
.celda-cruz{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--linea);font-family:var(--escolar);font-weight:700;font-size:1em}
/* Las casillas sin letra quedan en blanco, sin relleno, para no gastar tinta al imprimir */
.celda-cruz.bloque{border-color:transparent}
.celda-cruz .num{position:absolute;top:.15em;left:.2em;font-size:.34em;font-weight:700;color:var(--azul)}
.celda-cruz .relleno{visibility:hidden;color:#c2410c}
.crucigrama.con-solucion .relleno{visibility:visible}
.pistas-cruz{flex:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:0 5%;font-size:var(--letra-pistas,2.3cqw)}
.pistas-cruz h3{font-family:var(--titular);font-size:1.25em;margin:0 0 .3em;color:var(--azul)}
.pistas-cruz ol.sin-numeros{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25em}


/* Portada */
.portada{padding-block:20px 10px}
.portada h1{font-size:clamp(2rem,5vw,3.2rem);max-width:18ch}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:24px 0}
.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:20px;text-decoration:none;color:var(--tinta);display:flex;flex-direction:column;gap:8px}
.tarjeta:hover{border-color:var(--azul)}
.tarjeta h2{margin:0;font-size:1.35rem}
.tarjeta p{margin:0;color:var(--suave);font-size:.95rem}
.tarjeta .mini{font-family:var(--escolar);font-weight:700;letter-spacing:.3em;color:var(--azul);background:var(--azul-claro);border-radius:8px;padding:10px;font-size:.95rem;line-height:1.5}
.temas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}

/* Pie */
.pie{border-top:1px solid var(--linea);background:var(--papel);margin-top:30px}
.pie .contenedor{display:flex;flex-wrap:wrap;gap:8px 20px;padding-block:18px;font-size:.88rem;color:var(--suave)}
.pie a{color:var(--suave)}
.pie .derecha{margin-left:auto}

/* Páginas legales */
.legal{max-width:70ch;padding-bottom:30px}
.legal mark{background:var(--resalte)}
.legal h2{margin-top:1.6em}
.legal h3{font-size:1.02rem;margin:1.2em 0 .3em}
.legal ul{padding-left:1.2em}
.legal li{margin:.2em 0}
.tabla-scroll{overflow-x:auto;margin:1em 0}
.tabla-cookies{border-collapse:collapse;width:100%;font-size:.9rem;min-width:520px}
.tabla-cookies th,.tabla-cookies td{border:1px solid var(--linea);padding:.5em .6em;text-align:left;vertical-align:top}
.tabla-cookies th{background:var(--papel)}
.tarjeta-contacto{background:var(--papel);border:1px solid var(--linea);border-radius:14px;padding:20px 22px;margin:1.2em 0}
.tarjeta-contacto .etiqueta{margin:0 0 .3em}
.correo-grande{font-size:1.25rem;font-weight:700;margin:0 0 .6em;overflow-wrap:anywhere}

/* Ahorcado */
.ahorcados{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--cols-ah,1),1fr);grid-auto-rows:1fr;gap:3%}
.ficha-ahorcado{border:1.5px solid var(--linea);border-radius:1.2cqw;padding:3%;display:flex;flex-direction:column;gap:1.4cqw;min-height:0;min-width:0;overflow:hidden;font-size:var(--letra-ah,2.6cqw)}
.ah-pista{font-weight:700;margin:0}
.ah-cuerpo{display:flex;gap:5%;align-items:center;flex:1;min-height:0}
.ah-horca{flex:0 0 24%;aspect-ratio:1;color:var(--suave)}
.ah-horca svg{width:100%;height:100%}
.ah-detalle{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1cqw;min-width:0}
.ah-blancos{display:flex;flex-wrap:wrap;gap:.3em .4em;font-family:var(--escolar);font-weight:700}
.ah-hueco{display:inline-block;min-width:.9em;border-bottom:2px solid var(--tinta);text-align:center}
.ah-espacio{display:inline-block;width:.9em}
.ah-abc{display:flex;flex-wrap:wrap;gap:.25em;font-size:.55em}
.ah-letra{border:1px solid var(--linea);border-radius:3px;padding:.1em .35em;font-family:var(--escolar)}
.ah-fallos{display:flex;align-items:center;gap:.35em;font-size:.6em}
.ah-circulo{width:1em;height:1em;border:1.5px solid var(--tinta);border-radius:50%;display:inline-block}

/* Relojes */
.relojes{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--cols-rel,4),1fr);grid-auto-rows:1fr;gap:5% 3%;font-size:var(--letra-rel,1.8cqw)}
.reloj{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7cqw;min-height:0;overflow:hidden}
.reloj svg{width:62%;aspect-ratio:1;color:var(--tinta)}
.reloj-respuesta,.reloj-dado{margin:0;text-align:center}
.relojes .res{color:#c2410c;visibility:hidden}
.relojes.con-solucion .res{visibility:visible}

/* Fichas de trazo */
.trazos{flex:1;min-height:0;display:flex;flex-direction:column;gap:2%}
.fila-trazo{flex:1;min-height:0}
.fila-trazo svg{width:100%;height:100%;display:block}

/* Separar en sílabas */
.silabas{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--cols-si,2),1fr);grid-auto-rows:min-content;align-content:start;gap:4% 6%;font-size:var(--letra-si,2.4cqw)}
.fila-silaba{min-width:0}
.si-palabra{margin:0 0 .3em;font-weight:700;font-family:var(--escolar)}
.si-linea{border-bottom:2px solid var(--linea);height:1.3em}
.si-solucion{margin:.25em 0 0;font-weight:700}
.silabas .res{color:#c2410c;visibility:hidden}
.silabas.con-solucion .res{visibility:visible}

/* Dibujos para colorear */
.colorear{flex:1;min-height:0;display:flex}

/* ===== Impresión: solo la ficha, en A4 ===== */
@page{size:A4;margin:0}
@media print{
  body{background:#fff}
  .cabecera,.pie,.anuncio,.panel,main > :not(.generador){display:none !important}
  main,.generador,.zona-ficha{display:block;padding:0;margin:0;overflow:visible}
  /* La ficha mide 210mm en vez de sus 620px máximos de pantalla, así que su contenedor directo
     (zona-ficha) tiene que medir también 210mm: el relleno (%) y los huecos (cqw) de la ficha se
     calculan sobre el ancho de ESE contenedor, y si se queda en los 620px de pantalla salen más
     pequeños de lo que tocaría en la hoja — y entonces lo que en pantalla no cabía, al imprimir sí,
     dando una vista previa que no se parece a lo impreso. */
  .zona-ficha{width:210mm;max-width:210mm;min-width:0}
  .ficha{width:210mm;height:297mm;max-width:none;min-width:0;margin:0;box-shadow:none;border-radius:0;aspect-ratio:auto;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}