/* ══════════════════════════════════════════════════════════
   FACUNDO MAGALLANES · sistema de diseño
   Grafito + verde señal. Fuentes autoalojadas (nunca CDN).
   ══════════════════════════════════════════════════════════ */

@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:600;font-display:swap;
  src:url('fuentes/saira-condensed-600.woff2') format('woff2')}
@font-face{font-family:'Saira Condensed';font-style:normal;font-weight:700;font-display:swap;
  src:url('fuentes/saira-condensed-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;
  src:url('fuentes/inter-400.woff2') format('woff2')}

:root{
  --grafito:#0E1216;
  --grafito-2:#171E24;
  --grafito-3:#1F272E;
  --verde:#29D07A;
  --verde-h:#1FB268;
  --verde-t:rgba(41,208,122,.12);
  --blanco:#FFFFFF;
  --texto:#C3CDD4;
  --texto-2:#8A97A0;
  --linea:rgba(255,255,255,.09);
  --display:'Saira Condensed',Impact,sans-serif;
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --t:.28s cubic-bezier(.2,.8,.2,1);
  --max:1180px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{color-scheme:only dark;scroll-behavior:smooth;background:var(--grafito);
  scrollbar-width:thin;scrollbar-color:var(--grafito-3) var(--grafito)}
body{font-family:var(--sans);font-weight:400;font-size:16px;line-height:1.65;
  color:var(--texto);background:var(--grafito);-webkit-font-smoothing:antialiased;
  overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--verde);text-decoration:none;transition:color var(--t)}
a:hover{color:var(--verde-h)}
:focus-visible{outline:2px solid var(--verde);outline-offset:3px;border-radius:3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* ── tipografía ── */
h1,h2,h3,.display{font-family:var(--display);font-weight:700;text-transform:uppercase;
  line-height:.98;letter-spacing:.005em;color:var(--blanco)}
h1{font-size:clamp(2.8rem,7.5vw,5.4rem)}
h2{font-size:clamp(2rem,5vw,3.4rem)}
h3{font-size:clamp(1.3rem,2.6vw,1.75rem);font-weight:600}
.eyebrow{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.28em;
  text-transform:uppercase;color:var(--verde);margin-bottom:14px}
.lead{font-size:1.06rem;color:var(--texto);max-width:62ch}
.verde{color:var(--verde)}

/* ── botones ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--sans);font-size:.82rem;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;padding:16px 34px;border-radius:6px;border:1px solid transparent;
  cursor:pointer;transition:var(--t);white-space:nowrap;text-align:center}
.btn--v{background:var(--verde);color:#06120C}
.btn--v:hover{background:var(--verde-h);color:#06120C;transform:translateY(-2px);
  box-shadow:0 12px 28px -12px rgba(41,208,122,.55)}
.btn--l{background:transparent;color:var(--blanco);border-color:rgba(255,255,255,.22)}
.btn--l:hover{border-color:var(--verde);color:var(--verde);transform:translateY(-2px)}
.btn--g{padding:19px 44px;font-size:.88rem}

/* ── cabecera: navegación PLANA, sin desplegables ── */
header{position:fixed;inset:0 0 auto 0;z-index:900;padding:18px 0;transition:var(--t);
  background:transparent}
header.on{background:rgba(14,18,22,.94);backdrop-filter:blur(14px);padding:11px 0;
  border-bottom:1px solid var(--linea)}
header .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px}
.marca{display:flex;flex-direction:column;line-height:1;color:var(--blanco)}
.marca b{font-family:var(--display);font-weight:700;font-size:1.4rem;letter-spacing:.02em}
.marca span{font-size:.54rem;letter-spacing:.3em;text-transform:uppercase;color:var(--verde);margin-top:4px}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font-size:.79rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--texto);position:relative;padding:4px 0}
.nav a:hover,.nav a.act{color:var(--blanco)}
.nav a.act::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;background:var(--verde)}
.ham{display:none;background:none;border:0;cursor:pointer;padding:8px;color:var(--blanco)}
.ham span{display:block;width:24px;height:2px;background:currentColor;margin:5px 0;transition:var(--t)}

/* ── secciones ── */
.sec{padding:clamp(64px,9vh,110px) 0}
.sec--2{background:var(--grafito-2)}
.sec-head{max-width:640px;margin-bottom:clamp(34px,5vh,58px)}
.sec-head.c{margin-left:auto;margin-right:auto;text-align:center}
.sec-head p{margin-top:14px;color:var(--texto-2)}

/* ── hero ── */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;
  padding:120px 0 70px;overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.hero__bg::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,var(--grafito) 8%,rgba(14,18,22,.86) 45%,rgba(14,18,22,.35) 100%)}
.hero .wrap{position:relative;z-index:1}
.hero__txt{max-width:660px}
.hero h1{margin-bottom:20px}
.hero h1 em{font-style:normal;color:var(--verde);display:block}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hero__datos{display:flex;gap:40px;flex-wrap:wrap;margin-top:46px;padding-top:30px;
  border-top:1px solid var(--linea)}
.dato b{font-family:var(--display);font-size:2rem;color:var(--verde);display:block;line-height:1}
.dato span{font-size:.74rem;color:var(--texto-2);letter-spacing:.05em}

/* ── rejilla de servicios: FILAS DE 2, título + foto ── */
.serv{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.serv__c{position:relative;background:var(--grafito-2);border:1px solid var(--linea);
  border-radius:14px;overflow:hidden;transition:var(--t);display:flex;flex-direction:column}
.serv__c:hover{border-color:var(--verde);transform:translateY(-4px);
  box-shadow:0 22px 46px -24px rgba(0,0,0,.8)}
.serv__foto{position:relative;aspect-ratio:16/10;background:var(--grafito-3);overflow:hidden}
.serv__foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.serv__c:hover .serv__foto img{transform:scale(1.05)}
.serv__foto--vacia{aspect-ratio:auto;min-height:120px;display:grid;place-items:center;
  color:var(--texto-2);font-size:.76rem;text-align:center;padding:26px 20px;
  border-bottom:1px dashed var(--linea);background:repeating-linear-gradient(45deg,transparent,transparent 9px,rgba(255,255,255,.02) 9px,rgba(255,255,255,.02) 18px)}
.serv__precio{position:absolute;top:14px;right:14px;background:rgba(14,18,22,.92);
  border:1px solid var(--verde);color:var(--verde);font-size:.72rem;font-weight:600;
  letter-spacing:.08em;padding:6px 12px;border-radius:100px;backdrop-filter:blur(6px)}
.serv__b{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.serv__b h3{margin-bottom:8px}
.serv__b>p{font-size:.9rem;color:var(--texto-2);margin-bottom:18px}
.lista{list-style:none;margin-bottom:24px;flex:1}
.lista li{position:relative;padding-left:26px;font-size:.88rem;margin-bottom:11px;line-height:1.55}
.lista li::before{content:"→";position:absolute;left:0;top:0;color:var(--verde);font-weight:600}
.serv__b .btn{align-self:flex-start;margin-top:auto}

/* ── banda de cifras ── */
.cifras{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:center}
.cifras div b{font-family:var(--display);font-size:clamp(2.2rem,5vw,3.2rem);color:var(--verde);
  display:block;line-height:1}
.cifras div span{font-size:.76rem;color:var(--texto-2);letter-spacing:.05em}

/* ── CTA final ── */
.final{background:var(--grafito-2);text-align:center;padding:clamp(64px,10vh,120px) 0;
  border-top:1px solid var(--linea)}
.final h2{margin-bottom:16px}
.final p{max-width:48ch;margin:0 auto 32px;color:var(--texto-2)}
.final__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ── pie ── */
footer{background:#090C0F;padding:56px 0 30px;border-top:1px solid var(--linea)}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;margin-bottom:40px}
.foot h4{font-family:var(--display);font-size:.92rem;letter-spacing:.12em;color:var(--blanco);
  text-transform:uppercase;margin-bottom:16px}
.foot p{font-size:.86rem;color:var(--texto-2);max-width:38ch}
.foot ul{list-style:none}
.foot li{margin-bottom:9px}
.foot a{font-size:.86rem;color:var(--texto-2)}
.foot a:hover{color:var(--verde)}
.foot__redes{display:flex;gap:12px;margin-top:18px}
.foot__redes a{width:38px;height:38px;border:1px solid var(--linea);border-radius:8px;
  display:grid;place-items:center;color:var(--texto-2)}
.foot__redes a:hover{border-color:var(--verde);color:var(--verde)}
.foot__bajo{border-top:1px solid var(--linea);padding-top:22px;display:flex;
  justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.78rem;color:var(--texto-2)}
.foot__bajo a{color:var(--texto-2)}

/* ── WhatsApp flotante ── */
.wa{position:fixed;right:20px;bottom:20px;z-index:880;display:inline-flex;align-items:center;
  gap:10px;background:#25D366;color:#06120C;font-weight:600;font-size:.84rem;
  padding:14px 20px;border-radius:100px;box-shadow:0 14px 34px -12px rgba(0,0,0,.7);
  transition:var(--t)}
.wa:hover{color:#06120C;transform:translateY(-3px);box-shadow:0 18px 40px -12px rgba(37,211,102,.5)}
.wa svg{width:20px;height:20px;flex:0 0 auto}

/* ── banner de cookies: 3 botones IGUALES ── */
.ck{position:fixed;left:0;right:0;bottom:0;z-index:960;background:var(--grafito-2);
  border-top:1px solid var(--linea);padding:20px 0;display:none}
.ck.on{display:block}
.ck .wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between}
.ck p{font-size:.85rem;color:var(--texto);max-width:62ch}
.ck__bt{display:flex;gap:10px;flex-wrap:wrap}
.ck__bt button{flex:1;min-width:132px;font-family:var(--sans);font-size:.78rem;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;padding:12px 20px;border-radius:6px;
  border:1px solid rgba(255,255,255,.22);background:transparent;color:var(--blanco);
  cursor:pointer;transition:var(--t)}
.ck__bt button:hover{border-color:var(--verde);color:var(--verde)}

/* ── revelado ── */
.rev{opacity:0;transform:translateY(24px);
  transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.rev.in{opacity:1;transform:none}

/* ── páginas legales ── */
.legal{padding:130px 0 70px;max-width:820px}
.legal h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:10px}
.legal .fecha{font-size:.8rem;color:var(--texto-2);margin-bottom:36px}
.legal h2{font-size:1.15rem;margin:34px 0 12px}
.legal p,.legal li{font-size:.92rem;margin-bottom:12px}
.legal ul{padding-left:22px;margin-bottom:16px}
.aviso{background:var(--grafito-2);border-left:3px solid var(--verde);border-radius:8px;
  padding:18px 22px;margin:22px 0;font-size:.88rem}

/* ══════════ RESPONSIVE ══════════ */
@media(max-width:980px){
  .serv{grid-template-columns:1fr}

  .foot{grid-template-columns:1fr 1fr}
  .cifras{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media(max-width:820px){
  .ham{display:block}
  .nav{position:fixed;inset:0 0 0 auto;width:min(300px,82vw);background:var(--grafito-2);
    flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;padding:40px 34px;
    transform:translateX(100%);transition:transform var(--t);border-left:1px solid var(--linea)}
  .nav.abierto{transform:none}
  .nav a{font-size:1rem}
  .hero__bg::after{background:linear-gradient(180deg,rgba(14,18,22,.72) 0%,rgba(14,18,22,.93) 62%,var(--grafito) 100%)}
  .hero__datos{gap:26px}
  .foot{grid-template-columns:1fr;gap:30px}
  .wa{padding:13px 17px;font-size:.8rem}
}
@media(max-width:560px){

  .hero__cta{flex-direction:column}
  .hero__cta .btn{width:100%}
  .ck__bt{width:100%}
  .ck__bt button{flex:1 1 100%}
  .wa span{display:none}
  .wa{padding:15px;border-radius:50%}
}
@media(prefers-reduced-motion:reduce){
  .rev{opacity:1;transform:none;transition:none}
  *{animation:none!important;transition-duration:.01ms!important}
}

/* ══════════════════════════════════════════════════════════
   PASADA DE CARÁCTER · bordes duros, cartel, grano, contraste
   ══════════════════════════════════════════════════════════ */

@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;
  src:url('fuentes/anton.woff2') format('woff2')}
:root{--cartel:'Anton','Saira Condensed',Impact,sans-serif}

/* ── fuera los redondeos: esto es fuerza, no una app ── */
.btn,.serv__c,.serv__precio,.aviso,.ck__bt button,.foot__redes a{border-radius:0}

/* ── sombra SÓLIDA, sin desenfoque, con transición a saltos ── */
.serv__c:hover{transform:translate(-5px,-5px);box-shadow:5px 5px 0 var(--verde);
  border-color:var(--verde);
  transition:transform .12s steps(3),box-shadow .12s steps(3),border-color .12s}
.btn--v:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--blanco)}
.btn--l:hover{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--verde)}

/* ── titular a escala cartel, tocando el margen ── */
.hero h1{font-family:var(--cartel);font-size:clamp(3.4rem,13vw,11rem);line-height:.82;
  letter-spacing:-.02em;margin-left:-.05em;font-weight:400}
.hero h1 em{margin-left:0}

/* ── números como elemento gráfico ── */
.delta{display:flex;align-items:baseline;gap:.35em;font-family:var(--cartel);
  font-variant-numeric:tabular-nums;line-height:.82;letter-spacing:-.01em;margin-bottom:14px}
.delta__de{font-size:clamp(1.4rem,2.6vw,2rem);color:var(--texto-2);
  text-decoration:line-through;text-decoration-color:var(--verde);text-decoration-thickness:2px}
.delta__a{font-size:clamp(2.6rem,6vw,4.6rem);color:var(--blanco)}
.delta__u{font-size:.9rem;color:var(--verde);letter-spacing:.16em;font-family:var(--sans);
  font-weight:600;align-self:flex-start;transform:translateY(.5em)}

/* ── cinta con el manifiesto ── */
.cinta{overflow:hidden;background:var(--verde);color:#06120C;padding:.55rem 0;
  transform:rotate(-1.2deg);width:106%;margin-left:-3%;position:relative;z-index:2}
.cinta__pista{display:flex;width:max-content;animation:corre 38s linear infinite}
.cinta__pista span{font-family:var(--cartel);text-transform:uppercase;
  font-size:clamp(1.1rem,2.8vw,2rem);line-height:1;padding-inline:1.1rem;white-space:nowrap}
.cinta__pista span::after{content:"·";margin-left:1.1rem;opacity:.45}
@keyframes corre{to{transform:translateX(-50%)}}
.cinta:hover .cinta__pista{animation-play-state:paused}

/* ── sección invertida: verde a sangre, texto negro ── */
.invertida{background:var(--verde);color:#06120C;padding:clamp(80px,14vh,150px) 0}
.invertida h2{color:#06120C;font-family:var(--cartel);font-weight:400;
  font-size:clamp(2.2rem,7vw,5.6rem);line-height:.88;letter-spacing:-.02em;max-width:15ch}
.invertida .eyebrow{color:rgba(6,18,12,.62)}
.invertida p{color:rgba(6,18,12,.86)}
.invertida .btn--l{color:#06120C;border-color:rgba(6,18,12,.35)}
.invertida .btn--l:hover{background:#06120C;color:var(--verde);border-color:#06120C;box-shadow:none}

/* ── manifiesto numerado ── */
.manifiesto{counter-reset:m;max-width:900px}
.manifiesto p{counter-increment:m;font-family:var(--cartel);font-weight:400;text-transform:uppercase;
  font-size:clamp(1.1rem,2.9vw,2.1rem);line-height:1.06;color:var(--blanco);
  border-bottom:1px solid var(--linea);padding:20px 0 20px 62px;position:relative;margin:0}
.manifiesto p::before{content:counter(m,decimal-leading-zero);position:absolute;left:0;top:24px;
  font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.14em;color:var(--verde)}
.manifiesto p:last-child{border-bottom:0}

/* ── creencias: el villano es una práctica, nunca una persona ── */
.creencias{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--linea)}
.creencia{background:var(--grafito);padding:34px 28px}
.creencia h3{font-family:var(--cartel);font-weight:400;font-size:clamp(1.15rem,2.2vw,1.5rem);
  line-height:1.1;margin-bottom:12px}
.creencia p{font-size:.88rem;color:var(--texto-2)}

/* ── testimonio pegado a la objeción que resuelve ── */
.testi{border-left:2px solid var(--verde);padding:16px 0 16px 22px;margin-top:22px}
.testi p{font-size:.9rem;color:var(--texto);font-style:italic;line-height:1.6}
.testi cite{display:block;margin-top:10px;font-style:normal;font-size:.76rem;
  color:var(--verde);letter-spacing:.08em;font-weight:600}

/* ── hoja de resultados ── */
.hoja{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.hoja th{font-family:var(--sans);font-size:.64rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--texto-2);text-align:left;padding:14px 10px;
  border-bottom:2px solid var(--verde)}
.hoja td{padding:18px 10px;border-bottom:1px solid var(--linea);vertical-align:baseline}
.hoja tbody tr{transition:background .15s}
.hoja tbody tr:hover{background:var(--verde-t)}
.hoja .nom{font-family:var(--cartel);font-weight:400;font-size:1.35rem;line-height:1;color:var(--blanco)}
.hoja .cat{display:block;font-family:var(--sans);font-size:.68rem;color:var(--texto-2);
  letter-spacing:.1em;text-transform:uppercase;margin-top:5px}
.hoja .res{font-family:var(--cartel);font-weight:400;font-size:1.35rem;color:var(--verde);line-height:1.15}
.hoja .ctx{font-size:.82rem;color:var(--texto-2)}

/* ── caso ancla ── */
.ancla{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center;
  background:var(--grafito-2);border:1px solid var(--linea);padding:clamp(28px,5vw,52px)}
.ancla__foto{aspect-ratio:4/5;background:var(--grafito-3);
  background-image:repeating-linear-gradient(45deg,transparent,transparent 9px,rgba(255,255,255,.02) 9px,rgba(255,255,255,.02) 18px);
  display:grid;place-items:center;color:var(--texto-2);font-size:.78rem;text-align:center;padding:24px}

/* ── admisión honesta ── */
.honesto{border:1px solid var(--verde);border-left-width:3px;background:var(--verde-t);
  padding:22px 26px;margin:26px 0;font-size:.9rem}
.honesto strong{color:var(--verde)}

/* ── grano sobre todo el documento ── */
body::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;
  opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

@media(max-width:980px){
  .creencias{grid-template-columns:1fr}
  .ancla{grid-template-columns:1fr;gap:28px}
  .hoja thead{display:none}
  .hoja tr{display:block;border-bottom:1px solid var(--linea);padding:16px 0}
  .hoja td{display:block;border:0;padding:4px 0}
}
@media(prefers-reduced-motion:reduce){.cinta__pista{animation:none}}

/* ── ajustes del pase de carácter ── */
/* hero sin foto todavia: trama diagonal para que no quede plano */
.hero__bg{background:
  repeating-linear-gradient(115deg,transparent 0 38px,rgba(41,208,122,.05) 38px 39px),
  var(--grafito-2)}
.hero__bg img{position:relative;z-index:0}

/* banda de cifras con numeros origen→destino */
.cifras{grid-template-columns:repeat(4,1fr);gap:30px 22px;text-align:left}
.cifras>div{border-top:2px solid var(--verde);padding-top:16px}
.cifras .delta{margin-bottom:8px;flex-wrap:wrap}
.cifras .delta__de{font-size:clamp(1rem,1.7vw,1.35rem)}
.cifras .delta__a{font-size:clamp(2rem,4vw,3.1rem)}
.cifras .delta__u{font-size:.66rem}
.cifras>div>span{display:block;line-height:1.5}

/* testimonio suelto en la home */
.sec .testi{max-width:62ch}

@media(max-width:980px){
  .cifras{grid-template-columns:repeat(2,1fr)}
  .manifiesto p{padding-left:52px}
}
@media(max-width:560px){
  .cifras{grid-template-columns:1fr}
  .hero__datos{gap:26px}
}

/* tarjeta corta de la home: vender con la imagen */
.serv__c--corta{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.serv__c--corta .serv__foto{aspect-ratio:4/3}
.serv__c--corta .serv__b{padding:22px 24px 24px}
.serv__c--corta .serv__b h3{font-family:var(--cartel);font-weight:400;text-transform:uppercase;
  font-size:clamp(1.25rem,2.4vw,1.7rem);line-height:1;letter-spacing:-.01em;margin-bottom:10px}
.serv__c--corta .serv__b p{margin-bottom:16px}
.serv__ver{margin-top:auto;font-size:.7rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--verde);display:inline-flex;gap:.5em;align-items:center}
.serv__ver i{font-style:normal;transition:transform .18s}
.serv__c--corta:hover .serv__ver i{transform:translateX(5px)}

/* correccion: el h1 de cartel se comia el hero entero */
.hero__txt{max-width:840px}
.hero h1{font-size:clamp(2.5rem,6.2vw,5.4rem);line-height:.86;margin-bottom:22px}
.hero .lead{max-width:56ch}
@media(max-width:700px){
  .hero h1{font-size:clamp(2.3rem,10vw,3.6rem)}
  .hero{padding:104px 0 60px}
}

/* correccion: la cinta rotada al 106% desbordaba el ancho del documento */
html{overflow-x:clip}
/* h1 de paginas interiores: mismo peso visual que un h2 de seccion */
.sec-head h1,.ancla h1{font-size:clamp(2rem,5vw,3.4rem)}