:root{--tinta:#0d0818;--claro:#f6f2f0;--suave:#c9c0d6;--acento:#953372;--rosa:#ff9fdc;--azul:#6592c6;--m:clamp(16px, 2.4vw, 36px);--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--tinta);color:var(--claro);-webkit-font-smoothing:antialiased;margin:0;font:400 1.0625rem/1.5 Lato,system-ui,sans-serif;overflow-x:hidden}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;margin:0;font-family:Barlow,system-ui,sans-serif;font-weight:500;line-height:.98}h1{font-size:clamp(2.6rem,7.4vw,7rem)}h2{font-size:clamp(2rem,3.6vw,3.4rem)}:focus-visible{outline:3px solid var(--rosa);outline-offset:3px}#escena{z-index:0;width:100%;height:100%;display:block;position:fixed;inset:0}#etiquetas{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.etiqueta{letter-spacing:.08em;text-transform:uppercase;color:var(--suave);white-space:nowrap;opacity:0;will-change:transform;text-shadow:0 1px 12px #0d0818,0 0 3px #0d0818;padding:0 0 8px;font:500 .8125rem/1 Barlow,sans-serif;text-decoration:none;transition:opacity .4s,color .3s;position:absolute;top:0;left:0}.etiqueta.on{color:var(--claro)}.vineta{z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,#0d081800 55%,#0d0818b3 100%);position:fixed;inset:0}#carga{left:var(--m);bottom:var(--m);z-index:3;color:var(--suave);font-size:.875rem;position:fixed}.sin-3d #escena,.sin-3d #etiquetas,.sin-3d .hud{display:none}.sin-3d body{background:linear-gradient(#0d0818,#2d2147)}.top{z-index:4;padding:16px var(--m);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.top img{width:auto;height:32px;display:block}.top nav{align-items:center;gap:clamp(14px,2vw,30px);display:flex}.top nav a{font:500 1rem/1 Barlow,sans-serif;text-decoration:none}.top nav a:not(.btn):hover{color:var(--rosa)}.btn{background:var(--acento);color:#fff;cursor:pointer;min-height:48px;transition:transform .25s var(--ease), background-color .25s, box-shadow .25s;border:0;align-items:center;padding:0 1.4rem;font:600 1.0625rem/1 Barlow,sans-serif;text-decoration:none;display:inline-flex}.btn:hover{background:#a93b82;transform:translateY(-2px);box-shadow:0 10px 34px #95337280}.btn:active{transform:scale(.98)}.enlace{text-underline-offset:.3em;font-weight:700;text-decoration:underline 2px;transition:color .2s}.enlace:hover{color:var(--rosa)}.hud{z-index:3;left:var(--m);bottom:var(--m);letter-spacing:.08em;text-transform:uppercase;color:var(--suave);font-variant-numeric:tabular-nums;align-items:center;gap:18px;font:500 .8125rem/1 Barlow,sans-serif;transition:opacity .4s;display:flex;position:fixed}.hud span:first-child{color:var(--claro)}.hud a{color:var(--claro);text-underline-offset:.35em;pointer-events:auto}.hud a:hover{color:var(--rosa)}#riel{transition:opacity .4s}.fuera .hud,.fuera #riel,.fuera .flotante,.en-intro .flotante{opacity:0;pointer-events:none}#riel{z-index:3;right:var(--m);justify-items:end;gap:14px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}#riel .via{background:#c9c0d640;width:2px;position:absolute;top:6px;bottom:6px;right:4px}#riel-avance{background:var(--rosa);transform-origin:top;position:absolute;inset:0;transform:scaleY(0)}#riel a{color:var(--suave);align-items:center;gap:12px;padding-right:0;font:500 .8125rem/1 Barlow,sans-serif;text-decoration:none;display:flex;position:relative}#riel a:after{content:"";background:var(--suave);width:10px;height:10px;transition:transform .3s var(--ease), background-color .3s, box-shadow .3s;border-radius:50%}#riel a span{opacity:0;transition:opacity .25s, transform .25s var(--ease);transform:translate(6px)}#riel a:hover span,#riel a.on span,#riel a:focus-visible span{opacity:1;transform:none}#riel a.on{color:var(--claro)}#riel a.on:after{background:var(--rosa);box-shadow:0 0 16px var(--rosa);transform:scale(1.5)}main{z-index:2;pointer-events:none;position:relative}.vista.intro:before,.vista.fin:before{content:"";z-index:-1;background:radial-gradient(70% 80% at 12% 78%,#0d0818e6,#0d081800 70%);position:absolute;inset:0}.vista.fin{position:relative}main a,main button,main .panel{pointer-events:auto}.vista{min-height:135vh;padding:96px var(--m);align-items:center;display:flex}.panel h2{font-size:clamp(1.75rem,2.6vw,2.5rem)}.vista.intro{align-items:flex-end;min-height:100vh;padding-bottom:clamp(90px,14vh,150px);position:relative}.vista.fin{min-height:100vh}.bloque{max-width:min(92vw,880px)}.bajada{color:#e6e0ee;max-width:42ch;margin-top:24px;font-size:clamp(1.0625rem,1.35vw,1.3125rem);line-height:1.45}.acts{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:30px;display:flex}.pista{letter-spacing:.06em;color:var(--suave);font:500 .875rem/1 Barlow,sans-serif;animation:2.2s ease-in-out infinite late;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes late{50%{opacity:.55;transform:translate(-50%,7px)}}.credito{color:var(--suave);max-width:60ch;margin-top:44px;font-size:.8125rem}.panel{-webkit-backdrop-filter:blur(22px)saturate(1.2);background:#0d0818a8;width:min(100%,430px);padding:clamp(22px,2.2vw,32px);box-shadow:inset 0 0 0 1px #f6f2f01a,0 40px 90px #00000080}.con-3d .panel{opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease);transform:translateY(40px)}.con-3d .vista.on .panel{opacity:1;transform:none}.lugar{letter-spacing:.1em;text-transform:uppercase;color:var(--rosa);margin-bottom:16px;font:500 .8125rem/1 Barlow,sans-serif}.cliente{color:var(--suave);margin-top:10px;font-weight:700}.texto{margin-top:16px}.video,.foto{margin-top:20px}.video button{all:unset;cursor:pointer;width:100%;display:block;position:relative;overflow:hidden}.video img,.foto{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .7s var(--ease);display:block}.video button:hover img{transform:scale(1.05)}.video .btn{min-height:42px;padding:0 1rem;font-size:.9375rem;position:absolute;bottom:14px;left:14px}.video iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.pie-panel{flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:20px;display:flex}.btn.chica{min-height:44px;padding:0 1.1rem;font-size:1rem}.otros{gap:8px;margin-top:18px;font-size:.9375rem;display:grid}.otros a{color:var(--suave);text-decoration:none}.otros a:hover,.otros strong{color:var(--claro)}.flotante{z-index:4;right:var(--m);bottom:var(--m);transition:opacity .4s, transform .25s var(--ease), background-color .25s, box-shadow .25s;position:fixed}.top .btn{display:none}.solido{pointer-events:auto;background:var(--tinta);padding:clamp(80px, 12vw, 170px) var(--m) var(--m);position:relative}.solido .cab{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:12px;display:grid}.solido .cab h2{grid-column:1/span 5}.solido .cab p{color:#e6e0ee;grid-column:7/-1;max-width:46ch;font-size:clamp(1.0625rem,1.35vw,1.3125rem);line-height:1.45}.sols{background:#f6f2f01f;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(40px,6vw,88px);display:grid}.sols li{background:var(--tinta)}.sols a{flex-direction:column;gap:14px;height:100%;padding:clamp(22px,2.6vw,38px);text-decoration:none;transition:background-color .35s;display:flex}.sols a:hover{background:#1a1130}.sols h3{letter-spacing:-.025em;font-size:clamp(1.5rem,2.1vw,2rem)}.sols p{color:var(--suave);flex:1}.sols .enlace{align-self:flex-start;font-size:.9375rem}.sols a:hover .enlace,.sols .dc h3{color:var(--rosa)}.cierre{justify-items:start;gap:30px;margin-top:clamp(64px,10vw,150px);display:grid}.cierre h2{max-width:16ch;font-size:clamp(2.2rem,5.4vw,5rem)}.legal{color:var(--suave);margin-top:clamp(64px,9vw,130px);padding-top:22px;font-size:.875rem;box-shadow:inset 0 1px #f6f2f01f}.legal a{color:inherit}@media (width<=900px){.sols{grid-template-columns:1fr}.solido .cab h2,.solido .cab p{grid-column:1/-1}}@media (width<=760px){#riel a span{display:none}.flotante{justify-content:center;bottom:12px;left:14px;right:14px}.hud a{display:none}#riel{right:10px}.top nav a:not(.btn){display:none}.vista{align-items:flex-end;min-height:150vh;padding:80px 14px 70px}.vista.intro{padding-bottom:110px}.panel{width:calc(100% - 22px);padding:18px}.panel .texto{font-size:1rem}.hud{top:76px;bottom:auto;left:14px}.pista{display:none}.panel .texto{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.otros{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pista{animation:none}.con-3d .panel{transition:none}}