/* ═══════════════════════════════════════════════════════════════
   Yo elijo que siga — «El cuaderno de 7° básico»
   Tokens en :root; todo lo demás deriva de ellos. Ver DESIGN.md.
═══════════════════════════════════════════════════════════════ */
:root{
  --papel:#FFFFFF; --cuadricula:#CFE0F3; --margen:#E8777A; --plumon:#151515; --bic:#1B3A8F;
  --fluor:#FFE84D; --rosa:#FF6FAE; --menta:#2DD4BF; --rojo:#D7263D;
  --tapa:#1F6FEB; --bisel:#1E2A44; --aluminio:#D9DEE7; --diario:#F1EFE8; --tinta-suave:#4a5068;
  --mano:"Shantell Sans","Comic Neue",cursive;
  --impreso:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
  --celda:28px;
  --r-sm:6px; --r-md:10px; --r-lg:16px;
  --sombra-dura:4px 4px 0 var(--plumon); --sombra-dura-presionada:2px 2px 0 var(--plumon);
  --sombra-papel:2px 3px 6px rgba(0,0,0,.18);
  --ancho:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papel);color:var(--plumon);font-family:var(--impreso);font-size:1.0625rem;line-height:1.55;
  background-image:linear-gradient(var(--cuadricula) 1px,transparent 1px),linear-gradient(90deg,var(--cuadricula) 1px,transparent 1px);
  background-size:var(--celda) var(--celda);}
img,svg{max-width:100%;height:auto}
a{color:var(--bic)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--bic);outline-offset:2px}
.container{max-width:var(--ancho);margin:0 auto;padding-inline:16px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Tipografía ─────────────────────────────────────────────── */
h1,h2,h3{font-family:var(--mano);font-weight:800;line-height:1.1;margin:0 0 .4em;text-wrap:balance;letter-spacing:-0.01em}
h1{font-size:clamp(2.6rem,6.2vw,4.75rem);line-height:.98}
h2{font-size:clamp(1.75rem,3.4vw,2.5rem)}
h3{font-size:clamp(1.25rem,2vw,1.5rem)}
p{margin:0 0 1em;max-width:68ch}
.mano{font-family:var(--mano);font-weight:500;color:var(--bic)}
.label{font-family:var(--impreso);font-weight:700;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-suave)}
.hl{background:linear-gradient(transparent 32%,var(--fluor) 32%,var(--fluor) 92%,transparent 92%);padding:0 .06em;display:inline-block;transform:rotate(-1.2deg)}
.hl-rosa{background:linear-gradient(transparent 36%,#ffc2dd 36%,#ffc2dd 90%,transparent 90%);padding:0 .05em}
.rojo{color:var(--rojo)}
.fuente{font-size:.875rem;color:var(--tinta-suave)}
.fuente a{color:inherit}

/* ── Botones ────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--mano);font-weight:800;font-size:1.2rem;line-height:1.1;color:var(--plumon);
  background:var(--fluor);border:2.5px solid var(--plumon);border-radius:var(--r-md);padding:12px 26px;text-decoration:none;cursor:pointer;
  box-shadow:var(--sombra-dura);transition:transform .12s ease-out,box-shadow .12s ease-out;white-space:nowrap}
.btn:hover,.btn:active{transform:translate(2px,2px);box-shadow:var(--sombra-dura-presionada)}
.btn.sec{background:var(--papel)}
.btn.chico{font-size:1rem;padding:9px 16px}
.btn[disabled]{opacity:.6;cursor:wait;transform:none;box-shadow:var(--sombra-dura)}
.btn-link{background:none;border:0;padding:0;font:inherit;color:var(--bic);text-decoration:underline;cursor:pointer}

/* ── Cabecera ───────────────────────────────────────────────── */
.cab{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(3px);border-bottom:2px solid var(--plumon)}
.cab-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px}
.cab-logo{font-family:var(--mano);font-weight:800;font-size:1.3rem;color:var(--plumon);text-decoration:none;white-space:nowrap}
.cab-logo .hl{font-size:inherit}
.cab-nav{display:flex;gap:4px 18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.cab-nav a{font-family:var(--impreso);font-weight:700;font-size:.95rem;color:var(--plumon);text-decoration:none;padding:6px 2px;border-bottom:2px solid transparent}
.cab-nav a:hover{border-bottom-color:var(--plumon)}
.cab-nav .btn{font-size:1rem;padding:8px 16px;margin-left:8px}
@media (max-width:720px){.cab-nav a:not(.btn){display:none}.cab-logo{font-size:1.05rem}}
@media (max-width:360px){.cab-logo{font-size:.95rem}}
/* Ventana con la imagen de entregas por año */
.dlg{border:2.5px solid var(--plumon);border-radius:var(--r-md);padding:0;max-width:min(96vw,1100px);box-shadow:var(--sombra-dura);background:var(--papel)}
.dlg::backdrop{background:rgba(21,21,21,.6)}
.dlg img{display:block;width:100%;height:auto}
.dlg .dlg-pie{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;padding:12px 16px;border-top:2px solid var(--plumon)}
.dlg .dlg-pie .btn{font-size:1rem;padding:8px 14px}

/* ── Secciones ──────────────────────────────────────────────── */
.sec{padding-block:72px 40px;position:relative}
.sec.lectura{padding-left:40px}
.sec.lectura::before{content:"";position:absolute;left:14px;top:40px;bottom:0;width:2px;background:var(--margen)}
@media (max-width:820px){.sec{padding-block:52px 28px}.sec.lectura{padding-left:0}.sec.lectura::before{display:none}}
.sec-head{display:grid;gap:4px;margin-bottom:28px}
.sec-head .label{color:var(--bic)}
.sec-head h2::after{content:"";display:block;width:150px;height:9px;margin-top:4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 9'%3E%3Cpath d='M2 6 C 30 2, 60 8, 90 4 S 130 3, 148 5' fill='none' stroke='%23151515' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}
.rayitas{display:inline-block;width:26px;height:30px;vertical-align:middle;margin-left:2px}
.nb-nota{position:absolute;left:10px;bottom:-58px;display:flex;align-items:flex-end;gap:4px;font-family:var(--mano);font-weight:500;font-size:1rem;color:var(--bic);max-width:260px;line-height:1.25}
.nb-nota svg{flex:none;width:54px;height:60px}
@media (max-width:820px){.nb-nota{position:static;margin:4px auto 0;max-width:none;justify-content:center}}

/* ── Hero ───────────────────────────────────────────────────── */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding-block:48px 40px;min-height:min(78vh,720px)}
.hero-lead{font-family:var(--mano);font-weight:500;font-size:1.3rem;line-height:1.4;color:var(--bic);max-width:34ch;margin:0 0 24px}
.hero-lead b{color:var(--rojo);font-weight:800}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}
.hero-nota{font-family:var(--mano);font-size:1rem;color:var(--bic);margin:14px 0 0}
.contador{font-family:var(--mano);font-weight:800;font-size:1.05rem;color:var(--plumon)}
.contador strong{font-family:var(--impreso);font-variant-numeric:tabular-nums;font-size:1.4rem;background:linear-gradient(transparent 30%,var(--fluor) 30%,var(--fluor) 92%,transparent 92%);padding:0 .15em}
@media (max-width:820px){.hero{grid-template-columns:1fr;gap:20px;padding-block:24px 24px;min-height:0}.hero > .nb-wrap{order:-1;max-width:460px;margin:0 auto}}

/* Notebook */
.nb-wrap{position:relative}
.nb{display:block;width:100%;height:auto;transform:rotate(-2.5deg)}
.nb .nb-screen{fill:var(--bisel);transition:fill .5s ease-out}
.nb.on .nb-screen{fill:var(--papel)}
.nb .nb-grid,.nb .nb-ejes,.nb .nb-toolbar,.nb .nb-label,.nb .nb-punto{opacity:0;transition:opacity .5s ease-out .4s}
.nb.on .nb-grid,.nb.on .nb-ejes,.nb.on .nb-toolbar,.nb.on .nb-label,.nb.on .nb-punto{opacity:1}
.nb .nb-curva{stroke-dasharray:720;stroke-dashoffset:720;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.7,.2,1) .6s}
.nb .nb-recta{stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset .9s cubic-bezier(.2,.7,.2,1) 1.3s}
.nb.on .nb-curva,.nb.on .nb-recta{stroke-dashoffset:0}
.nb .nb-glow{opacity:0;transition:opacity .8s ease-out .3s}
.nb.on .nb-glow{opacity:.55}
.nb text{font-family:var(--mano);font-weight:800}
@media (prefers-reduced-motion:reduce){
  .nb .nb-screen{fill:var(--papel)} .nb .nb-grid,.nb .nb-ejes,.nb .nb-toolbar,.nb .nb-label,.nb .nb-punto{opacity:1}
  .nb .nb-curva,.nb .nb-recta{stroke-dashoffset:0} .nb .nb-glow{opacity:.55}
  .nb *{transition:none!important}
}

/* ── Argumento: cifras + gráfico ────────────────────────────── */
.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px 28px;margin:0 0 36px}
.cifra{border-top:2.5px solid var(--plumon);padding-top:10px}
.cifra strong{display:block;font-family:var(--impreso);font-weight:700;font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums}
.cifra span{display:block;font-family:var(--mano);font-weight:500;color:var(--bic);margin-top:6px;font-size:1rem}
.grafico-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:6px}
.grafico{display:block;width:100%;min-width:720px;height:auto;aspect-ratio:960/360}
.grafico .barra{fill:var(--bic);transform-origin:bottom;transform:scaleY(0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.grafico.pintado .barra{transform:scaleY(1)}
.grafico .barra:hover,.grafico .barra:focus{fill:var(--rosa)!important;stroke:var(--plumon);stroke-width:2;outline:none}
.grafico .anio{font-family:var(--impreso);font-size:12px;fill:var(--tinta-suave)}
.grafico .gob{font-family:var(--impreso);font-weight:700;font-size:12px;fill:var(--plumon);letter-spacing:.04em}
.grafico .gob-linea{stroke:var(--plumon);stroke-width:1.5}
.grafico .eje{stroke:var(--plumon);stroke-width:2}
.grafico .cero-circ{fill:none;stroke:var(--rojo);stroke-width:3;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140;transition:stroke-dashoffset .7s ease-out 1s}
.grafico.pintado .cero-circ{stroke-dashoffset:0}
.grafico .cero{font-family:var(--mano);font-weight:800;font-size:34px;fill:var(--rojo)}
.grafico .nota-roja{font-family:var(--mano);font-weight:500;font-size:15px;fill:var(--rojo)}
.grafico .valor{font-family:var(--impreso);font-size:11px;fill:var(--bic)}
@media (prefers-reduced-motion:reduce){.grafico .barra{transform:scaleY(1);transition:none}.grafico .cero-circ{stroke-dashoffset:0;transition:none}}
.tip{position:absolute;pointer-events:none;background:var(--plumon);color:#fff;font-size:.85rem;padding:6px 10px;border-radius:var(--r-sm);transform:translate(-50%,-110%);white-space:nowrap;display:none;z-index:5}
.tip.vis{display:block}
.leyenda{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;font-size:.9rem;color:var(--tinta-suave)}

/* ── Testimonios ────────────────────────────────────────────── */
.muro{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin:0 0 28px}
.postit{position:relative;background:var(--fluor);color:var(--plumon);border-radius:var(--r-sm);padding:18px 18px 16px;box-shadow:var(--sombra-papel);
  font-family:var(--mano);font-weight:500;font-size:1.05rem;line-height:1.35;transform:rotate(-1.2deg);min-height:150px;display:flex;flex-direction:column;gap:10px}
.postit:nth-child(3n+2){background:#ffd1e5;transform:rotate(1.4deg)}
.postit:nth-child(3n+3){background:#c8f5ee;transform:rotate(-.6deg)}
.postit p{margin:0;max-width:none}
.postit .quien{font-family:var(--impreso);font-size:.85rem;color:var(--tinta-suave);margin-top:auto}
.postit .quien b{color:var(--plumon)}
.postit.prensa::after{content:"publicado en prensa";position:absolute;top:8px;right:10px;font-family:var(--impreso);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-suave)}
.postit.vacio{background:var(--papel);border:2px dashed var(--bic);box-shadow:none;transform:none;justify-content:center;align-items:flex-start}
.postit.vacio p{color:var(--bic)}
.pegar{opacity:0;transform:translateY(-10px) rotate(-1.2deg)}
@keyframes pegar{to{opacity:1;transform:translateY(0) rotate(-1.2deg)}}
.postit.pegando{animation:pegar .45s cubic-bezier(.2,.7,.2,1) forwards}

/* ── Videos (fotos pegadas en el cuaderno; el iframe se carga al tocar) ── */
.videos-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.videos{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:14px 4px 18px;margin:0 -4px}
.video{flex:0 0 auto;width:188px;scroll-snap-align:start;transform:rotate(-1.2deg)}
.video:nth-child(2n){transform:rotate(1.1deg)}
.video.activo{transform:none;width:min(300px,80vw)}
.video-marco{position:relative;aspect-ratio:9/16;border:2.5px solid var(--plumon);border-radius:8px;overflow:hidden;background:var(--bisel);box-shadow:var(--sombra-papel)}
.video-tapa{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;position:relative}
.video-tapa img{width:100%;height:100%;object-fit:cover;display:block}
.video-play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:var(--fluor);border:2.5px solid var(--plumon);display:grid;place-items:center;box-shadow:var(--sombra-dura-presionada);transition:transform .12s}
.video-tapa:hover .video-play{transform:scale(1.08)}
.video-marco iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-anio{display:block;text-align:center;font-family:var(--mano);font-weight:800;font-size:1.1rem;color:var(--plumon);margin-top:8px}
.videos-nota{margin:0 0 24px}
@media (max-width:560px){.video{width:150px}}

/* ── Formularios (hojas) ────────────────────────────────────── */
.hoja{position:relative;background:var(--papel);border:2px solid var(--plumon);border-radius:var(--r-md);padding:28px 28px 24px;max-width:640px}
.hoja + .hoja{margin-top:28px}
.hoja .num{position:absolute;top:-22px;left:-14px;width:46px;height:46px;border-radius:50%;background:var(--plumon);color:#fff;font-family:var(--mano);font-weight:800;font-size:1.5rem;display:grid;place-items:center;transform:rotate(-6deg)}
.hoja h3{margin-top:0}
.campo{display:grid;gap:6px;margin-bottom:16px}
.campo label{font-family:var(--impreso);font-weight:700;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-suave)}
.campo input,.campo select,.campo textarea{font:inherit;font-family:var(--impreso);color:var(--bic);background:var(--papel);border:2px solid var(--plumon);border-radius:var(--r-sm);padding:11px 12px;width:100%;min-width:0}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--bic);background:#f4f8fd;outline:none}
.campo.err input,.campo.err textarea{border-color:var(--rojo)}
.campo .ayuda{font-size:.85rem;color:var(--tinta-suave)}
.campos-2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
@media (max-width:560px){.campos-2{grid-template-columns:1fr}.hoja{padding:22px 18px 18px}}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;margin-bottom:12px;cursor:pointer}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--plumon);flex:none}
.estado{font-family:var(--mano);font-weight:500;color:var(--bic);margin-top:14px;min-height:1.4em}
.estado.error{color:var(--rojo)}
.listo{background:var(--fluor);border-radius:var(--r-sm);padding:18px;font-family:var(--mano);font-weight:500;font-size:1.1rem}
.listo h3{margin:0 0 6px}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}

/* ── Recorte de diario + correcciones ───────────────────────── */
.recorte-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px;align-items:start}
.recorte{background:var(--diario);border:1px solid #cfcbbf;padding:26px 28px;font-family:Georgia,"Times New Roman",serif;color:#222;transform:rotate(.6deg)}
.recorte h3{font-family:Georgia,serif;font-weight:700;font-size:1.35rem;margin:0 0 4px;letter-spacing:-0.01em}
.recorte .bajada{font-size:.85rem;color:#555;margin:0 0 14px;font-family:var(--impreso)}
.recorte blockquote{margin:0 0 14px;padding:0;font-size:1.05rem;line-height:1.5}
.recorte blockquote cite{display:block;font-style:normal;font-size:.85rem;color:#555;margin-top:4px;font-family:var(--impreso)}
.recorte mark{background:none;color:inherit;text-decoration:underline wavy var(--rojo) 2px;text-underline-offset:4px}
.correcciones{display:grid;gap:18px}
.corr{font-family:var(--mano);font-weight:500;color:var(--rojo);font-size:1.05rem;line-height:1.4;padding-left:34px;position:relative}
.corr::before{content:"✗";position:absolute;left:0;top:-2px;font-weight:800;font-size:1.5rem}
.corr b{font-weight:800}
.corr q{font-family:var(--impreso);color:var(--plumon);font-size:.95rem;quotes:"«" "»"}
.corr .fuente{display:block;margin-top:4px;font-family:var(--impreso);color:var(--tinta-suave)}
@media (max-width:820px){.recorte-wrap{grid-template-columns:1fr}.recorte{transform:none}}

/* ── Actúa: tres pasos ──────────────────────────────────────── */
.pasos{display:grid;gap:40px;max-width:640px}
.pasos > *{min-width:0;max-width:100%}
.sec,.hoja,[id]{scroll-margin-top:76px}
/* Paso 1: formulario y carta lado a lado */
.pasos .hoja-firma{max-width:none}
.pasos{max-width:none}
.pasos > #escribe,.pasos > #difunde{max-width:640px}
.contador-paso{font-family:var(--mano);font-weight:500;color:var(--bic);margin:0 0 18px}
.contador-paso b{font-family:var(--impreso);font-weight:700;color:var(--plumon);font-variant-numeric:tabular-nums;background:linear-gradient(transparent 30%,var(--fluor) 30%,var(--fluor) 92%,transparent 92%);padding:0 .15em}
.firma-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.carta-prev{background:var(--papel);border:1px solid #cfcbbf;padding:18px 20px 14px;font-size:.9rem;line-height:1.5;transform:rotate(.4deg)}
.carta-prev-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;border-bottom:2px solid var(--plumon);padding-bottom:6px}
.carta-prev-cuerpo p{margin:0 0 .7em;max-width:none}
.carta-prev-cuerpo .cp-fecha{text-align:right}
.carta-prev-cuerpo .cp-firma{margin-top:1.4em;font-family:var(--mano);font-weight:500;color:var(--bic);font-size:1rem}
.carta-prev-cuerpo [data-cp]{border-bottom:1.5px solid var(--bic);min-width:6ch;display:inline-block}
.carta-prev > .fuente{margin:8px 0 0}
@media (max-width:820px){.firma-grid{grid-template-columns:1fr}.carta-prev{transform:none}}
@media (max-width:560px){.btn{white-space:normal;text-align:left}}
.difunde{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 18px}
.difunde .btn{font-size:1rem;padding:9px 16px}
.imagen-prev{margin-top:14px;border:2px solid var(--plumon);border-radius:var(--r-sm);max-width:280px;display:block}

/* ── Modal (fallback de correo) ─────────────────────────────── */
.modal-overlay{position:fixed;inset:0;background:rgba(21,21,21,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}
.modal-box{background:var(--papel);border:2.5px solid var(--plumon);border-radius:var(--r-md);box-shadow:var(--sombra-dura);max-width:640px;width:100%;max-height:92vh;overflow:auto;padding:24px;position:relative}
.modal-close{position:absolute;top:8px;right:10px;background:none;border:0;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--plumon)}
.fb-field{display:grid;gap:6px;margin-bottom:14px}
.fb-field label{font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-suave)}
.fb-field textarea,.fb-field input{font:inherit;font-size:.9rem;border:2px solid var(--plumon);border-radius:var(--r-sm);padding:8px 10px;width:100%;font-family:var(--impreso)}
.fb-field textarea{min-height:60px;resize:vertical}
.fb-field .btn{justify-self:start}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--plumon);color:#fff;padding:10px 16px;border-radius:var(--r-sm);font-weight:700;opacity:0;transition:opacity .25s,transform .25s;z-index:60;pointer-events:none}
.toast.vis{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── Pie ────────────────────────────────────────────────────── */
.pie{margin-top:72px;background:var(--plumon);color:#e9e9e9;padding-block:40px 32px;font-size:.95rem}
.pie a{color:#fff}
.pie .cols{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}
.pie h4{font-family:var(--mano);font-weight:800;color:#fff;margin:0 0 8px;font-size:1.1rem}
.pie ul{margin:0;padding-left:18px}
.pie li{margin-bottom:4px}
.pie .mini{color:#bdbdbd;font-size:.85rem;margin-top:18px}
@media (max-width:720px){.pie .cols{grid-template-columns:1fr}}

/* ── Páginas secundarias ────────────────────────────────────── */
.pagina{max-width:720px;padding-block:48px}
.pagina.lectura{padding-left:40px;position:relative}
.pagina.lectura::before{content:"";position:absolute;left:14px;top:48px;bottom:0;width:2px;background:var(--margen)}
@media (max-width:820px){.pagina.lectura{padding-left:0}.pagina.lectura::before{display:none}}
.carta{font-family:var(--impreso);line-height:1.6}
.carta p{max-width:72ch}

/* ── Admin ──────────────────────────────────────────────────── */
.admin table{border-collapse:collapse;width:100%;font-size:.95rem}
.admin th,.admin td{text-align:left;border-bottom:1px solid var(--cuadricula);padding:8px 6px;vertical-align:top}
.admin form{display:inline}
.admin .btn{font-size:.9rem;padding:5px 10px;box-shadow:2px 2px 0 var(--plumon);margin:2px}