/* Caso Cero v3 · dirección A, Mostrador. Tipografías alojadas en el sitio (licencia OFL, ver /fonts) */
@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic-latin.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:Anton;src:url(/fonts/anton-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --papel:#F6F1E9; --papel-2:#EFE7DA; --papel-3:#FFFDF8;
  --tinta:#1C1917; --tinta-2:#57534E; --linea:#D6CCBC;
  --naranja:#FF4D00; --naranja-texto:#C43A00; --naranja-hover:#A93200;
  --r:1.25rem;
  --sombra-1:0 1px 2px rgba(28,25,23,.08),0 2px 6px rgba(28,25,23,.05);
  --sombra-2:0 2px 4px rgba(28,25,23,.08),0 16px 40px rgba(28,25,23,.12);
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem; --s7:3rem; --s8:4rem; --s9:6rem;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{background:var(--papel);color:var(--tinta);font:400 1.0625rem/1.65 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
a{color:var(--naranja-texto);text-underline-offset:.18em}
:focus-visible{outline:3px solid var(--naranja-texto);outline-offset:3px;border-radius:.25rem}
.wrap{max-width:72rem;margin:0 auto;padding:0 1rem}
@media (min-width:700px){.wrap{padding:0 1.5rem}}
.saltar{position:absolute;left:-999px;top:0;background:var(--tinta);color:#fff;padding:.75rem 1rem;z-index:20}
.saltar:focus{left:1rem}

/* tipografía */
h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(2.4rem,1.6rem + 3.6vw,4.25rem);line-height:1.04}
h2{font-size:clamp(1.85rem,1.35rem + 1.9vw,2.75rem);line-height:1.1}
h3{font-size:1.3rem;line-height:1.25}
h2 em{font-style:italic;font-weight:500;color:var(--naranja-texto)}
.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--naranja-texto)}
.lead{color:var(--tinta-2);font-size:1.125rem;max-width:38rem;text-wrap:pretty}
.lead.espacio{margin-top:var(--s4)}
.chico{font-size:.875rem;color:var(--tinta-2)}
.centro{text-align:center}

/* logo: el 0 en Anton y CASO CERO espaciado, como logo-oscuro.png */
.logo{display:inline-flex;align-items:center;gap:.6rem;color:var(--tinta);text-decoration:none;min-height:44px}
.logo b{font:400 2rem/1 Anton,Impact,sans-serif;color:var(--naranja)}
.logo span{font:500 .8125rem/1 Inter,sans-serif;letter-spacing:.32em;text-transform:uppercase}

/* navegación */
header.top{position:sticky;top:0;z-index:10;background:rgba(246,241,233,.92);backdrop-filter:blur(8px);border-bottom:1px solid transparent;transition:border-color .2s}
header.top.scrolled{border-bottom-color:var(--linea)}
nav.main{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}
.links{display:none;gap:1.75rem}
.links a{color:var(--tinta);text-decoration:none;font-weight:500;font-size:.9375rem;padding:.6rem 0}
.links a:hover{color:var(--naranja-texto)}
@media (min-width:980px){.links{display:flex}}

/* botones: #C43A00 con texto blanco (5.31 a 1). Nunca texto blanco sobre #FF4D00 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.4rem;border-radius:999px;font:600 1rem/1.2 Inter,sans-serif;text-decoration:none;min-height:48px;border:0;cursor:pointer;text-align:center;transition:background-color .15s,border-color .15s,transform .15s}
.btn-1{background:var(--naranja-texto);color:#fff;box-shadow:0 1px 2px rgba(28,25,23,.2),0 6px 16px rgba(196,58,0,.22)}
.btn-1:hover{background:var(--naranja-hover)}
.btn-1:active{transform:translateY(1px)}
.btn-2{color:var(--tinta);border:1.5px solid var(--linea);background:transparent}
.btn-2:hover{border-color:var(--tinta)}
.btn-chico{padding:.6rem 1rem;min-height:44px;font-size:.9375rem}

/* secciones */
section{padding:var(--s8) 0}
@media (min-width:900px){section{padding:var(--s9) 0}}
.titulo{max-width:46rem;margin-bottom:var(--s6)}
.titulo h2{margin:var(--s2) 0 var(--s4)}
.fondo-2{background:var(--papel-2)}
.grid{display:grid;gap:var(--s4)}
@media (min-width:700px){.g2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:var(--papel-3);border:1px solid var(--linea);border-radius:var(--r);padding:var(--s5);box-shadow:var(--sombra-1)}

/* hero */
.hero{display:grid;gap:var(--s6);padding:var(--s6) 0 var(--s8)}
.hero h1{margin:var(--s3) 0 var(--s5)}
.subraya{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 14' preserveAspectRatio='none'%3E%3Cpath d='M3 9c60-6 140-8 220-4 26 1 50 3 74 5' fill='none' stroke='%23FF4D00' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 0 100%/100% .28em;padding-bottom:.08em;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:subrayar 1.1s cubic-bezier(.65,0,.35,1) .5s both}
@keyframes subrayar{from{background-size:0 .28em}to{background-size:100% .28em}}
.ctas{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s6)}
.micro{margin-top:var(--s4);font-size:.9375rem;color:var(--tinta-2)}
.micro b{color:var(--tinta);font-weight:600}
@media (max-width:519px){.ctas .btn{width:100%}}

.hero-ilus{position:relative;aspect-ratio:100/80;margin:0}
.hero-ilus .libreta{position:absolute;left:0;top:14%;width:74%}
.hero-ilus .tel-caja{position:absolute;right:0;top:0;width:50%;min-width:10.5rem}
.hero-ilus .tel{background:var(--tinta);border-radius:2rem;padding:.6rem;box-shadow:var(--sombra-2);animation:entra .7s cubic-bezier(.2,.8,.2,1) .2s both}
.hero-ilus .pant{background:var(--papel-3);border-radius:1.5rem;padding:1.4rem 1.1rem 1.2rem;display:flex;flex-direction:column;min-height:15rem}
.hero-ilus .et{font-weight:600;font-size:clamp(.8125rem,.7rem + .4vw,1rem);color:var(--tinta-2)}
.hero-ilus .monto{font:600 clamp(1.6rem,1rem + 2.4vw,2.6rem)/1.1 Fraunces,Georgia,serif;margin-top:.4rem;letter-spacing:-.01em}
.hero-ilus .trazo{width:92%;height:.7rem;margin:.2rem 0 0}
.hero-ilus .linea{margin-top:auto;font-size:clamp(.875rem,.8rem + .3vw,1rem)}
.hero-ilus .alerta{font-weight:600;font-size:clamp(.875rem,.8rem + .3vw,1rem);color:var(--naranja-texto);margin-top:.5rem;padding-top:.6rem;border-top:1.5px solid var(--linea)}
.hero-ilus .ficticio{text-align:right;margin-top:.5rem;font-size:.8125rem;color:var(--tinta-2)}
.revela img{animation:revelar 1.4s cubic-bezier(.65,0,.35,1) .1s both}
@keyframes revelar{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.dibuja{stroke-dasharray:1;stroke-dashoffset:1;animation:dibujo .9s ease-out 1.3s forwards}
@keyframes dibujo{to{stroke-dashoffset:0}}
@media (min-width:900px){
  .hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:var(--s7);padding:var(--s8) 0 var(--s9)}
  .hero-ilus .tel-caja{width:48%}
}

/* problemas */
.con-dibujo{display:grid;gap:var(--s5);align-items:end;margin-bottom:var(--s6)}
.con-dibujo .titulo{margin-bottom:0}
.dibujo-lado{width:min(13rem,55%)}
@media (min-width:900px){.con-dibujo{grid-template-columns:1fr auto}.dibujo-lado{width:14rem;margin-right:var(--s6)}}
.problema{font-family:Fraunces,Georgia,serif;font-size:1.2rem;line-height:1.35;font-weight:500}
.problema span{display:block;font:400 .9375rem/1.55 Inter,sans-serif;color:var(--tinta-2);margin-top:var(--s3)}
.num{font:400 1.1rem/1 Anton,Impact,sans-serif;color:var(--naranja-texto);display:block;margin-bottom:var(--s3)}

/* giros */
.giros{display:grid;gap:var(--s6);align-items:center}
.giros h2{margin:var(--s2) 0 var(--s4)}
.sirve-t{margin-top:var(--s5);font-weight:600}
.sirve{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.sirve li{background:var(--papel-3);border:1px solid var(--linea);border-radius:999px;padding:.45rem .9rem;font-size:.9375rem;font-weight:500}
.ya-hecho{margin-top:var(--s4)}
.zona{margin-top:var(--s5);max-width:36rem}
.dibujo-giros{max-width:34rem;justify-self:center}
@media (min-width:900px){.giros{grid-template-columns:1.05fr .95fr}}

/* servicios */
.servicio h3{margin-bottom:var(--s2)}
.servicio p{color:var(--tinta-2)}
.servicio .ej{margin-top:var(--s4);padding-top:var(--s4);border-top:1px dashed var(--linea);font-size:.9375rem;color:var(--tinta)}
.nota-mant{margin:var(--s5) auto 0;display:flex;gap:var(--s4);align-items:flex-start;background:var(--papel-3);border:1px solid var(--linea);border-radius:var(--r);padding:var(--s5);max-width:50rem}
.nota-mant b{font:400 2.25rem/1 Anton,Impact,sans-serif;color:var(--naranja)}
.nota-mant p{color:var(--tinta-2)}

/* empleados digitales */
.ed{display:grid;gap:var(--s6)}
@media (min-width:900px){.ed{grid-template-columns:1fr 1fr;align-items:center;gap:var(--s7)}}
.ed h2{margin-top:var(--s2)}
.reglas{display:grid;gap:var(--s4);margin-top:var(--s6);padding:0;list-style:none}
.reglas li{display:grid;grid-template-columns:2rem 1fr;gap:var(--s3)}
.reglas li i{width:2rem;height:2rem;border-radius:50%;background:var(--tinta);color:var(--naranja);display:grid;place-items:center;font:400 .95rem/1 Anton,Impact,sans-serif;font-style:normal}
.reglas b{display:block}
.reglas span{color:var(--tinta-2);font-size:.9375rem}
.ed-tel{margin:0}
.ed-tel figcaption{margin-top:var(--s3)}
.telefono{background:var(--tinta);border-radius:2rem;padding:var(--s4);max-width:22rem;margin:0 auto;box-shadow:var(--sombra-2)}
.pantalla{background:var(--papel-3);border-radius:1.25rem;padding:var(--s4);display:grid;gap:var(--s3)}
.burbuja{background:var(--papel-2);border-radius:1rem 1rem 1rem .25rem;padding:.75rem .9rem;font-size:.9rem;line-height:1.45}
.burbuja small{display:block;color:var(--tinta-2);font-size:.75rem;margin-bottom:var(--s1)}
.botones{display:flex;gap:var(--s2);flex-wrap:wrap}
/* Botones dibujados, no reales: sin color de botón ni cursor de mano, para que nadie intente tocarlos */
.botones span{font-size:.8125rem;font-weight:600;padding:.4rem .75rem;border-radius:999px;border:1px dashed var(--linea);color:var(--tinta-2);cursor:default;user-select:none}
.botones span.si{color:var(--tinta);border-style:solid}
.registro{font-size:.75rem;color:var(--tinta-2);border-top:1px dashed var(--linea);padding-top:var(--s2)}

/* portafolio */
.herr{display:flex;flex-direction:column;gap:var(--s4)}
.mini{background:var(--papel-2);border-radius:1rem;padding:var(--s4);min-height:9.5rem;display:grid;gap:var(--s2);align-content:start;font-size:.8125rem}
.mini .k{color:var(--tinta-2);font-size:.75rem}
.mini .v{font:600 1.5rem/1.1 Fraunces,Georgia,serif}
.fila{display:flex;justify-content:space-between;gap:var(--s2);background:var(--papel-3);border-radius:.5rem;padding:.4rem .6rem}
.fila b{font-weight:600}
.etq{display:inline-block;white-space:nowrap;align-self:center;font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;background:var(--tinta);color:var(--papel)}
.ficticio-mini{display:block;text-align:right;font-size:.75rem;color:var(--tinta-2);margin-top:calc(var(--s3) * -1)}
.barras{display:flex;align-items:flex-end;gap:.35rem;height:3.25rem}
.barras i{flex:1;background:var(--linea);border-radius:.25rem .25rem 0 0}
.barras i.h{background:var(--naranja)}
.b45{height:45%}.b52{height:52%}.b60{height:60%}.b70{height:70%}.b85{height:85%}
.herr h3{font-size:1.15rem}
.herr dl{display:grid;gap:.6rem;font-size:.9375rem}
.herr dt{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--naranja-texto)}
.herr dd{margin:0;color:var(--tinta-2)}
.cita{margin:var(--s1) 0 0;padding:var(--s4);border-left:3px solid var(--naranja);background:var(--papel-2);border-radius:0 .75rem .75rem 0;font-family:Fraunces,Georgia,serif;font-style:italic;font-size:1rem;line-height:1.45}
.cita footer{font:400 .8125rem/1.4 Inter,sans-serif;font-style:normal;color:var(--tinta-2);margin-top:var(--s2)}

/* pasos */
.pasos{counter-reset:p;display:grid;gap:var(--s4);padding:0;list-style:none}
@media (min-width:700px){.pasos{grid-template-columns:repeat(2,1fr)}}
@media (min-width:980px){.pasos{grid-template-columns:repeat(4,1fr)}}
.pasos li{counter-increment:p;background:var(--papel-3);border:1px solid var(--linea);border-radius:var(--r);padding:var(--s5);position:relative}
.pasos li::before{content:counter(p);font:400 2rem/1 Anton,Impact,sans-serif;color:var(--naranja-texto);display:block;margin-bottom:var(--s3)}
.pasos h3{font-size:1.15rem;margin-bottom:.4rem}
.pasos p{color:var(--tinta-2);font-size:.9375rem}

/* diagnóstico */
.cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin:0 0 var(--s6);max-width:46rem}
.cifras div{border-top:2px solid var(--tinta);padding-top:var(--s3)}
.cifras dt{font-size:.8125rem;color:var(--tinta-2);line-height:1.35}
.cifras dd{margin:var(--s1) 0 0;font:600 clamp(2rem,1.4rem + 2.4vw,3.25rem)/1 Fraunces,Georgia,serif;letter-spacing:-.02em}
.cifras small{display:block;font:500 .8125rem/1.3 Inter,sans-serif;letter-spacing:0;color:var(--tinta-2);margin-top:var(--s1)}
.diag{display:grid;gap:var(--s6)}
@media (min-width:900px){.diag{grid-template-columns:.95fr 1.05fr;align-items:start;gap:var(--s7)}}
.entregable h3{font-size:1.25rem}
.entrega{list-style:none;padding:0;display:grid;gap:var(--s4);margin-top:var(--s4)}
.entrega li{display:grid;grid-template-columns:1.75rem 1fr;gap:var(--s3)}
.entrega li b{font:400 1.25rem/1.4 Anton,Impact,sans-serif;color:var(--naranja-texto)}
.entrega li span{color:var(--tinta-2)}
.entrega li strong{color:var(--tinta);font-weight:600}
.hoja{margin:var(--s6) 0 0;max-width:24rem}
.hoja-pag{background:var(--papel-3);border:1px solid var(--linea);border-radius:.75rem;padding:var(--s5);box-shadow:var(--sombra-2);transform:rotate(-1.5deg);display:grid;gap:var(--s3)}
.hoja-cab{display:flex;align-items:center;gap:var(--s2);font-size:.8125rem;font-weight:600;padding-bottom:var(--s3);border-bottom:1px solid var(--linea)}
.hoja-cab b{font:400 1.25rem/1 Anton,Impact,sans-serif;color:var(--naranja)}
.hoja-cab .etq{margin-left:auto}
.hoja-t{font-size:.8125rem;font-weight:600}
.hoja-flujo{display:flex;gap:var(--s2);align-items:center}
.hoja-flujo i{flex:1;height:1.75rem;border:1.5px solid var(--linea);border-radius:.4rem;position:relative}
.hoja-flujo i:not(:last-child)::after{content:"";position:absolute;right:-.55rem;top:50%;width:.5rem;border-top:1.5px solid var(--tinta-2)}
.hoja-renglones{display:grid;gap:.4rem}
.hoja-renglones i{height:.45rem;border-radius:999px;background:var(--papel-2)}
.hoja-renglones i:first-child{background:var(--naranja);width:70%}
.hoja-renglones i:nth-child(2){width:85%}
.hoja-renglones.corta i:first-child{width:45%;background:var(--linea)}
.hoja figcaption{margin-top:var(--s4)}
form.card{display:grid;gap:1.1rem;padding:var(--s5)}
@media (min-width:700px){form.card{padding:var(--s6)}}
.form-t{font:600 1.35rem/1.2 Fraunces,Georgia,serif}
label,legend{font-weight:600;font-size:.9375rem}
.campo{display:grid;gap:.4rem}
input[type=text],input[type=tel],input[type=email],textarea{font:inherit;color:var(--tinta);background:#fff;border:1.5px solid #8C8279;border-radius:.75rem;padding:.75rem .9rem;min-height:48px;width:100%}
input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,textarea:focus{border-color:var(--naranja-texto);outline:none;box-shadow:0 0 0 3px rgba(196,58,0,.18)}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:#9F1D1D}
textarea{min-height:6rem;resize:vertical}
fieldset{border:0;padding:0;display:grid;gap:var(--s2);min-width:0}
legend{margin-bottom:var(--s2)}
.opcion{display:flex;align-items:center;gap:.6rem;background:#fff;border:1.5px solid var(--linea);border-radius:.75rem;padding:.65rem .9rem;min-height:48px;cursor:pointer;font-weight:500}
.opcion:has(input:checked){border-color:var(--naranja-texto);background:#FFF6F0}
.opcion input{accent-color:var(--naranja-texto);width:1.1rem;height:1.1rem;flex:none}
.respuesta{border-radius:var(--r);padding:1.25rem;background:var(--papel-2);border:1px solid var(--linea)}
.respuesta[hidden]{display:none}
.respuesta-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s5);margin-top:var(--s4)}
.respuesta-ctas a:not(.btn){display:inline-block;padding:.75rem 0;min-height:44px;font-weight:500}
fieldset.con-error .opcion{border-color:#9F1D1D}
#form-diag .campo-error[hidden],#form-diag .error[hidden]{display:none}
.error{color:#9F1D1D;font-size:.875rem;font-weight:600}

/* contacto y pie */
.contacto{display:grid;gap:var(--s5);background:var(--tinta);color:var(--papel);border-radius:1.5rem;padding:var(--s6) var(--s5);margin:var(--s8) 0 0}
.contacto h2{color:#fff}
.contacto p{color:#D6D3D1;margin-top:var(--s3)}
.contacto a.correo{color:#fff}
@media (min-width:900px){.contacto{grid-template-columns:1.3fr 1fr;align-items:center;padding:var(--s7)}.contacto>div:last-child{justify-self:end}}
footer.pie{padding:var(--s7) 0 7rem;font-size:.875rem;color:var(--tinta-2)}
footer.pie .wrap{display:grid;gap:var(--s3)}
footer.pie nav{display:flex;flex-wrap:wrap;column-gap:1.25rem}
footer.pie a{color:var(--tinta-2)}
footer.pie .logo{color:var(--tinta)}
footer.pie nav a,footer.pie nav .pref-cookies{display:inline-block;padding:.75rem 0;min-height:44px}
footer.pie nav .pref-cookies{background:none;border:0;font:inherit;color:var(--tinta-2);text-decoration:underline;text-underline-offset:.18em;cursor:pointer}
footer.pie nav .pref-cookies[hidden]{display:none}
@media (min-width:900px){footer.pie{padding-bottom:var(--s7)}}

/* barra fija en celular */
.barra-wa{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:9;visibility:hidden;opacity:0;transform:translateY(1rem);transition:opacity .2s,transform .2s,visibility 0s linear .2s}
.barra-wa.ver{visibility:visible;opacity:1;transform:none;transition:opacity .2s,transform .2s}
.barra-wa .btn{width:100%;box-shadow:0 8px 24px rgba(28,25,23,.25)}
@media (min-width:900px){.barra-wa{display:none}}

/* páginas de texto (legales) */
.texto{max-width:46rem;padding:var(--s7) 1rem var(--s8)}
.texto h1{font-size:clamp(2rem,1.6rem + 2vw,2.9rem);margin-bottom:var(--s2)}
.texto h1 span{font-style:italic;font-weight:500;color:var(--naranja-texto)}
.texto h2{font-size:1.4rem;margin:var(--s6) 0 var(--s3)}
.texto p,.texto li{color:var(--tinta-2);margin-bottom:var(--s3)}
.texto strong{color:var(--tinta)}
.texto ul{padding-left:1.25rem}
.doc-header{margin-bottom:var(--s6);padding-bottom:var(--s5);border-bottom:1px solid var(--linea)}
.doc-meta{font-size:.875rem}
.highlight-box{background:var(--papel-3);border:1px solid var(--linea);border-left:3px solid var(--naranja);border-radius:.75rem;padding:var(--s4) var(--s5);margin:var(--s5) 0}
.highlight-box p{margin:0;font-size:.9375rem}
.tabla{overflow-x:auto;margin:var(--s4) 0 var(--s5)}
.texto table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:30rem}
.texto th{background:var(--papel-2);color:var(--tinta);text-align:left;padding:.65rem .9rem;border:1px solid var(--linea);font-weight:600}
.texto td{color:var(--tinta-2);padding:.65rem .9rem;border:1px solid var(--linea);vertical-align:top;background:var(--papel-3)}
.volver{font-weight:500}

/* barra de cookies */
/* En celular va pegada abajo y compacta para no tapar el botón principal del hero;
   sube solo cuando la barra fija de WhatsApp está a la vista (body.con-barra-wa, lo pone sitio.js) */
.cookies{position:fixed;left:.75rem;right:.75rem;bottom:.75rem;z-index:11;background:var(--papel-3);border:1px solid var(--linea);border-radius:1rem;box-shadow:var(--sombra-2);padding:.75rem 1rem;display:grid;gap:.5rem;font-size:.875rem;line-height:1.45;max-width:34rem}
.cookies-btns{display:flex;gap:.5rem}
.cookies-btns .btn{flex:1 1 auto;padding:.5rem .9rem}
.con-barra-wa .cookies{bottom:5.25rem}
.cookies.arriba{bottom:auto;top:.75rem}
.cookies-actual{font-size:.875rem;color:var(--tinta-2)}
.btn:disabled{cursor:progress;opacity:.75}
@media (min-width:900px){.cookies,.con-barra-wa .cookies{left:auto;bottom:1.5rem;right:1.5rem;padding:1rem 1.25rem;gap:.75rem;font-size:.9375rem}.cookies-btns .btn{flex:none}}

/* movimiento reducido: todo aparece ya dibujado */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .dibuja{stroke-dashoffset:0}
  .subraya{background-size:100% .28em}
}

/* En las secciones de papel 2, el naranja de texto baja a #A93200: #C43A00 sobre #EFE7DA da 4.33 a 1 y no pasa en texto chico */
.fondo-2{--naranja-texto:#A93200;--naranja-hover:#8F2A00}

/* manual gratis (manual-ia.html, manual-gracias.html y banda del inicio) */
.manual{display:grid;gap:var(--s6);padding:var(--s6) 0 var(--s8)}
.manual h1{margin:var(--s3) 0 var(--s5)}
.h-chico{font-size:1.3rem;line-height:1.25;margin-bottom:var(--s3)}
.manual-contenido{display:grid;gap:var(--s5);margin-top:var(--s6)}
.portada{margin:0;max-width:15rem}
.portada img{border-radius:.5rem;box-shadow:var(--sombra-2);transform:rotate(-1.5deg);border:1px solid var(--linea)}
.portada figcaption{margin-top:var(--s4)}
.adentro{list-style:none;padding:0;display:grid;gap:var(--s4)}
.adentro li{position:relative;padding-left:1.75rem;color:var(--tinta-2)}
.adentro li::before{content:"0";position:absolute;left:0;top:.05em;font:400 1.1rem/1.4 Anton,Impact,sans-serif;color:var(--naranja-texto)}
.adentro b{color:var(--tinta);font-weight:600}
.para-quien{margin-top:var(--s6)}
.para-quien .sirve{margin:0 0 var(--s3)}
@media (min-width:640px){.manual-contenido{grid-template-columns:13rem 1fr;align-items:start}}
@media (min-width:980px){
  .manual{grid-template-columns:1.15fr .85fr;align-items:start;gap:var(--s7);padding:var(--s8) 0 var(--s9)}
  .form-manual{position:sticky;top:5.5rem}
}
.form-manual{max-width:32rem;width:100%}
.ayuda{font-size:.875rem;color:var(--tinta-2);margin-top:-.2rem}
.campo-error{color:#9F1D1D;font-size:.875rem;font-weight:600}
.campo-error[hidden]{display:none}
input[type=checkbox][aria-invalid=true]{outline:2px solid #9F1D1D;outline-offset:2px}
.casilla{display:flex;align-items:flex-start;gap:.65rem;min-height:44px;padding:.55rem 0;font-weight:500;cursor:pointer;line-height:1.45}
.casilla input{accent-color:var(--naranja-texto);width:1.25rem;height:1.25rem;flex:none;margin-top:.1rem}
.opcional{color:var(--tinta-2);font-weight:400}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-manual .btn{width:100%}
.form-manual .error[hidden]{display:none}
.faq{display:grid;gap:var(--s3);max-width:46rem}
.faq details{background:var(--papel-3);border:1px solid var(--linea);border-radius:var(--r);padding:0 var(--s5)}
.faq summary{cursor:pointer;font-weight:600;min-height:48px;display:flex;align-items:center;padding:var(--s3) 0;list-style-position:inside}
.faq details p{color:var(--tinta-2);padding-bottom:var(--s4)}
.gracias{display:grid;gap:var(--s6);padding:var(--s6) 0 0;align-items:center}
.gracias h1{margin:var(--s3) 0 var(--s5)}
.portada-gracias{max-width:12rem;border-radius:.5rem;box-shadow:var(--sombra-2);transform:rotate(-1.5deg);border:1px solid var(--linea)}
@media (min-width:900px){.gracias{grid-template-columns:1fr auto;gap:var(--s8);padding:var(--s8) 0 0}.portada-gracias{max-width:16rem}}
@media (max-width:519px){.gracias .ctas .btn{width:100%}}
.banda-manual{display:grid;gap:var(--s5);align-items:center;margin-top:var(--s8);background:var(--papel-3);border:1px solid var(--linea);border-left:4px solid var(--naranja);border-radius:var(--r);padding:var(--s5)}
.banda-manual img{width:7rem;border-radius:.4rem;box-shadow:var(--sombra-1);border:1px solid var(--linea);transform:rotate(-2deg)}
.banda-manual h2{font-size:clamp(1.5rem,1.25rem + 1vw,2rem);margin:var(--s2) 0 var(--s3)}
.banda-manual p.lead{font-size:1rem}
@media (min-width:700px){.banda-manual{grid-template-columns:auto 1fr auto;gap:var(--s6);padding:var(--s6)}}
@media (max-width:699px){.banda-manual .btn{width:100%}}