:root{--bg:#06111c;--panel:rgba(8,18,31,.90);--panel2:rgba(8,18,31,.78);--text:#edf4fb;--muted:#a7b8ca;--line:rgba(255,255,255,.09);--deep:#023A6A;--digital:#1E8AC1;--tiny:#4C8F7E;--small:#FCC623;--medium:#F85E25;--security:#a78bfa;--radius:24px;--shadow:0 24px 70px rgba(0,0,0,.34);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);line-height:1.6;background:radial-gradient(950px 700px at 5% 0%,rgba(30,138,193,.20),transparent),radial-gradient(900px 650px at 100% 18%,rgba(76,143,126,.14),transparent),radial-gradient(900px 650px at 86% 92%,rgba(248,94,37,.10),transparent),linear-gradient(180deg,#06111c 0%,#071521 55%,#08131c 100%)}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px 92px}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(4,10,18,.94),rgba(4,10,18,.75));border-bottom:1px solid rgba(255,255,255,.07)}
header{max-width:var(--max);margin:0 auto;min-height:82px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:58px;height:58px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);padding:7px}.brand strong{display:block;letter-spacing:.03em}.brand span{display:block;color:var(--muted);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right{display:flex;align-items:center;gap:12px}nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}nav a{padding:10px 13px;border-radius:999px;color:#dbe9f7;font-size:.94rem}nav a:hover{background:rgba(255,255,255,.06);color:#fff}.nav-cta{background:linear-gradient(135deg,var(--deep),var(--digital));font-weight:800;color:#fff!important;box-shadow:0 12px 34px rgba(30,138,193,.22)}select{background:rgba(255,255,255,.05);color:var(--text);border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:10px 12px;max-width:180px}.section{padding-top:76px}.hero{padding-top:34px;display:grid;grid-template-columns:1.12fr .88fr;gap:26px;align-items:stretch}.panel,.card,.strip,.timeline-card,.footer-shell,.version-shell{background:linear-gradient(180deg,rgba(9,18,31,.96),rgba(8,17,29,.86));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-main{padding:36px;position:relative;overflow:hidden}.hero-main:after{content:"";position:absolute;right:-110px;bottom:-170px;width:460px;height:460px;background:radial-gradient(circle,rgba(30,138,193,.20),transparent 62%);pointer-events:none}.hero-side{padding:28px;display:grid;gap:16px;align-content:start}.hero-logo{width:100%;max-width:340px;margin-left:auto;filter:drop-shadow(0 16px 34px rgba(0,0,0,.27))}.eyebrow,.pill{display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.05);font-size:.8rem;font-weight:900;text-transform:uppercase;letter-spacing:.055em;color:#dbeeff}.eyebrow:before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--digital),var(--tiny));box-shadow:0 0 16px rgba(30,138,193,.45)}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.45rem,5.1vw,4.9rem);line-height:.98;letter-spacing:-.045em;max-width:12ch;margin:18px 0}h2{font-size:clamp(1.95rem,3vw,3rem);line-height:1.04;letter-spacing:-.03em;margin-bottom:14px}h3{font-size:1.16rem;line-height:1.22;margin-bottom:9px}.lead{color:var(--muted);font-size:clamp(1rem,1.36vw,1.15rem);max-width:68ch}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 18px;border-radius:15px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);font-weight:800;color:#fff;transition:.18s ease}.btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}.btn.primary{background:linear-gradient(135deg,var(--deep),var(--digital));box-shadow:0 14px 34px rgba(2,58,106,.35)}.btn.warn{background:linear-gradient(135deg,#725200,#b88903)}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px}.stat,.mini,.side-block{padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}.stat strong{display:block;font-size:1.7rem;line-height:1}.stat span,.mini p,.side-block p,.card p,.timeline-card p,.strip p,.footer-shell p,.version-shell p{color:var(--muted)}.status-list{display:grid;gap:10px;margin-top:12px}.status{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.dot{width:12px;height:12px;border-radius:50%;margin-top:6px;box-shadow:0 0 18px currentColor;flex:0 0 auto}.dot.ok{color:var(--tiny);background:var(--tiny)}.dot.dev{color:var(--small);background:var(--small)}.dot.live{color:var(--digital);background:var(--digital)}.dot.sec{color:var(--security);background:var(--security)}.status strong{display:block}.status span{display:block;color:var(--muted);font-size:.9rem}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:26px}.section-head p{color:var(--muted);max-width:63ch}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:24px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-90px;bottom:-120px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 62%);pointer-events:none}.card ul{margin:14px 0 0;padding-left:18px;color:var(--muted)}.card li{margin:7px 0}.pill.ok{color:#d7f6ee;background:rgba(76,143,126,.16)}.pill.dev{color:#fff1b3;background:rgba(252,198,35,.14)}.pill.live{color:#cbeafb;background:rgba(30,138,193,.15)}.pill.sec{color:#eee4ff;background:rgba(167,139,250,.15)}.logo-line{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.model-logo{width:58px;height:58px;border-radius:16px;padding:7px;background:#fff;object-fit:contain}.strip{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.timeline-card{padding:22px;display:grid;gap:13px;position:relative;overflow:hidden;min-height:210px}.timeline-card:before{content:"";width:46px;height:5px;border-radius:999px;background:linear-gradient(90deg,var(--digital),var(--tiny));box-shadow:0 0 24px rgba(30,138,193,.35);display:block}.timeline-card:after{content:"";position:absolute;right:-90px;bottom:-110px;width:220px;height:220px;background:radial-gradient(circle,rgba(30,138,193,.11),transparent 65%);pointer-events:none}.meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#d5e5f5;font-size:.88rem}.tag{padding:7px 10px;border-radius:999px;font-weight:900;background:rgba(30,138,193,.14);color:#cbeafb;border:1px solid rgba(30,138,193,.18)}.links-grid a{display:block;padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.links-grid strong{display:block;margin-bottom:5px}.links-grid span{display:block;color:var(--muted);font-size:.93rem}.notice{border-left:4px solid var(--digital);padding:18px 20px;border-radius:18px;background:rgba(30,138,193,.10);color:#dbeeff}.version-shell{padding:24px;margin-top:28px}.version-row{display:grid;grid-template-columns:120px 100px 1fr;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.09)}.version-row.head{font-weight:900;color:#e3f0fb}.footer-shell{padding:24px;margin-top:42px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}.footer-brand img{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.05);padding:6px}.small{font-size:.92rem;color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.mobile-note{display:none}
@media (max-width:1060px){.hero,.strip,.grid-2,.grid-3,.evidence{grid-template-columns:1fr}.hero-logo{margin-left:0}.section-head{flex-direction:column;align-items:flex-start}}
@media (max-width:780px){.wrap{padding:0 16px 72px}header{padding:12px 16px;flex-direction:column;align-items:stretch}.right{flex-direction:column;align-items:stretch}nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.hero-main,.hero-side,.strip,.card,.timeline-card,.footer-shell,.version-shell{padding:22px}.hero-stats{grid-template-columns:1fr}.section{padding-top:62px}.version-row{grid-template-columns:1fr;gap:4px}.brand span{white-space:normal}.mobile-note{display:block}}
/* Ajuste V3 - Centrado del logotipo principal Proyecto CELESTE */
.hero-side {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hero-side .hero-logo {
  display: block;
  width: min(340px, 82%);
  max-width: 100%;
  height: auto;
  margin: 0 auto 24px auto;
  object-fit: contain;
}