/* v2.99.2 · El lector de libros de IC (el que se armó para «Mar Dulce · Los siete recuerdos de la abuela»). Fuentes: Baloo 2 y Literata (OFL). */

@font-face{font-family:'Baloo 2';font-weight:600;font-style:normal;font-display:swap;src:url(fuentes/baloo-2-600.woff2) format('woff2')}
@font-face{font-family:'Baloo 2';font-weight:800;font-style:normal;font-display:swap;src:url(fuentes/baloo-2-800.woff2) format('woff2')}
@font-face{font-family:'Literata';font-weight:400;font-style:normal;font-display:swap;src:url(fuentes/literata-400.woff2) format('woff2')}
@font-face{font-family:'Literata';font-weight:400;font-style:italic;font-display:swap;src:url(fuentes/literata-400-italica.woff2) format('woff2')}
@font-face{font-family:'Literata';font-weight:600;font-style:normal;font-display:swap;src:url(fuentes/literata-600.woff2) format('woff2')}
/* Un libro de verdad sobre la mesa de madera (v0.4). Tres maneras de armar la página, para que ningún dibujo se corte:
   · «doble»: la pintura ocupa las dos páginas y el texto va en la franja tranquila de abajo (las pintadas nuevas la traen);
   · «enfrentados»: el dibujo entero a la izquierda, enmarcado, y el texto a la derecha (las pintadas viejas, sin franja);
   · en el teléfono parado, el dibujo arriba y el relato abajo.
   La decisión va en su propia página. Nunca hay scroll: lo que no entra se parte en dos páginas al escribir el capítulo.
   Es un solo mundo a propósito (un libro de papel no cambia con el tema): los colores van fijos. */
:root{
  --mesa:#5a3a22; --mesa-veta:#4a2f1b; --papel:#f8eedb; --papel-borde:#e7d3ad; --tinta:#3a2414; --tinta-suave:#7a5a3c;
  --mango:#e8902a; --hoja:#4f7d35; --tapa:#2f5d4a; --tapa-claro:#3f7a60; --oro:#f2c14e;
  --display:"Baloo 2",ui-rounded,"Trebuchet MS",sans-serif; --texto:"Literata",Georgia,"Times New Roman",serif;
  color-scheme:light;
}
html,body{height:100%}
body{margin:0;overflow:hidden;color:var(--tinta);font-family:var(--texto);
  background:radial-gradient(ellipse at 50% 40%,#6b4529 0%,var(--mesa) 55%,#3e2715 100%);background-color:var(--mesa)}
body.con-mesa::after{display:none}
body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;
  background:repeating-linear-gradient(92deg,transparent 0 22px,var(--mesa-veta) 22px 24px,transparent 24px 61px)}
#mesa{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:8px;box-sizing:border-box}

/* ---------- el libro ---------- */
.libro{position:relative;perspective:2600px;width:var(--lw);height:var(--lh);font-size:var(--letra)}
.slot{position:absolute;top:0;height:100%;width:var(--pw)}
.slot.izq{left:0}.slot.der{right:0}
.una .slot.der{left:0;right:auto;width:100%}
.pagina{position:absolute;inset:0;overflow:hidden;background:var(--papel);box-sizing:border-box}
.pagina.vacia{background:none}
.izq>.pagina:not(.vacia):not(.tapa-dura){border-radius:6px 0 0 6px;box-shadow:inset -26px 0 30px -18px rgba(70,40,10,.45),-3px 4px 0 var(--papel-borde),-6px 8px 14px rgba(0,0,0,.35)}
.der>.pagina:not(.vacia):not(.tapa-dura){border-radius:0 6px 6px 0;box-shadow:inset 26px 0 30px -18px rgba(70,40,10,.45),3px 4px 0 var(--papel-borde),6px 8px 14px rgba(0,0,0,.35)}
.una .der>.pagina:not(.vacia):not(.tapa-dura){border-radius:6px;box-shadow:inset 14px 0 20px -14px rgba(70,40,10,.4),4px 5px 0 var(--papel-borde),6px 10px 16px rgba(0,0,0,.35)}

/* la tapa dura y la contratapa */
.tapa-dura{border-radius:4px 10px 10px 4px;background:var(--tapa);box-shadow:inset 10px 0 0 rgba(0,0,0,.25),inset 13px 0 0 rgba(255,255,255,.08),6px 8px 0 #24463a,10px 16px 24px rgba(0,0,0,.45);padding:5%}
.tapa-dura .marco{position:relative;height:100%;border-radius:6px;overflow:hidden;box-shadow:0 0 0 3px var(--oro),0 0 0 6px var(--tapa-claro)}
.tapa-dura img.fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% center}
.tapa-dura .titulo{position:absolute;left:0;right:0;top:0;padding:4% 6% 16%;display:flex;flex-direction:column;align-items:center;gap:.2em;text-align:center;background:linear-gradient(to bottom,rgba(20,30,40,.6),transparent)}
.tapa-dura .titulo img{width:80%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}
.tapa-dura .titulo b{font-family:var(--display);font-weight:800;color:#fff8e6;font-size:1.15em;line-height:1.1;text-shadow:0 2px 4px rgba(0,0,0,.6);text-wrap:balance}
.tapa-dura .pie{position:absolute;left:0;right:0;bottom:0;padding:12% 6% 4%;text-align:center;font-family:var(--display);font-weight:600;color:#fff8e6;font-size:.85em;background:linear-gradient(to top,rgba(20,30,40,.65),transparent);text-shadow:0 1px 3px rgba(0,0,0,.6)}
.contra .marco{background:var(--tapa-claro);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;padding:8%;box-sizing:border-box;color:#fff8e6;text-align:center}
.contra img.redonda{width:38%;aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 0 0 3px var(--oro)}
.contra p{margin:0;font-size:.78em;line-height:1.45;max-width:32ch}
.contra img.logo-chico{width:44%;margin-top:.2em}
.contra small{font-family:var(--display);font-size:.62em;opacity:.85;letter-spacing:.06em;text-transform:uppercase}

/* las guardas */
.guarda{background-color:#efe1bf;background-image:radial-gradient(ellipse 18% 9% at 25% 30%,rgba(79,125,53,.22) 60%,transparent 62%),radial-gradient(ellipse 18% 9% at 75% 70%,rgba(79,125,53,.22) 60%,transparent 62%),radial-gradient(circle at 70% 25%,rgba(232,144,42,.25) 7%,transparent 8%),radial-gradient(circle at 30% 75%,rgba(232,144,42,.25) 7%,transparent 8%);background-size:50% 50%;display:flex;align-items:center;justify-content:center;padding:10%}

/* ---- «doble»: la pintura en las dos páginas; cada mitad muestra su mitad, el texto sobre la franja de abajo ---- */
.mitad img.pint{position:absolute;top:0;height:100%;width:200%;max-width:none;object-fit:cover}   /* max-width:none: la página publicada trae img{max-width:100%} */
.izq .mitad img.pint,.mitad.izq img.pint{left:0}
.der .mitad img.pint,.mitad.der img.pint{left:-100%}
.franja{position:absolute;left:0;right:0;bottom:0;padding:1.6em 9% 1.1em;display:flex;flex-direction:column;gap:.45em;line-height:1.45;
  background:linear-gradient(to top,rgba(248,238,219,.97) 70%,rgba(248,238,219,.82) 88%,rgba(248,238,219,0))}
.franja p{margin:0}
.mitad .folio{position:absolute;bottom:.5em;font-size:.6em}
.izq .mitad .folio,.mitad.izq .folio{left:1.2em}.der .mitad .folio,.mitad.der .folio{right:1.2em}

/* ---- «enfrentados»: el dibujo entero, enmarcado, a la izquierda ---- */
.enmarcado{display:flex;align-items:center;justify-content:center;padding:6% 5% 6% 7%}
.enmarcado img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#efe1bf;border:.35em solid #fff7e6;box-shadow:0 .3em .8em rgba(58,36,20,.3);transform:rotate(-1deg)}


/* ---- las fotos impresas, pegadas con cinta (álbum, espejo, apertura) ---- */
.album{background:var(--papel)}
.foto{position:absolute;margin:0;background:#fffaf0;padding:2.2%;box-shadow:0 .25em .7em rgba(58,36,20,.32),0 0 0 1px rgba(58,36,20,.08)}
.foto img,.foto .recorte{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;max-width:none}
.foto .recorte{background-repeat:no-repeat}
.f-sola{position:relative;width:96%;transform:rotate(-1.2deg)}
.f-grande{left:7%;top:8%;width:84%;transform:rotate(-2.2deg)}
.f-detalle{right:6%;bottom:9%;width:50%;transform:rotate(3.5deg);padding:2.5%}
.f-detalle .recorte{aspect-ratio:1}
.f-apertura{left:8%;bottom:10%;width:84%;transform:rotate(1.6deg)}
.cinta{position:absolute;width:30%;height:1.3em;background:rgba(242,193,78,.62);box-shadow:0 1px 2px rgba(0,0,0,.08);
  clip-path:polygon(0 8%,4% 0,9% 10%,14% 0,20% 8%,80% 6%,86% 0,91% 9%,96% 0,100% 8%,100% 92%,96% 100%,91% 90%,86% 100%,80% 92%,20% 94%,14% 100%,9% 90%,4% 100%,0 92%)}
.cinta.c1{left:-6%;top:-.55em;transform:rotate(-28deg)}
.cinta.c2{right:-6%;top:-.55em;transform:rotate(26deg);background:rgba(160,205,140,.6)}
.f-detalle .cinta.c1{left:35%;top:-.6em;transform:rotate(-4deg);background:rgba(232,144,42,.5)}
.titular{position:absolute;left:9%;right:9%;top:9%;display:flex;flex-direction:column;gap:.15em}
.titular small{font-family:var(--display);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-suave);font-size:.75em}
.titular b{font-family:var(--display);font-weight:800;color:var(--mango);font-size:2.4em;line-height:.95;text-wrap:balance}

/* ---- la página de texto ---- */
.texto{display:flex;flex-direction:column;padding:8% 10% 5%}
.cabeza{font-family:var(--display);font-weight:600;font-size:.58em;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave);text-align:center}
.cuerpo{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.6em;line-height:1.55;text-wrap:pretty}
.cuerpo p{margin:0}
p.dialogo{color:var(--hoja);font-style:italic}
.capitular::first-letter{font-family:var(--display);font-weight:800;color:var(--mango);font-size:2.3em;float:left;line-height:.85;margin:.06em .08em 0 0}
.folio{text-align:center;font-family:var(--display);font-weight:600;color:var(--tinta-suave);font-size:.62em}
.folio::before,.folio::after{content:"~";margin:0 .5em;color:var(--mango)}
.camino{align-self:center;font-family:var(--display);font-weight:600;font-size:.62em;background:var(--hoja);color:#fff;border-radius:999px;padding:.15em .9em;margin-bottom:.3em}
.franja .camino{align-self:flex-start}
.portadilla{align-items:center;justify-content:center;text-align:center;gap:.4em}
.portadilla img{width:80%}
.portadilla h1{font-family:var(--display);font-weight:800;color:var(--mango);font-size:1.8em;line-height:1.05;margin:.2em 0 0;text-wrap:balance}
.portadilla h2{font-family:var(--display);font-weight:600;color:var(--tinta-suave);font-size:.9em;margin:0}
.portadilla p{font-size:.68em;color:var(--tinta-suave);margin:.6em 0 0}

/* ---- la decisión, en su página: dos tarjetas grandes, toda la tarjeta se toca ---- */
.cartel{background:#fff7e6;border:2px solid var(--papel-borde);border-radius:1em;padding:1em 1.2em;text-align:center;box-shadow:0 .3em .8em rgba(58,36,20,.2)}
.cartel b{display:block;font-family:var(--display);font-weight:800;font-size:1.5em;color:var(--mango);line-height:1.1}
.cartel span{display:block;margin-top:.4em;font-size:.8em;color:var(--tinta-suave)}
.cartas{flex:1;min-height:0;display:grid;grid-template-rows:1fr 1fr;gap:.7em}
.carta{font:inherit;position:relative;border:3px solid var(--papel-borde);border-radius:1em;padding:0;overflow:hidden;cursor:pointer;background:#fff7e6;display:flex;flex-direction:column;min-height:0}
.carta img{flex:1;min-height:0;width:100%;object-fit:cover}
.carta b{font-family:var(--display);font-weight:800;font-size:1em;padding:.35em .5em;color:var(--tinta)}
.carta:hover,.carta:focus-visible{border-color:var(--mango);outline:none;box-shadow:0 0 0 3px var(--oro)}

/* ---- preguntas y final ---- */
.pregunta h2{font-family:var(--display);font-weight:600;color:var(--tinta-suave);font-size:.75em;margin:0}
.pregunta .q{font-weight:600;margin:.2em 0 .4em}
.resp{display:grid;gap:.45em}
.op{font:inherit;font-weight:600;border:2px solid var(--papel-borde);background:#fff7e6;color:var(--tinta);border-radius:.6em;padding:.45em .8em;text-align:left;cursor:pointer;line-height:1.2;min-height:2.6em}
.op.bien{border-color:var(--hoja);background:#e3efd7}
.op.mal{opacity:.45}
.op:focus-visible{outline:3px solid var(--oro);outline-offset:2px}
.eco{font-size:.72em;color:var(--tinta-suave);margin:.4em 0 0;min-height:1.2em}
.fin h1{font-size:1.45em}
.fin .sub{font-size:.85em;margin:.3em 0 0;color:var(--tinta)}
.fin .chico{font-size:.6em}
.botones{display:flex;flex-direction:column;gap:.5em;margin-top:.8em;align-items:center}
.btn{font-family:var(--display);font-weight:800;font-size:.85em;border:2px solid var(--mango);background:#fff7e6;color:var(--tinta);border-radius:999px;padding:.45em 1.2em;cursor:pointer}
.btn.prin{background:var(--mango);color:#2b1608}

/* ---------- una sola página: parado (dibujo arriba) o acostado (dibujo al lado) ---------- */
.sola{display:flex;flex-direction:column}
.sola>.dibujo{flex:none;width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.sola>.texto{flex:1;min-height:0;position:relative;inset:auto}
.apaisado .sola{flex-direction:row}
.apaisado .sola>.dibujo{width:auto;height:100%;aspect-ratio:4/3}
.apaisado .sola>.texto{padding:5% 5% 3%}
/* acostado: la tapa y la contratapa con su forma de libro (no estiradas); la decisión y las preguntas en dos columnas */
.apaisado .pagina.tapa-dura{inset:0 auto;left:50%;width:calc(var(--lh) * .78);transform:translateX(-50%)}
.apaisado .portadilla img{width:auto;height:34%}
.apaisado .portadilla h1{font-size:1.5em}
.apaisado .cartas{grid-template-rows:1fr;grid-template-columns:1fr 1fr}
.apaisado .cartel{padding:.5em 1em;margin-bottom:.5em}
.apaisado .cartel b{font-size:1.2em}
.apaisado .resp{grid-template-columns:1fr 1fr}

/* ---------- la hoja que se da vuelta ---------- */
.hoja{position:absolute;top:0;height:100%;width:var(--pw);transform-style:preserve-3d;z-index:5;transition:transform .75s cubic-bezier(.35,.05,.25,1)}
.hoja.adelante{right:0;transform-origin:left center}
.hoja.atras{left:0;transform-origin:right center}
.una .hoja{width:100%;left:0;right:auto;transform-origin:left center}
.cara{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.cara.dorso{transform:rotateY(180deg)}
.cara::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .75s;background:linear-gradient(to right,rgba(0,0,0,.28),transparent 60%)}
.volteando .cara::after{opacity:1}
.hoja .pagina{border-radius:0 !important}

/* ---------- abajo: las flechas, grandes y claras ---------- */
.nav{display:flex;align-items:center;gap:14px;color:#fff3d6;font-family:var(--display);font-weight:600}
.nav button{width:58px;height:58px;border-radius:50%;border:none;background:var(--oro);color:#3a2414;font-size:30px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 3px 0 #b88a22,0 6px 12px rgba(0,0,0,.35)}
.nav button:disabled{background:#8a7a5a;color:#5a4a32;box-shadow:none;opacity:.55;cursor:default}
.nav button:focus-visible{outline:3px solid #fff3d6;outline-offset:3px}
.nav button.chico{width:44px;height:44px;font-size:20px;background:rgba(0,0,0,.3);color:var(--oro);box-shadow:none;border:2px solid var(--oro)}
.nav button.chico.apagado{opacity:.55}
/* la frase que está leyendo Clarita se ilumina; tocar una frase la vuelve a decir */
[data-v]{transition:background .25s,box-shadow .25s;border-radius:.3em}
p[data-v].leyendo,b[data-v].leyendo,h1[data-v].leyendo{background:rgba(242,184,62,.32);box-shadow:0 0 0 .18em rgba(242,184,62,.32)}
button[data-v].leyendo{outline:4px solid #f2b83e;outline-offset:2px}
.texto p[data-v]{cursor:pointer}
.nav span{min-width:9.5em;text-align:center;font-size:16px;letter-spacing:.03em}
@media (max-height:500px){.nav button{width:44px;height:44px;font-size:22px}.nav button.chico{width:36px;height:36px;font-size:16px}.nav span{font-size:14px;min-width:8em}#mesa{gap:4px}}
@media (max-width:440px){.nav{gap:8px}.nav span{min-width:0;flex:1 1 auto;font-size:14px}.nav button.chico{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.hoja,.cara::after{transition:none}}

/* el lector mejorado (v0.9) */
a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.indice-pdf-link{font:600 16px var(--display);color:#315b49}
body.lector-v08{background:linear-gradient(#30261ee0,#30261ec9),var(--lector-piso) center/700px repeat!important}
body.lector-v08::after{display:none}
#mesa{gap:12px;padding-block:12px}
.lector-top{width:min(1160px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;color:#fff2d7;font:600 14px var(--display)}
.lector-marca{display:flex;flex-direction:column;line-height:1.15}.lector-marca strong{font-size:21px}.lector-marca small{opacity:.8;font-size:12px;font-weight:400}
.lector-tools{display:flex;gap:8px;align-items:center}.lector-tools button,.indice-cerrar{min-height:44px;min-width:44px;border:1px solid #b9a16c80;background:#1f392fd9;color:#fff2d7;border-radius:12px;padding:6px 13px;font:600 15px var(--display);cursor:pointer}
button:focus-visible{outline:3px solid #f5ce69!important;outline-offset:4px}
.libro.cerrado .slot.izq{display:none}.libro.cerrado .slot.der{left:50%;right:auto;transform:translateX(-50%)}
.tapa-dura{box-shadow:inset 10px 0 #0003,inset 13px 0 #ffffff12,5px 7px #24463a,0 20px 45px #0005}
.tapa-dura .titulo b{font-size:1.05em;line-height:1.2}.tapa-dura .titulo{padding-top:5%}
.tapa-dura .titulo img{width:86%}.tapa-dura .pie{padding-bottom:6%}
.pagina.guarda{background:linear-gradient(#fbf3e35c,#fbf3e35c),var(--lector-guarda) center/620px repeat!important}
.cuerpo{line-height:1.58;gap:.8em;text-align:left}.cuerpo p{max-width:33ch}
p.dialogo{color:#355643;font-style:normal}
.capitular::first-letter{font-family:var(--texto);font-weight:400;color:#a55d2a;font-size:2.6em;line-height:.9;margin:.08em .1em 0 0}
.cabeza{font-size:.55em;letter-spacing:.12em}.folio::before,.folio::after{content:none}
.texto .cuerpo{padding-block:1em}
.sola .texto{flex:1 1 auto}.sola>.dibujo{max-height:47%;object-fit:contain;background:#f8eedb}
.apaisado .sola>.dibujo{height:100%;max-height:none;width:40%;flex:none;object-fit:contain}
body.portada-visible .nav{max-width:720px}
.cartel{border-radius:16px;background:#fff9edeb;box-shadow:0 8px 24px #4c3c2015}.cartel b{font-size:1.35em;color:#a55d2a}
.cartas{flex:1 0 0;min-height:220px}.carta{border-radius:16px}.carta b{font-size:.88em;padding:.5em}.carta img{object-fit:contain;background:#f8eedb}
.carta{transition:transform .15s,border-color .15s}.carta:hover{transform:translateY(-2px)}
.nav{max-width:960px;width:100%;box-sizing:border-box;background:#203b31f2;border:1px solid #d7bd7a50;border-radius:20px;padding:10px 14px;gap:16px;box-shadow:0 8px 26px #0003;flex:none}
.nav button{height:48px;width:auto;min-width:48px;border-radius:12px;font-size:16px;font-family:var(--display);padding:0 18px;white-space:nowrap;box-shadow:0 2px 0 #b88a22}
.nav button:disabled{background:#ffffff0d;color:#e6dfcd;opacity:.5}.nav .situacion{flex:1;min-width:0;text-align:center}.nav #donde{display:block;font-size:15px;min-width:0;letter-spacing:0}
.nav progress{display:block;width:min(230px,100%);height:4px;margin:7px auto 0;accent-color:#edc769;border:0;border-radius:10px;overflow:hidden;background:#ffffff20}
progress::-webkit-progress-bar{background:#ffffff20}progress::-webkit-progress-value{background:#edc769}
.nav button#reiniciar{background:transparent;border:1px solid #c9b78880;color:#fff1d5;box-shadow:none;font-size:13px;padding:0 12px}
.lectura-aviso{font:13px var(--display);color:#f7e8c5;margin:0;text-align:center;flex:none}
.indice{width:min(560px,calc(100% - 30px));max-height:85dvh;box-sizing:border-box;border:1px solid #d8c18e;border-radius:20px;background:#faf1df;color:#3a291d;padding:24px;box-shadow:0 24px 80px #0006}
.indice::backdrop{background:#10221dcc;backdrop-filter:blur(4px)}.indice header{display:flex;align-items:center;justify-content:space-between;gap:12px}.indice h2{font:800 27px var(--display);margin:0}.indice p{font:15px/1.5 var(--texto)}
.indice-lista{display:grid;gap:6px;margin-top:16px}.indice-lista button{font:600 16px var(--display);text-align:left;min-height:46px;padding:9px 12px;border:1px solid #dcc9a1;background:#fffaf0;border-radius:10px;color:#3e3024;cursor:pointer}.indice-lista button[aria-current]{background:#315b49;color:#fff6df}.indice-lista button:disabled{opacity:.5;cursor:default}.indice-lista .rama{margin-left:24px;background:#f0e5cd}
@media(max-width:600px){#mesa{padding:10px;gap:8px}.lector-marca strong{font-size:18px}.lector-marca small{display:none}.lector-tools{gap:5px}.lector-tools button{padding:5px 10px}.lector-tools #pantalla{display:none}.nav{gap:8px;padding:9px;border-radius:15px}.nav button{padding:0 12px;font-size:14px}.nav #donde{font-size:12px}.nav button#reiniciar{display:none}.lectura-aviso{font-size:11px}.texto{padding:7% 8% 5%}.cuerpo{line-height:1.5}.cabeza{font-size:.52em}.cartas{min-height:210px}.libro{touch-action:pan-y}.indice{padding:18px}}
@media(max-height:550px){.lector-marca small,.lectura-aviso{display:none}#mesa{gap:5px;padding-block:5px}.lector-tools button{min-height:36px}.lector-marca strong{font-size:17px}.nav{padding:5px 10px;border-radius:12px}.nav button{height:38px}.lector-top{min-height:34px}.nav progress{margin-top:3px}}
@media(max-height:550px){.cartas{min-height:0;flex:1 1 0}.cartel{padding:.35em .8em!important;margin-bottom:.4em!important}.cartel b{font-size:1.1em}.cartel span{display:none}.apaisado .carta img{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.carta{transition:none}}

.lector-tools button.apagado{opacity:.55}