:root{
  --noche:#060A1C; --noche2:#0D1533; --noche3:#141E45;
  --fucsia:#FF366B; --turquesa:#4DE1ED; --crema:#FFF7F2; --arena:#F6E6D6;
  --display:"Poppins",-apple-system,"Segoe UI",Roboto,sans-serif;
  --body:"Jost",-apple-system,"Segoe UI",Roboto,sans-serif;
  --shell:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--noche);color:var(--crema);font-family:var(--body);font-weight:300;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}
h1,h2,h3{font-family:var(--display);font-weight:600;margin:0;line-height:1.08;letter-spacing:-.02em}
p{margin:0}
::selection{background:var(--fucsia);color:#fff}
:focus-visible{outline:2px solid var(--turquesa);outline-offset:3px}
.et{font-family:var(--display);font-weight:600;font-size:11px;letter-spacing:.22em;text-transform:uppercase}
.rosa{color:var(--fucsia)}.turq{color:var(--turquesa)}
.grano::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:overlay;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 26px;border-radius:999px;
 font-family:var(--display);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;
 transition:transform .3s ease,box-shadow .3s ease,background .3s,color .3s,border-color .3s}
.btn:hover{transform:translateY(-2px)}
.btn-rosa{background:var(--fucsia);color:#fff;box-shadow:0 8px 26px rgba(255,54,107,.32)}
.btn-rosa:hover{box-shadow:0 12px 34px rgba(255,54,107,.45)}
.btn-turq{background:var(--turquesa);color:#062028;box-shadow:0 8px 26px rgba(77,225,237,.28)}
.btn-linea{border:1px solid rgba(255,247,242,.32)}
.btn-linea:hover{border-color:var(--turquesa);color:var(--turquesa)}
.btn[disabled]{opacity:.4;pointer-events:none;box-shadow:none}

#nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .4s,box-shadow .4s}
#nav.solid{background:rgba(6,10,28,.92);backdrop-filter:blur(12px);box-shadow:0 10px 40px rgba(0,0,0,.5)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:var(--shell);margin:0 auto;padding:14px 20px}
.logo{height:20px;width:auto}
.nav-links{display:none;gap:30px}
.nav-links a{font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,247,242,.82);transition:color .3s}
.nav-links a:hover{color:var(--turquesa)}
.nav-acc{display:flex;align-items:center;gap:8px}
.ico{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,247,242,.24);transition:border-color .3s,color .3s}
.ico:hover{border-color:var(--fucsia);color:var(--fucsia)}
#menu{display:none;background:rgba(6,10,28,.98);backdrop-filter:blur(12px);border-top:1px solid rgba(255,247,242,.1)}
#menu.open{display:block}
#menu a{display:block;padding:15px 20px;font-family:var(--display);font-weight:500;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(255,247,242,.08)}
#menu a:last-child{border-bottom:none;color:var(--turquesa)}
.desk{display:none}

.sec{max-width:var(--shell);margin:0 auto;padding:80px 20px}
.h2{font-size:clamp(2rem,7.5vw,3rem);margin-top:18px}
.intro{margin-top:24px;font-size:1.08rem;color:rgba(255,247,242,.78);max-width:58ch}
.claro{background:var(--arena);color:#25130E}
.claro .intro{color:rgba(37,19,14,.78)}
.claro .h2{color:#25130E}

footer{background:var(--noche);border-top:1px solid rgba(255,247,242,.1)}
.foot{max-width:var(--shell);margin:0 auto;padding:34px 20px}
/* sin align-items, el flex en columna estira el logo a todo el ancho del pie */
.foot-top{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.foot-nav{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:.88rem;color:rgba(255,247,242,.65)}
.foot-nav a:hover{color:var(--turquesa)}
.copy{margin-top:24px;font-size:.78rem;color:rgba(255,247,242,.35)}

.rv{opacity:0;transform:translateY(22px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}
.rv.in{opacity:1;transform:none}
.rv[data-d="1"]{transition-delay:.08s}.rv[data-d="2"]{transition-delay:.16s}.rv[data-d="3"]{transition-delay:.24s}

@media(min-width:640px){
 .desk{display:inline-flex}
 .sec{padding:104px 20px}
 .logo{height:24px}
}
@media(min-width:900px){
 .nav-links{display:flex}
 #burger{display:none}
 .cols{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:start}
 .sec{padding:120px 20px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}
}