/* ---- HERO CONSTELACION (variante clara) ---- */
.hero--const .const__node{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.hero--const{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:#f6f6f3;color:#0a0a0a}
.hero--const .const__net{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible}
.hero--const .const__net line{stroke:#0a0a0a;stroke-opacity:.26;stroke-width:1}
.hero--const .const__net line.const__pulso{stroke:#0a0a0a;stroke-opacity:.95;stroke-width:1.2;stroke-linecap:round}
.hero--const .const__body{position:relative;z-index:2;width:min(760px,86vw);text-align:center;padding:120px 0 90px}
.hero--const .hero__kicker{color:#6c757c;margin-bottom:1.1rem}
.hero--const .hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(46px,5.6vw,86px);line-height:.98;letter-spacing:-.062em;color:#0a0a0a}
.hero--const .hero__lead{max-width:41rem;margin:28px auto 0;color:#4b555e;font-size:17px;line-height:1.6}
.hero--const .hero__actions{justify-content:center;margin-top:30px}
.hero--const .hero__pregunta{margin-top:18px;color:#0a0a0a;font-size:1.32rem;line-height:1.3;letter-spacing:-.02em}
.hero--const .btn--ghost{border-color:rgba(10,10,10,.28);color:#0a0a0a}
.hero--const .btn--ghost:hover{background:rgba(10,10,10,.06)}
.const__node{position:absolute;z-index:1;pointer-events:none;transform-origin:50% 42%;will-change:transform;transition:opacity .4s var(--ease,ease)}
.const__node .const__foto{display:block;width:100%;height:100%;background-size:cover;background-position:center;border-radius:12px}
.const__node figcaption{display:flex;align-items:center;gap:7px;padding-top:9px;color:#5d666d;font:500 10px/1 var(--font-mono);letter-spacing:.085em;text-transform:uppercase;max-width:14rem}
.const__node figcaption img{width:11px;height:11px;border-radius:0;filter:brightness(0);pointer-events:none}
.const__node--5{right:5%;top:62%;width:176px;height:142px}
.const__node--6{right:24%;top:13%;width:142px;height:116px}
.const__node--1{left:2.5%;top:25%;width:184px;height:220px}
.const__node--2{left:12%;top:66%;width:164px;height:132px}
.const__node--3{left:21%;top:15%;width:134px;height:112px}
.const__node--4{right:3%;top:30%;width:150px;height:168px}
@media(max-width:1100px){.const__node--2,.const__node--4{right:3%;top:30%;width:150px;height:168px}.const__node{transform:scale(.82);transform-origin:top left}}
@media(max-width:760px){
 /* el hero claro es legible desde el primer pixel: la barra lleva fondo propio
    y el titular no pasa por debajo de ella al desplazarse */
 .pg-const .nav{background:rgba(246,246,243,.94)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)!important}
 /* el telefono recibe la misma constelacion, a la escala del referente */
 .hero--const{min-height:100svh;padding:0}
 .hero--const .const__body{width:calc(100% - 40px);text-align:center;padding:calc(var(--nav-h) + 336px) 0 195px}
 .hero--const .hero__title{font-size:clamp(34px,9.2vw,46px);letter-spacing:-.048em}
 .hero--const .hero__lead{margin:22px auto 0;font-size:15.5px;max-width:30rem}
 .hero--const .hero__pregunta{font-size:1.12rem}
 .hero--const .hero__actions{justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}
 .const__node{transform:none;transform-origin:50% 42%}
 .const__node figcaption{font-size:8.5px;letter-spacing:.07em;padding-top:5px;max-width:7.4rem;gap:5px}
 .const__node figcaption img{width:8px;height:8px}
 .const__node--4 figcaption,.const__node--5 figcaption,.const__node--6 figcaption{
  width:100%;max-width:none;justify-content:flex-end;text-align:right;flex-direction:row-reverse}
 /* cuatro arriba, dos abajo flanqueando los botones */
 .const__node--3{left:5%;top:calc(var(--nav-h) + 74px);width:25vw;height:20vw}
 .const__node--1{left:20%;top:calc(var(--nav-h) + 182px);width:24vw;height:27vw}
 .const__node--6{right:5%;top:calc(var(--nav-h) + 74px);width:25vw;height:20vw}
 .const__node--4{right:20%;top:calc(var(--nav-h) + 182px);width:24vw;height:27vw}
 .const__node--2{left:5%;top:86%;width:26vw;height:21vw}
 .const__node--5{right:5%;top:88%;width:26vw;height:21vw}
}

/* menu sobre el hero claro */
.pg-const{background:#f6f6f3}
.pg-const .nav__logo,.pg-const .nav__links a{color:#0a0a0a}
.pg-const .nav__mark{filter:brightness(0)}
.pg-const .nav__cta{border-color:rgba(10,10,10,.3);color:#0a0a0a}
.pg-const .nav__cta:hover{background:rgba(10,10,10,.06)}
.pg-const .nav__toggle span,.pg-const .nav__burger span{background:#0a0a0a}