@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --bg:#070a14;--bg2:#0d1324;--panel:#10172a;--panel2:#121b31;--line:#243452;--line2:#334b72;
  --text:#dce6f8;--muted:#9dadc8;--cyan:#51ebff;--violet:#b27cff;--gold:#f0c869;--green:#8fdc8f;--red:#ff7f78;
  --shadow:0 18px 45px rgba(0,0,0,.35)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Inter',system-ui,sans-serif;background:radial-gradient(circle at top,#12172d 0,#0a0e1a 36%,#060910 100%);color:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px 10px;z-index:1000}
.shell{width:min(1220px,100% - 44px);margin:auto}.topline{height:36px;border-bottom:1px solid #20304c;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:10px;letter-spacing:1.6px;color:#a9b6d1;background:#04070f}.topline-right{opacity:.9}.dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:inline-block;margin-right:8px;box-shadow:0 0 16px #4deafb}
.header{height:82px;border-bottom:1px solid rgba(76,110,160,.35);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:25;background:rgba(6,9,16,.86);backdrop-filter:blur(10px)}
.brand{display:flex;align-items:center;gap:14px;font:900 26px/1 'Barlow Condensed',sans-serif;letter-spacing:.5px}.brand img{width:52px;height:52px;border-radius:12px;object-fit:cover;box-shadow:0 0 0 1px #365076}.brand span small{display:block;font:700 10px/1.2 'Inter',sans-serif;letter-spacing:1.8px;color:#8ea1c2;margin-top:4px}.cyan{color:var(--cyan)}
nav{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700;color:#c8d3ea;letter-spacing:.3px}nav a{position:relative}nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .22s}nav a:hover:after,nav a:focus-visible:after{width:100%}.navjoin{border:1px solid #43648a;padding:11px 14px;border-radius:999px;background:linear-gradient(180deg,#12182b,#0d1220)}.navjoin span{color:var(--cyan)}.menu{display:none}
.section{padding:92px 0}.section-dark{background:linear-gradient(180deg,#0a101d 0,#0e1528 100%);border-top:1px solid rgba(77,100,138,.25);border-bottom:1px solid rgba(77,100,138,.25)}
.overline,.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#7ae6fb}.section-heading{display:grid;grid-template-columns:minmax(280px,500px) 1fr;gap:28px;align-items:end;margin-bottom:38px}.section-heading h2,.join h2{font:900 clamp(46px,6vw,76px)/.95 'Barlow Condensed',sans-serif;letter-spacing:.4px;margin:10px 0 0}.section-heading h2 em,.join h2 em{font-style:normal;color:var(--cyan)}.section-heading p{margin:0;color:var(--muted);font-size:15px;line-height:1.8}
.hero{position:relative;overflow:hidden;padding:40px 0 34px;background:radial-gradient(circle at 15% 15%,rgba(35,92,133,.35),transparent 25%),radial-gradient(circle at 86% 10%,rgba(146,88,255,.35),transparent 28%),linear-gradient(180deg,#070b16 0,#090d18 100%)}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(81,235,255,.08),transparent 55%),linear-gradient(180deg,transparent 0,rgba(2,4,10,.26) 100%);pointer-events:none}
.hero-layout{position:relative;z-index:2;padding-top:8px;padding-bottom:18px;display:grid;grid-template-columns:1fr;gap:20px;align-items:center}.hero-copy{max-width:780px}.hero-copy h1{font:900 clamp(64px,9vw,120px)/.88 'Barlow Condensed',sans-serif;letter-spacing:.2px;margin:16px 0 18px}.hero-copy h1 .outline{-webkit-text-stroke:1px #c5d3ef;color:transparent}.hero-copy h1 .gradient{background:linear-gradient(90deg,#6ef0ff 0,#71b7ff 25%,#c698ff 65%,#ffd57b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy h1 .period{color:var(--gold)}.lead{max-width:700px;font-size:16px;line-height:1.8;color:#cfdaf0}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:15px 18px;font-size:12px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;border:1px solid #416286;transition:transform .18s,border-color .18s,background .18s;box-shadow:var(--shadow)}.btn:hover{transform:translateY(-2px)}.btn.primary{color:#051223;background:linear-gradient(135deg,var(--cyan),#81dbff 45%,#ccb0ff);border-color:transparent}.btn.ghost{background:rgba(10,16,29,.75);color:#d7e5f8}.btn.disabled{background:#344057;box-shadow:none;cursor:not-allowed;color:#c4d0e0}
.hero-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#8ea1c2;margin-top:18px}.hero-foot span{color:var(--cyan)}.hero-foot i{width:1px;height:14px;background:#334b72;display:inline-block}.hero-foot a{color:var(--cyan)}
.hero-poster{position:relative;z-index:2;border:1px solid #3a506f;background:linear-gradient(145deg,#0d1324,#101a31);padding:14px;box-shadow:var(--shadow)}.hero-poster img{width:100%;border-radius:16px}.hero-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:11px;letter-spacing:1px;color:#a9b6d1}.hero-meta a{color:var(--cyan);font-weight:700}
.marquee{overflow:hidden;white-space:nowrap;background:#09111f;border-top:1px solid #22314e;border-bottom:1px solid #22314e;padding:12px 0;color:#9ddff2;font-size:11px;letter-spacing:2px;font-weight:800}.marquee div{display:inline-block;padding-left:100%;animation:mar 26s linear infinite}@keyframes mar{to{transform:translateX(-100%)}}
.pulse{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(81,235,255,.55);animation:pulse 1.9s infinite;margin-right:6px}@keyframes pulse{70%{box-shadow:0 0 0 13px transparent}100%{box-shadow:0 0 0 0 transparent}}.tiny{font-size:10px;color:#caa3ff;margin-left:8px}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}.gallery-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery-stack{display:grid;gap:18px}
.feature,.lab,.resource,.world,.guardian,.panel{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),#0d1424);box-shadow:var(--shadow)}.feature{padding:30px;min-height:260px}.f-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#1d3350,#18213d);border:1px solid #345178;color:var(--cyan);font-size:28px;margin-bottom:28px}.index,.lab-num,.world-kicker,.guardian-space{color:#7d97bf;letter-spacing:2px;font-size:10px;font-weight:800}.feature h3,.lab h3,.world h3,.guardian h3,.text-panel h3{font:800 29px/1.06 'Barlow Condensed',sans-serif;margin:10px 0 12px}.feature p:not(.index),.lab p,.world p,.guardian p,.text-panel p{font-size:13px;color:#aab7d1;line-height:1.8;margin:0}
.panel img{width:100%;display:block}.panel figcaption{padding:12px 14px;color:#9eb0cf;font-size:12px;line-height:1.7}.text-panel{padding:28px;display:flex;flex-direction:column;align-items:flex-start}.flag{font-size:10px;letter-spacing:1.4px;color:var(--cyan);border:1px solid #4deafb55;padding:8px 10px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.chips span{font-size:9px;border:1px solid #7485a055;padding:8px;letter-spacing:1px;color:#d5dff5}.muted-block{padding:16px;border-top:1px solid #334b72;margin-top:auto;background:rgba(255,255,255,.02)}
.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.world{padding:24px;min-height:220px;position:relative;overflow:hidden}.world:before{content:'';position:absolute;inset:0;opacity:.18}.world-uku:before{background:linear-gradient(160deg,#ff6b63,transparent 70%)}.world-kay:before{background:linear-gradient(160deg,#bfe28f,transparent 70%)}.world-han:before{background:linear-gradient(160deg,#70d6ff,transparent 70%)}.world-hawa:before{background:linear-gradient(160deg,#bd8cff,transparent 70%)}.world>*{position:relative}
.duo-banner{display:grid;grid-template-columns:1.08fr .92fr;gap:0;margin-bottom:22px;overflow:hidden;border:1px solid #365076;background:linear-gradient(145deg,#11192c,#0b1020);box-shadow:var(--shadow)}.duo-banner img{height:100%;min-height:320px;object-fit:cover}.duo-text{padding:28px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#111a31,#0d1426)}.duo-text h3{font:800 40px/1 'Barlow Condensed',sans-serif;margin:16px 0 12px}.duo-text p{color:#afbad1;line-height:1.8;margin:0}.guardians-note{padding:14px 16px;border-left:3px solid var(--cyan);background:#0c1425;color:#9fb3d1;font-size:12px;line-height:1.8;margin:0 0 18px}.guardians-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guardians-grid.four-images{grid-template-columns:repeat(2,1fr)}.guardian{padding:20px;display:flex;flex-direction:column;gap:10px}.guardian-photo{border:1px solid #314766;background:#0b1120;overflow:hidden}.guardian-photo img{width:100%;height:auto;display:block}.guardian-photo.tall img{aspect-ratio:3/4;object-fit:cover;object-position:center top}.guardian h3{font-size:34px;margin:0}.guardian-role{font-size:12px;color:var(--cyan)!important;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.guardian ul{padding-left:18px;margin:6px 0 0;color:#d9e4f6}.guardian li{font-size:12px;line-height:1.8;color:#b4c0d8}
.poster-panel img{border-bottom:1px solid #2e4167}.labs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.lab{min-height:290px;padding:26px;display:flex;align-items:flex-start;flex-direction:column}.lab-ico{font-size:44px;color:var(--cyan);line-height:1;margin:26px 0 20px}.lab p{flex:1}.pill{border:1px solid #425571;padding:6px 10px;color:#7fe5fa;font-size:9px;letter-spacing:1px;font-weight:800}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource{min-height:210px;padding:22px;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.resource:hover{transform:translateY(-3px);border-color:#4deafb}.r-top{font-size:9px;letter-spacing:1px;color:#97a7cb;display:flex;justify-content:space-between}.r-top b{color:var(--cyan);font-size:17px}.resource h3{font:800 30px 'Barlow Condensed',sans-serif;margin:13px 0 0}.resource p{font-size:12px;color:#aebad1;flex:1;line-height:1.8}.resource small{font-weight:800;font-size:9px;color:var(--cyan);letter-spacing:1.5px}.resource-static:hover{transform:none;border-color:var(--line)}
.join{position:relative;display:flex;overflow:hidden;min-height:400px;align-items:center;border:1px solid #354b70;background:linear-gradient(140deg,#10192b,#0c1221);box-shadow:var(--shadow)}.join-art{position:absolute;right:55px;top:25px;font:900 390px/1 'Barlow Condensed',sans-serif;color:#4f52a022;pointer-events:none}.join-content{position:relative;z-index:1;max-width:770px;padding:48px}.join-content>p:not(.overline){color:var(--text);font-size:15px;max-width:680px;line-height:1.8}.contact-note{font-size:11px!important;margin-top:17px}code{font-size:10px;color:var(--cyan)}
footer{border-top:1px solid #29406c;background:#070a14}.footer-inner{padding-top:48px;padding-bottom:45px;display:flex;justify-content:space-between;gap:40px}.footer-brand{display:flex;align-items:flex-start;gap:15px;max-width:390px}.footer-brand img{object-fit:contain;border-radius:8px}.footer-brand strong{font:900 27px 'Barlow Condensed',sans-serif}.footer-brand p{font-size:12px;color:#98a5c1;line-height:1.8}.footer-links{display:flex;gap:75px}.footer-links div{display:flex;flex-direction:column;gap:8px}.footer-links span{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--cyan);margin-bottom:10px}.footer-links a{font-size:12px;color:#a8b8d0}.footer-links a:hover{color:var(--cyan)}.bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #21304b;padding-top:20px;padding-bottom:20px;color:#8796b0;font-size:10px}
.reveal{opacity:0;transform:translateY(15px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1100px){.world-grid{grid-template-columns:repeat(2,1fr)}.labs-grid{grid-template-columns:repeat(2,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:1fr 1fr 1fr}.two-col,.duo-banner,.gallery-grid.two{grid-template-columns:1fr}.duo-banner img{min-height:260px}}
@media(max-width:780px){.shell{width:min(1220px,100% - 34px)}.topline{padding:0 16px;font-size:8px}.topline-right{display:none}.header{height:70px;padding:0 16px}.brand{font-size:21px}.brand img{width:43px;height:43px}.menu{display:block;color:white;background:transparent;border:1px solid #4e648e;padding:6px 12px;cursor:pointer;font-size:21px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0e1427;border-bottom:1px solid #334461;padding:25px;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.hero-copy h1{font-size:clamp(58px,14vw,92px)}.lead{font-size:14px}.hero-meta{display:block}.hero-meta a{display:inline-block;margin-top:6px}.section{padding-top:76px;padding-bottom:78px}.section-heading{display:block}.section-heading>p{margin-top:20px}.three,.world-grid,.guardians-grid,.gallery-grid.two,.resource-grid,.labs-grid,.footer-links{grid-template-columns:1fr}.section h2{font-size:clamp(43px,10vw,65px)}.feature{padding:24px}.f-icon{margin-bottom:20px}.join-content{padding:30px}.footer-inner{display:block}.footer-links{gap:35px;margin-top:30px}.bottom{display:block}.bottom span{display:block;margin-bottom:8px}.join-art{right:-70px;font-size:290px}}
@media(max-width:430px){.hero-actions{flex-direction:column;align-items:stretch}.btn{justify-content:center}.duo-text h3{font-size:34px}.guardian h3{font-size:29px}}

/* Identidad 2026: adiciones, sin alterar el resto de la página */
.new-brand-feature { display:flex; flex-direction:column; align-items:center; gap:8px; padding:16px 0 26px; position:relative; z-index:2; }
.new-brand-feature img { width:min(460px,100%); height:auto; border:1px solid #30385b; border-radius:22px; box-shadow:0 16px 45px rgba(0,0,0,.35); }
.new-brand-feature p { color:#90bdd5; font-size:10px; letter-spacing:1.6px; text-align:center; }
.brand-history-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.brand-history-card { margin:0; display:flex; flex-direction:column; border:1px solid #334b72; border-radius:12px; overflow:hidden; background:#0b1020; }
.brand-history-card img { width:100%; aspect-ratio:1/1; object-fit:contain; flex:1; }
.brand-new-light { background:#fff; }
.brand-legacy img { padding:20px; background:#080c18; }
.brand-history-card figcaption { padding:14px; font-size:12px; line-height:1.5; color:#e9f2ff; background:#111a30; border-top:1px solid #334b72; }
@media(max-width:780px) { .brand-history-grid { grid-template-columns:1fr; } .new-brand-feature img { width:min(360px,100%); } }