:root{--accent-orange:#E05720;--accent-yellow:#FBCB21;--bg:#000;--text:#f4f4f4;--muted:rgba(255,255,255,.82);--ease:cubic-bezier(.16,1,.28,1);--nav-h:92px;--max:1180px}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%}body{font-family:Inter,sans-serif;background:#000;color:var(--text);overflow:hidden}.wrap{position:relative;width:100%;height:100vh;overflow:hidden;background:#000}.preloader{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#000;opacity:1;visibility:visible;transition:opacity .7s var(--ease),visibility .7s var(--ease)}.preloader.hide{opacity:0;visibility:hidden;pointer-events:none}.preloader-inner{width:min(520px,82vw);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;text-align:center}.preloader-logo{width:min(240px,54vw);height:auto;display:block;opacity:.62;filter:grayscale(1) brightness(.82) contrast(1.06) drop-shadow(0 10px 22px rgba(0,0,0,.38));user-select:none;pointer-events:none}.loader{width:100%;max-width:340px;height:4px;background:rgba(255,255,255,.14);border-radius:999px;overflow:hidden;position:relative}.loader-bar{width:0%;height:100%;background:#fff;border-radius:999px;box-shadow:0 0 14px rgba(255,255,255,.24);transition:width 280ms linear}.intro{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#000;opacity:0;visibility:hidden;transition:opacity 1.4s var(--ease),visibility 1.4s var(--ease)}.intro.show{opacity:1;visibility:visible}.intro.hide{opacity:0;visibility:hidden;pointer-events:none}.intro-inner{width:min(1100px,92vw);text-align:center;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.intro-kicker{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-bottom:22px}.typing-wrap{display:flex;justify-content:center;align-items:center;width:100%}.typing{display:inline-block;font-family:"Playfair Display",serif;font-size:clamp(30px,4vw,62px);line-height:1.2;font-weight:700;color:#fff;text-align:center;text-shadow:0 10px 30px rgba(0,0,0,.6);position:relative;max-width:100%;word-break:break-word}.typing::after{content:"";display:inline-block;width:2px;height:.9em;margin-left:6px;background:rgba(255,255,255,.9);vertical-align:-.08em;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}header{position:absolute;top:0;left:0;right:0;height:var(--nav-h);z-index:25;display:flex;align-items:center;backdrop-filter:blur(8px);background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.18));border-bottom:1px solid rgba(255,255,255,.04);overflow:hidden}.nav{width:100%;max-width:var(--max);margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.nav-left{display:flex;align-items:center;gap:16px;min-width:0}.brand{display:flex;align-items:center;text-decoration:none;color:var(--text);white-space:nowrap;padding:8px 0;flex-shrink:0}.brand-logo{height:54px;width:auto;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}.nav-home{display:inline-block;padding:0;border:none;background:0 0;color:rgba(255,255,255,.82);text-decoration:none;font-weight:750;font-size:13px;letter-spacing:.18em;text-transform:uppercase;transition:color .25s var(--ease),transform .25s var(--ease);white-space:nowrap;text-shadow:0 3px 14px rgba(0,0,0,.55)}.nav-home:hover{color:rgba(255,255,255,.98);transform:translateY(-1px)}.scene{position:absolute;inset:0;opacity:0;transform:scale(1.03);transition:opacity 1.6s var(--ease),transform 1.8s var(--ease),filter 1.8s var(--ease);filter:brightness(.15) blur(2px)}.scene.show{opacity:1;transform:scale(1);filter:brightness(1) blur(0)}.scene.exit-up{opacity:0;transform:translateY(-40px) scale(.98);filter:brightness(.4) blur(1px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);pointer-events:none}.scene.enter-from-below{opacity:0;transform:translateY(50px) scale(.99);filter:brightness(.3) blur(2px);pointer-events:none}.scene.enter-from-above{opacity:0;transform:translateY(-50px) scale(.99);filter:brightness(.3) blur(2px);pointer-events:none}.scene.exit-down{opacity:0;transform:translateY(40px) scale(.98);filter:brightness(.4) blur(1px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);pointer-events:none}.scene::after{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 18% 22%,rgba(224,87,32,.16),transparent 60%),radial-gradient(900px 500px at 82% 18%,rgba(251,203,33,.1),transparent 62%);pointer-events:none}#scene1::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.28)),url("../../imagenes/parte1.jpg") center/cover no-repeat;transform:scale(1.02)}#scene2::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.28)),url("../../imagenes/parte2.png") center/cover no-repeat;transform:scale(1.02)}#scene3::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.28)),url("../../imagenes/parte3.png") center/cover no-repeat;transform:scale(1.02)}#scene4::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.28)),url("../../imagenes/parte4.jpg") center/cover no-repeat;transform:scale(1.02)}#scene5::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.28)),url("../../imagenes/parte5.jpg") center/cover no-repeat;transform:scale(1.02)}#scene6::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.28)),url("../../imagenes/parte6.jpg") center/cover no-repeat;transform:scale(1.02)}#scene7::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.58),rgba(0,0,0,.28)),url("../../imagenes/parte7.jpg") center/cover no-repeat;transform:scale(1.02)}.content{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-h) + 20px) 20px 40px}.card{max-width:980px;opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .9s var(--ease);transition-delay:.35s}.scene.show .card{opacity:1;transform:translateY(0)}.year{font-family:"Playfair Display",serif;font-size:clamp(54px,8vw,110px);line-height:1;margin-bottom:12px;text-shadow:0 12px 30px rgba(0,0,0,.6)}.kicker{font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:22px}.text{font-size:clamp(16px,1.4vw,23px);line-height:1.75;color:var(--muted);text-shadow:0 8px 24px rgba(0,0,0,.72)}.text p{margin-bottom:18px}.text p:last-child{margin-bottom:0}.em{color:#fff;font-weight:800}.scroll-hint{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .6s var(--ease),transform .25s var(--ease);pointer-events:auto;cursor:pointer;background:transparent;border:0;padding:0;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.scroll-hint.visible{opacity:.55}.scroll-hint:hover{opacity:.9;transform:translateX(-50%) translateY(-2px)}.scroll-hint:focus-visible{opacity:.95;outline:none}.scroll-hint span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff}.scroll-hint.is-icon-only span{display:none}.scroll-hint.is-icon-only{gap:0}.scroll-arrow{width:16px;height:16px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);animation:bounce 1.4s ease-in-out infinite}@keyframes bounce{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(4px)}}@media (max-width:900px){.nav{padding:0 16px}.brand-logo{height:46px}}@media (max-width:600px){:root{--nav-h:80px}.preloader-inner{width:min(86vw,420px);gap:24px}.preloader-logo{width:min(210px,58vw)}.loader{max-width:280px}.intro-inner{width:min(92vw,520px)}.typing{font-size:clamp(28px,8vw,44px);line-height:1.25}.nav{padding:0 14px}.nav-left{gap:12px}.brand-logo{height:38px}.nav-home{font-size:11px;letter-spacing:.14em}.content{padding:calc(var(--nav-h) + 18px) 16px 30px}.year{font-size:clamp(42px,15vw,74px)}.text{font-size:16px;line-height:1.65}}