@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');

.lb3d{--bg:#030306;--gold:#e7bc6e;position:relative;width:100%;height:100svh;min-height:680px;overflow:hidden;background:#030306;color:#fff;font-family:'DM Sans',Arial,sans-serif;isolation:isolate;contain:layout paint style}
.lb3d__stage{position:absolute;inset:0;z-index:2;pointer-events:none}.lb3d__canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

/* Luces reales de interfaz: suaves, independientes y animadas */
.lb3d__lights{position:absolute;inset:-10%;z-index:1;pointer-events:none;overflow:hidden;filter:blur(.4px)}
.lb3d__beam{position:absolute;display:block;transform-origin:50% 0%;opacity:0;mix-blend-mode:screen;background:linear-gradient(180deg,rgba(231,188,110,.46),rgba(231,188,110,.14) 45%,rgba(231,188,110,0) 100%);clip-path:polygon(44% 0,56% 0,94% 100%,6% 100%);filter:blur(3px);animation:lbBeam 8.5s ease-in-out infinite}
.lb3d__beam:nth-child(1){width:27vw;height:82vh;left:41%;top:-8%;transform:rotate(11deg);animation-delay:-1.2s}
.lb3d__beam:nth-child(2){width:22vw;height:76vh;left:59%;top:-9%;transform:rotate(-15deg);animation-delay:-4.3s}
.lb3d__beam:nth-child(3){width:18vw;height:68vh;left:75%;top:1%;transform:rotate(19deg);animation-delay:-6.4s}
.lb3d__beam:nth-child(4){width:24vw;height:72vh;left:52%;top:13%;transform:rotate(-24deg);animation-delay:-2.7s}
.lb3d__glow{position:absolute;width:55vw;height:55vw;right:4%;top:20%;border-radius:50%;background:radial-gradient(circle,rgba(231,188,110,.18) 0%,rgba(231,188,110,.06) 22%,rgba(231,188,110,0) 66%);filter:blur(22px);mix-blend-mode:screen;opacity:.3;animation:lbGlow 9s ease-in-out infinite}
@keyframes lbBeam{0%,100%{opacity:0;transform:rotate(11deg) scale(.94)}20%{opacity:.10}38%{opacity:.30}52%{opacity:.13}68%{opacity:.25}84%{opacity:.035}}
@keyframes lbGlow{0%,100%{opacity:.12;transform:scale(.9)}42%{opacity:.34;transform:scale(1.04)}62%{opacity:.16;transform:scale(.98)}}

.lb3d__noise{position:absolute;inset:0;pointer-events:none;z-index:4;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:screen}
.lb3d__vignette{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(circle at 62% 48%,transparent 25%,rgba(0,0,0,.20) 62%,rgba(0,0,0,.88) 100%)}

.lb3d__logo{position:absolute;z-index:10;left:5.5%;top:5.2%;width:min(280px,21vw);display:block;filter:drop-shadow(0 0 3px rgba(255,255,255,.5)) drop-shadow(0 0 10px rgba(255,255,255,.16));transition:filter .45s ease,transform .45s ease}.lb3d__logo img{width:100%;height:auto;display:block}.lb3d__logo.is-target{filter:drop-shadow(0 0 8px rgba(255,255,255,.9)) drop-shadow(0 0 20px rgba(231,188,110,.25));transform:scale(1.025)}

.lb3d__copy{position:absolute;z-index:10;left:5.5%;bottom:12%;width:min(47vw,720px);pointer-events:none}.lb3d__eyebrow{font-weight:500;font-size:10px;line-height:1;letter-spacing:.34em;margin:0 0 18px;color:rgba(255,255,255,.65);text-transform:uppercase}.lb3d__headline-wrap{width:100%;opacity:0;transform:translate3d(-60px,0,0);filter:blur(2px);animation:lbHeadlineIn 1.15s cubic-bezier(.16,1,.3,1) .18s forwards}.lb3d__headline{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:left center}.lb3d__meta{margin-top:25px;font-weight:500;font-size:9px;line-height:1.2;letter-spacing:.30em;color:rgba(255,255,255,.72);text-transform:uppercase;opacity:0;transform:translateY(12px);animation:lbMetaIn .8s ease .65s forwards}
@keyframes lbHeadlineIn{to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}@keyframes lbMetaIn{to{opacity:.72;transform:translateY(0)}}

.lb3d__scroll{position:absolute;z-index:10;right:4%;bottom:5.5%;width:58px;height:58px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:23px;opacity:.8}.lb3d__scroll span{line-height:1}.lb3d__scroll small{position:absolute;top:70px;letter-spacing:.35em;font-size:8px;opacity:.65}.lb3d__loading{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.35em;color:rgba(255,255,255,.6);transition:opacity .35s}.lb3d.is-ready .lb3d__loading{opacity:0}.lb3d__fallback{display:none;position:absolute;inset:0;z-index:8;place-items:center;color:#fff;font:italic 50px Georgia}.lb3d.is-fallback .lb3d__fallback{display:grid}

@media (max-width:1200px){.lb3d__logo{width:min(240px,22vw)}.lb3d__copy{width:52vw}}
@media (max-width:900px){.lb3d{min-height:620px;height:100svh}.lb3d__logo{left:6%;top:5%;width:180px;max-width:42vw}.lb3d__copy{left:6%;bottom:14%;width:min(72vw,620px)}.lb3d__eyebrow{font-size:8px;letter-spacing:.3em;margin-bottom:13px}.lb3d__meta{font-size:8px;letter-spacing:.2em;margin-top:20px}.lb3d__scroll{right:6%;bottom:5%;width:50px;height:50px}.lb3d__beam{width:42vw;height:68vh}.lb3d__beam:nth-child(1){left:38%}.lb3d__beam:nth-child(2){left:59%}.lb3d__beam:nth-child(3){left:73%}}
@media (max-width:560px){.lb3d{min-height:600px}.lb3d__logo{width:150px;top:4.5%}.lb3d__copy{left:6%;bottom:13%;width:84vw}.lb3d__eyebrow{font-size:7px;letter-spacing:.26em;margin-bottom:10px}.lb3d__meta{font-size:6.5px;letter-spacing:.14em;margin-top:16px;white-space:nowrap}.lb3d__scroll{display:none}.lb3d__beam{width:58vw;height:58vh}.lb3d__glow{width:90vw;height:90vw;right:-18%;top:25%}.lb3d__noise{opacity:.025}}
@media (prefers-reduced-motion:reduce){.lb3d__beam,.lb3d__glow,.lb3d__headline-wrap,.lb3d__meta{animation:none}.lb3d__headline-wrap,.lb3d__meta{opacity:1;transform:none;filter:none}.lb3d__beam{opacity:.12}.lb3d__logo{transition:none}}