/* ═══════════════════════════════════════════════════════════════════════════
   escribirycobrar.com — la hoja del sitio.
   Los tokens son los del sistema de diseño de Jones (/opt/jones-design/tokens.css,
   extraídos del tema de Substack). Si allí cambian, se cambian aquí: son una copia.
   ═══════════════════════════════════════════════════════════════════════════ */

@font-face{font-family:'Anton';src:url('/assets/fonts/anton.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap}

:root{
  --carbon:#333d40; --carbon-deep:#262e31; --carbon-3:#1d2426;
  --naranja:#ff6719; --naranja-hover:#e85a12;
  /* El naranja de marca sobre papel claro no llega a 3:1. Para TEXTO naranja sobre
     crema se usa este, un punto más oscuro; sobre carbón vale el de marca. */
  --naranja-sobre-claro:#c94b0b;
  --crema:#fbf6f0; --crema-2:#f3ece2; --papel-borde:rgba(51,61,64,.14);
  --tinta:#191919; --tinta-2:#4a5255;
  /* --tinta-3 del sistema (#8a9093) es de pies de imagen: como texto de la web no
     se lee sobre crema. Éste da 5:1. */
  --tinta-3:#646b6e;
  --sobre-oscuro:#f4f1ec; --sobre-oscuro-2:#c3c9cc;

  --font-display:'Anton',Impact,sans-serif;
  --font-serif:Georgia,'Source Serif 4','Times New Roman',serif;
  --font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;

  --radio-sm:8px; --radio-md:12px;
  --ancho:1080px; --ancho-texto:680px;
  --gutter:clamp(16px,4vw,32px);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;font-synthesis:none;scroll-behavior:smooth}
body{background:var(--crema);color:var(--tinta);font-family:var(--font-sans);font-size:17px;
  line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
.env{max-width:var(--ancho);margin:0 auto;padding:0 var(--gutter)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--naranja);outline-offset:3px;border-radius:4px}

/* ── Botón: el de Substack (radio 8, naranja, blanco, mayúsculas e imperativo) ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);
  font-weight:700;font-size:15px;padding:0 22px;height:48px;border-radius:var(--radio-sm);
  background:var(--naranja);color:#fff;text-decoration:none;border:1px solid transparent;cursor:pointer;
  transition:background .15s,transform .15s;white-space:nowrap}
.btn:hover{background:var(--naranja-hover)}
.btn:active{transform:translateY(1px)}
.btn.up{text-transform:uppercase;letter-spacing:.08em}
.btn.lg{height:56px;font-size:16px;padding:0 30px}
.btn.sm{height:38px;font-size:13px;padding:0 16px}
.btn.btn-sec{background:transparent;color:var(--carbon);border-color:var(--carbon)}
.btn.btn-sec:hover{background:var(--carbon);color:#fff}

/* ── Nav ── */
.nav{position:sticky;top:0;z-index:50;background:rgba(251,246,240,.94);backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--papel-borde)}
.nav .env{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.nav .wm{height:26px;width:auto}
.nav-der{display:flex;align-items:center;gap:14px}
.nav-precio{font:600 14px/1 var(--font-sans);color:var(--tinta-2);white-space:nowrap}

/* ── Héroe (carbón) ── */
.heroe{background:var(--carbon-deep);color:var(--sobre-oscuro);padding:clamp(48px,8vw,96px) 0 clamp(56px,8vw,104px)}
.heroe .env{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);align-items:center}
.kicker{font:700 12px/1.3 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--naranja);margin-bottom:18px}
.heroe h1{font-family:var(--font-serif);font-weight:700;font-size:clamp(30px,4.4vw,50px);line-height:1.12;
  letter-spacing:-.01em;color:#fff}
.heroe h1 em,.titular em{font-style:normal;color:var(--naranja)}
.heroe .sub{font-size:clamp(17px,1.6vw,19px);line-height:1.55;color:var(--sobre-oscuro-2);margin:22px 0 30px;max-width:560px}
.compra{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.precio-bloque{display:flex;flex-direction:column;line-height:1}
.precio-n{font-family:var(--font-display);font-weight:400;font-size:44px;line-height:.95;color:#fff;letter-spacing:.01em}
.precio-nota{font:600 12px/1.4 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sobre-oscuro-2);margin-top:6px}
.seguro{margin-top:18px;font-size:13.5px;color:var(--sobre-oscuro-2);display:flex;gap:8px;align-items:center}
.seguro svg{flex:none;opacity:.8}

/* La portada de la guía, en CSS: la de verdad, recompuesta (papel crema, serif, la
   palabra en naranja). No es un mockup de libro: el producto es una guía. */
.portada{position:relative;justify-self:center;width:min(100%,380px);aspect-ratio:3/4;
  background:var(--crema);color:var(--tinta);border-radius:6px;padding:9% 9% 8%;
  display:flex;flex-direction:column;box-shadow:14px 14px 0 var(--naranja),0 30px 60px rgba(0,0,0,.35);
  transform:rotate(-2deg)}
.portada .wm{height:20px;width:auto;align-self:flex-start;margin-bottom:auto}
.portada h2{font-family:var(--font-serif);font-weight:700;font-size:clamp(34px,4.6vw,50px);line-height:1.02;letter-spacing:-.015em;margin-top:18px}
.portada h2 em{font-style:normal;color:var(--naranja)}
.portada .raya{width:44px;height:3px;background:var(--naranja);margin:16px 0 12px}
.portada p{font-family:var(--font-serif);font-size:14px;line-height:1.45;color:var(--tinta-2)}
.portada .chips{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 auto}
.portada .chips span{background:var(--carbon);color:#fff;font:700 9.5px/1 var(--font-sans);letter-spacing:.12em;
  text-transform:uppercase;padding:6px 8px;border-radius:3px}
.portada .firma{font:500 11px/1 var(--font-sans);color:var(--tinta-3);margin-top:18px}

/* ── Secciones ── */
.sec{padding:clamp(56px,8vw,96px) 0}
.sec + .sec{padding-top:0}
.sec-h{font:700 12px/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-3);
  padding-bottom:12px;border-bottom:1px solid var(--papel-borde);margin-bottom:28px}
.titular{font-family:var(--font-serif);font-weight:700;font-size:clamp(26px,3.2vw,36px);line-height:1.18;
  letter-spacing:-.01em;color:var(--tinta);max-width:760px;margin-bottom:22px}
.titular em{color:var(--naranja-sobre-claro)}
.prosa{max-width:var(--ancho-texto)}
.prosa p{margin-bottom:1.1em;color:var(--tinta)}
.prosa p:last-child{margin-bottom:0}

/* Cifras: Anton, una en naranja (regla 1 del sistema: un acento) */
.cifras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--papel-borde);
  border:1px solid var(--papel-borde);border-radius:var(--radio-md);overflow:hidden;margin-top:40px}
.cifra{background:var(--crema);padding:26px 24px}
.cifra b{display:block;font-family:var(--font-display);font-weight:400;font-size:clamp(52px,7vw,76px);line-height:.95;color:var(--carbon)}
.cifra.on b{color:var(--naranja-sobre-claro)}
.cifra span{display:block;margin-top:8px;font-size:15px;line-height:1.4;color:var(--tinta-2)}

/* Qué hay dentro */
.dentro{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 36px;max-width:900px}
.dentro li{position:relative;padding-left:32px;line-height:1.45}
.dentro li::before{content:"";position:absolute;left:0;top:.2em;width:18px;height:18px;border-radius:4px;
  background:var(--carbon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}

/* Para quién (es / no es) */
.paraquien{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pq{border-radius:var(--radio-md);padding:26px 26px 28px;background:#fff;border:1px solid var(--papel-borde)}
.pq h3{font:700 12px/1 var(--font-sans);letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;color:var(--tinta-3)}
.pq p{font-family:var(--font-serif);font-size:20px;line-height:1.4;color:var(--tinta)}
.pq.no p{color:var(--tinta-2)}
.pq.no p s,.pq.no h3 s{text-decoration-color:var(--naranja);text-decoration-thickness:2px}

/* Banda de compra (carbón) */
.banda{background:var(--carbon-deep);color:var(--sobre-oscuro);border-radius:var(--radio-md);
  padding:clamp(28px,4vw,44px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.banda .kicker{margin-bottom:12px}
.banda h2{font-family:var(--font-serif);font-weight:700;font-size:clamp(24px,3vw,32px);line-height:1.18;color:#fff}
.banda p{color:var(--sobre-oscuro-2);margin-top:10px;max-width:520px;font-size:16px}
.banda .precio-bloque{align-items:center;text-align:center;gap:14px}
.banda .precio-n{font-size:64px;color:var(--naranja)}
.banda .precio-nota{margin-top:-6px}

/* Más de Jones (el resto del catálogo) */
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.ficha{background:#fff;border:1px solid var(--papel-borde);border-radius:var(--radio-md);padding:24px;
  display:flex;flex-direction:column;gap:10px;position:relative}
.ficha .tipo{font:700 11px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.ficha h3{font-family:var(--font-serif);font-weight:700;font-size:22px;line-height:1.2}
.ficha h3 a{text-decoration:none}
.ficha h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.ficha p{color:var(--tinta-2);font-size:15.5px;line-height:1.5}
.ficha .pie{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ficha .pie b{font-family:var(--font-display);font-weight:400;font-size:28px;color:var(--carbon)}
.ficha .pie .btn{position:relative;z-index:1}

/* Quién es Jones */
.jones{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start;max-width:820px}
.jones img{width:112px;height:112px}
.jones .firma{font-family:var(--font-serif);font-style:italic;color:var(--tinta-2);margin-top:10px}

/* Preguntas */
.faq{max-width:760px;border-top:1px solid var(--papel-borde)}
.faq details{border-bottom:1px solid var(--papel-borde)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;
  font-family:var(--font-serif);font-weight:700;font-size:19px;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);
  font:400 28px/1 var(--font-sans);color:var(--naranja-sobre-claro);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding:0 0 22px;color:var(--tinta-2);max-width:680px}

/* ── Pie ── */
.pie-sitio{background:var(--carbon-3);color:var(--sobre-oscuro-2);padding:48px 0 40px;font-size:14.5px}
.pie-sitio .env{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end}
.pie-sitio .wm{height:24px;width:auto;margin-bottom:14px}
.pie-sitio p{max-width:440px}
.pie-sitio p.copy{max-width:none}
.pie-sitio a{color:var(--sobre-oscuro)}
.pie-sitio nav{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:flex-end}
.pie-sitio nav a{text-decoration:none}
.pie-sitio nav a:hover{text-decoration:underline}
.pie-sitio .copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;font-size:13px}

/* ── Páginas de texto (legales, gracias, 404) ── */
.texto{padding:clamp(40px,7vw,80px) 0 clamp(56px,8vw,96px)}
.texto .env{max-width:calc(var(--ancho-texto) + 2*var(--gutter))}
.texto h1{font-family:var(--font-serif);font-weight:700;font-size:clamp(30px,4vw,42px);line-height:1.15;margin-bottom:8px}
.texto .fecha{font-size:14px;color:var(--tinta-3);margin-bottom:36px}
.texto h2{font-family:var(--font-serif);font-weight:700;font-size:23px;line-height:1.25;margin:40px 0 12px}
.texto h3{font:700 16px/1.4 var(--font-sans);margin:24px 0 8px}
.texto p,.texto li{color:var(--tinta);margin-bottom:12px}
.texto ul{padding-left:22px;margin-bottom:16px}
.texto a{color:var(--naranja-sobre-claro)}
.texto .nif{display:inline-block;height:20px;width:auto;vertical-align:middle}
.tabla{overflow-x:auto;margin:8px 0 18px}
.texto table{min-width:480px;width:100%;border-collapse:collapse;font-size:15px}
.texto th,.texto td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--papel-borde);vertical-align:top}
.texto th{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3)}
.aviso{background:#fff;border:1px solid var(--papel-borde);border-left:4px solid var(--naranja);
  border-radius:var(--radio-sm);padding:18px 20px;margin:20px 0}

/* ── Checkout embebido de Whop ── */
.pago{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;
  background:rgba(20,24,26,.72);padding:24px 16px;overflow-y:auto}
.pago.abierto{display:flex}
.pago-caja{position:relative;width:100%;max-width:520px;background:#fff;border-radius:var(--radio-md);
  padding:26px 22px 22px;box-shadow:0 30px 80px rgba(0,0,0,.4);margin:auto 0}
.pago-cab{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:0 44px 18px 0}
.pago-cab h2{font-family:var(--font-serif);font-weight:700;font-size:21px;line-height:1.25}
.pago-cab p{font-size:14px;color:var(--tinta-3);margin-top:4px}
.pago-cab b{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1;color:var(--carbon);white-space:nowrap}
.pago-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;
  background:transparent;cursor:pointer;font-size:26px;line-height:1;color:var(--tinta-2)}
.pago-x:hover{background:var(--crema-2)}
.pago-embed{min-height:120px}
.pago-embed > div{display:none}
.pago-embed > div.on{display:block}
/* El que no se ve se saca de pantalla, no a display:none: ver checkout.php */
.pago-embed > div.fuera{display:block;position:absolute;left:-9999px;top:0;width:476px}
.pago-embed iframe{width:100%!important;border:none!important}
.pago-carga{padding:30px 0;text-align:center;color:var(--tinta-3);font-size:15px}
.pago-carga a{color:var(--naranja-sobre-claro);font-weight:700}
.pago-pie{margin-top:14px;font-size:12.5px;color:var(--tinta-3);text-align:center;line-height:1.5}
body.pago-abierto{overflow:hidden}

/* ── Móvil ── */
@media (max-width:860px){
  .heroe .env{grid-template-columns:minmax(0,1fr)}
  .portada{width:min(70%,260px);margin-top:12px}
  .banda{grid-template-columns:minmax(0,1fr)}
  .banda .precio-bloque{align-items:flex-start;text-align:left}
  .pie-sitio .env{grid-template-columns:minmax(0,1fr)}
  .pie-sitio nav{justify-content:flex-start}
}
@media (max-width:640px){
  body{font-size:16px}
  .nav-precio{display:none}
  .cifras{grid-template-columns:minmax(0,1fr)}
  .cifra{display:flex;align-items:baseline;gap:14px;padding:18px 20px}
  .cifra b{font-size:48px;min-width:64px}
  .cifra span{margin-top:0}
  .dentro,.paraquien{grid-template-columns:minmax(0,1fr)}
  .jones{grid-template-columns:minmax(0,1fr)}
  .jones img{width:84px;height:84px}
  .compra .btn,.banda .btn{flex:1 1 100%;width:100%}
  .pago{padding:0}
  .pago-caja{border-radius:0;min-height:100%;max-width:none;padding:20px 16px}
}
@media (max-width:380px){
  .nav .wm{height:22px}
  .nav .btn{padding:0 12px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ── Formulario de la auditoría (/auditoria/empieza/) ── */
.aud .aviso.ko{border-left-color:#c8352b}
.aud .aviso.ok{border-left-color:#5f9a5b}
.aud .aviso ul{margin:8px 0 8px 20px}
.aud-acceso{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.aud-acceso input{flex:1;min-width:220px;height:50px;border:1.5px solid var(--papel-borde);border-radius:var(--radio-sm);padding:0 14px;font:500 16px var(--font-sans)}
.aud-form h2{margin-top:44px}
.aud-form .campo{display:block;margin:0 0 18px;font:600 15.5px/1.4 var(--font-sans);color:var(--tinta)}
.aud-form .campo input,.aud-form .campo textarea,.aud-form .campo select{display:block;width:100%;margin-top:7px;border:1.5px solid var(--papel-borde);border-radius:var(--radio-sm);
  padding:11px 13px;font:400 16px/1.45 var(--font-sans);color:var(--tinta);background:#fff}
.aud-form .campo input[type=file]{padding:10px;background:var(--crema-2)}
.aud-form input:focus,.aud-form textarea:focus,.aud-form select:focus{outline:none;border-color:var(--naranja)}
.aud-form .campo small{display:block;margin-top:6px;font-weight:400;font-size:13.5px;color:var(--tinta-3)}
.aud-form fieldset{border:0;padding:0}
.aud-form legend{font:600 15.5px/1.4 var(--font-sans);margin-bottom:8px}
.aud-form .opcion{display:inline-flex;gap:8px;align-items:center;margin-right:22px;font-weight:500;cursor:pointer;white-space:nowrap}
.aud-form .campo .opcion input{display:inline-block;width:18px;height:18px;margin:0;padding:0}
.aud-form .rama{border-left:3px solid var(--papel-borde);padding-left:16px;margin-bottom:10px}
.aud-form .rama[hidden]{display:none}
.aud-form .fila-cita{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:460px}
.aud-form .check{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:12px;font-size:15.5px;cursor:pointer}
.aud-form .check input{width:18px;height:18px;margin-top:3px}
.aud-form .nota-envio{font-size:14px;color:var(--tinta-2);margin:18px 0}
.aud-pasos{background:#fff;border:1px solid var(--papel-borde);border-radius:var(--radio-sm);padding:14px 18px;margin:12px 0 18px}
.aud-pasos summary{cursor:pointer;font:700 14px var(--font-sans);color:var(--naranja-sobre-claro)}
.aud-pasos ol{margin:12px 0 0 18px}
.aud-pasos li{margin-bottom:10px;font-size:15px}
.aud-pasos code{font-size:13px;background:var(--crema-2);padding:2px 5px;border-radius:4px;word-break:break-all}
.trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* Tarjetas de guías (landing /guias-gratis/) */
.guias{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guia{background:#fff;border:1px solid var(--papel-borde);border-radius:var(--radio-md);padding:clamp(20px,3vw,30px)}
.guia-n{font-family:var(--font-display);font-size:34px;line-height:1;color:var(--naranja)}
.guia h3{font-family:var(--font-serif);font-size:26px;line-height:1.15;margin:8px 0 6px}
.guia-nota{color:var(--tinta-2);font-size:15.5px;margin-bottom:14px}
.guia ol{list-style:none;counter-reset:g;display:grid;gap:12px}
.guia li{counter-increment:g;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;border-top:1px solid var(--papel-borde);padding-top:11px}
.guia li::before{content:counter(g,decimal-leading-zero);grid-row:span 2;font:800 13px/1.5 var(--font-sans);color:var(--naranja-sobre-claro)}
.guia li b{font-weight:700;line-height:1.35}
.guia li span{color:var(--tinta-2);font-size:15px;line-height:1.45;font-family:var(--font-serif)}
.guias-cta{margin-top:24px;text-align:center}
@media(max-width:820px){.guias{grid-template-columns:minmax(0,1fr)}}

/* Formulario de la auditoría · un bloque por archivo (19-sep-2026) */
.aud-archivos{list-style:none;counter-reset:aa;display:grid;gap:16px;margin:10px 0 14px}
.aud-archivos > li{counter-increment:aa;background:#fff;border:1px solid var(--papel-borde);border-radius:var(--radio-md);padding:18px 20px}
.aud-archivos h3{font-family:var(--font-serif);font-size:21px;line-height:1.2;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.aud-archivos h3::before{content:counter(aa,decimal-leading-zero);font-family:var(--font-display);font-weight:400;color:var(--naranja);font-size:24px}
.aud-archivos h3 span{font:800 11px/1 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:999px}
.aud-archivos .ob{background:#fde2d3;color:var(--naranja-sobre-claro)}
.aud-archivos .op{background:var(--crema-2);color:var(--tinta-3)}
.aud-archivos > li > p{margin:8px 0 10px;color:var(--tinta-2);font-size:15.5px}
.aud-archivos .pasos{margin:0 0 14px 20px;display:grid;gap:6px;font-size:15.5px}
.aud-archivos .pasos a{color:var(--naranja-sobre-claro);font-weight:700}
.aud-archivos .pasos a[aria-disabled]{color:var(--tinta-3);font-weight:600;text-decoration:none;cursor:default}
.aud-archivos input[type=file]{display:block;width:100%;padding:10px;background:var(--crema-2);border:1.5px dashed var(--papel-borde);border-radius:var(--radio-sm);font:500 15px var(--font-sans)}
.aud-nota{font-size:14px;color:var(--tinta-3)}
.aud-archivos textarea{display:block;width:100%;border:1.5px solid var(--papel-borde);border-radius:var(--radio-sm);padding:10px 12px;font:500 15px var(--font-sans)}
.aud-archivos .pasos + input[type=file]{margin-bottom:12px}

/* Móvil estrecho: un botón con texto largo («Quiero las 2 guías gratis») se partía fuera de la
   pantalla a 320 px por el nowrap. Por debajo de 420 px, el texto del botón puede partirse. */
@media(max-width:420px){
  .btn{white-space:normal;text-align:center;line-height:1.25;height:auto;min-height:48px;padding-top:10px;padding-bottom:10px}
  .btn.lg{min-height:56px}
  .btn.sm{min-height:38px;padding-top:7px;padding-bottom:7px}
}

/* Menú común (19-sep-2026): los enlaces y el botón de la auditoría gratuita. En el móvil, solo el botón.
   (Del 25-sep por la tarde a esa misma noche el móvil llevó solo «Tus notas →»: se retiró al cerrar /notas/.) */
.nav-link{font:600 14px/1 var(--font-sans);color:var(--tinta-2);text-decoration:none;white-space:nowrap}
.nav-link:hover{color:var(--naranja-sobre-claro)}
@media(max-width:760px){.nav-link{display:none}}
@media(max-width:480px){.nav-largo{display:none}}

/* ── El aviso de cookies (18-oct-2026): informativo, pequeño y con un solo «Vale». Abajo a la izquierda en
   escritorio; en el móvil, una barra abajo (y la página deja sitio debajo para que no tape ningún botón). ── */
.galletas{position:fixed;left:20px;bottom:20px;z-index:90;max-width:380px;display:flex;align-items:center;gap:14px;
  background:var(--carbon-deep);color:var(--sobre-oscuro-2);border-radius:var(--radio-md);padding:14px 14px 14px 18px;
  border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px -16px rgba(0,0,0,.45);font-size:13.5px;line-height:1.45;
  opacity:0;transform:translateY(16px);transition:opacity .25s ease,transform .25s ease}
.galletas[hidden]{display:none}
.galletas.sale{opacity:1;transform:none}
.galletas b{color:#fff}
.galletas a{color:var(--sobre-oscuro);white-space:nowrap}
.galletas .btn{flex:none}
@media (max-width:640px){
  .galletas{left:12px;right:12px;bottom:12px;max-width:none;padding:12px 12px 12px 14px;font-size:13px}
  body.con-galletas{padding-bottom:118px}
}
@media (prefers-reduced-motion:reduce){.galletas{transition:none}}