@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Manrope:wght@300;400;500;600;700&display=swap');
:root{--bg:#070c0b;--panel:#0e1714;--text:#f0eee4;--muted:#b3b7ac;--gold:#c5a66a;--green:#a9c28a;--line:rgba(220,218,195,.18);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}
.site-header{height:82px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(3,8,8,.75),transparent)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:52px;height:52px;object-fit:contain}.brand strong{font-family:Cinzel,serif;font-size:13px;letter-spacing:2px;display:block}.brand small{font-size:9px;letter-spacing:3px;color:#c5b78d}.site-header nav{display:flex;align-items:center;gap:clamp(16px,3vw,38px);font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.site-header nav a{color:#e1e1d8;transition:color .2s}.site-header nav a:hover,.footer-links a:hover{color:var(--gold)}.site-header nav .nav-login{border:1px solid rgba(213,190,132,.65);padding:11px 15px;color:#e7d5a9}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;padding:8px 12px;font-size:20px}
.hero{min-height:min(850px,100svh);min-height:max(720px,100svh);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#08110f}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-art{object-fit:cover;object-position:center 42%;animation:heroReveal 1.4s ease both}.hero-shade{background:linear-gradient(90deg,rgba(3,9,8,.55),rgba(3,9,8,.25) 50%,rgba(3,9,8,.45)),linear-gradient(0deg,#070c0b 0%,transparent 25%,rgba(2,6,6,.12) 70%,rgba(2,6,6,.48))}.hero-content{position:relative;z-index:2;text-align:center;width:min(850px,90%);padding:125px 0 110px}.eyebrow{font-size:10px;letter-spacing:3px;color:#d4c69f;text-transform:uppercase}.hero .eyebrow{display:flex;align-items:center;justify-content:center;gap:13px}.hero .eyebrow span{height:1px;width:34px;background:var(--gold)}.hero-mark{display:block;width:clamp(120px,18vw,205px);height:clamp(120px,18vw,205px);object-fit:contain;margin:15px auto 5px;filter:drop-shadow(0 10px 24px #000)}h1,h2{font-family:Cinzel,Georgia,serif;font-weight:600;line-height:1.08;letter-spacing:1px}h1{font-size:clamp(27px,4.2vw,51px);margin:12px 0;color:#f3ecdc;text-shadow:0 3px 22px #000}.hero-lead{font-family:Cinzel,serif;font-size:clamp(16px,2vw,22px);letter-spacing:2px;margin:16px 0 8px}.hero-copy{max-width:590px;margin:0 auto;color:#d0d4cb;font-size:14px}.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:29px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:0 22px;font-size:10px;letter-spacing:1.5px;font-weight:700;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:#a6bd7e;color:#10170f;border:1px solid #c6d49f}.button-primary:hover{background:#c2d49c}.button-ghost{border:1px solid rgba(235,231,211,.5);background:rgba(4,10,9,.25)}.button-ghost:hover{border-color:var(--gold);background:rgba(4,10,9,.65)}.hero-meta{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:34px;font-size:9px;letter-spacing:2px;color:#c9cbbf}.hero-meta i{height:3px;width:3px;background:var(--gold);border-radius:50%}.status-dot{width:7px;height:7px;background:#9acb82;border-radius:50%;box-shadow:0 0 12px #9acb82}.vertical-note{position:absolute;right:28px;top:50%;writing-mode:vertical-rl;letter-spacing:4px;font-size:9px;color:#e3d9bd}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:3px;color:#c7c6b7;display:flex;gap:14px;align-items:center}.scroll-cue span{font-size:17px;color:var(--gold)}
.feature-strip{position:relative;z-index:2;max-width:var(--max);margin:-1px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:#0b1311;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-strip article{text-align:center;padding:34px 24px 30px;border-right:1px solid var(--line)}.feature-strip article:last-child{border:0}.feature-icon{font-size:25px;color:var(--gold)}.feature-strip h2{font-size:12px;letter-spacing:2px;margin:12px 0 7px}.feature-strip p{color:var(--muted);font-size:12px;margin:0;max-width:220px;margin-inline:auto}
.section-wrap{max-width:var(--max);margin:auto;padding:105px clamp(22px,5vw,70px)}.intro{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(35px,7vw,100px)}.intro-image{position:relative}.intro-image:before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid rgba(197,166,106,.45);pointer-events:none}.intro-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;position:relative;filter:saturate(.84)}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:14px 17px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#e5d7b1}.intro-text .eyebrow,.community .eyebrow{margin-bottom:20px}.intro-text h2,.community h2,.portal-inner h2{font-size:clamp(30px,4.5vw,53px);margin:0 0 22px}.intro-text>p:not(.eyebrow),.community>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:480px}.check-list{list-style:none;padding:0;margin:27px 0 32px}.check-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;color:#d8d9cf}.check-list span{color:var(--gold);margin-right:10px}.text-link{font-size:10px;letter-spacing:1.6px;color:#d9c18a;border-bottom:1px solid #796a45;padding-bottom:9px}.text-link span{margin-left:14px}
.portal-section{position:relative;overflow:hidden;text-align:center;padding:100px 24px;background:#101a15;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.portal-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 110%,rgba(139,157,85,.18),transparent 55%),linear-gradient(120deg,rgba(3,9,7,.3),rgba(13,25,19,.95));pointer-events:none}.portal-inner{position:relative;max-width:700px;margin:auto}.portal-inner h2{margin:14px 0 18px}.portal-inner>p:not(.eyebrow){color:var(--muted);max-width:550px;margin:0 auto 26px;font-size:14px}.portal-inner .small-note{font-size:11px!important;color:#89948a!important;margin-top:17px!important;margin-bottom:0!important}.community{display:flex;align-items:center;justify-content:space-between;gap:30px}.community>div{max-width:620px}.button-discord{border:1px solid rgba(197,166,106,.6);white-space:nowrap}.button-discord:hover{background:#18251e}.discord-mark{font-size:20px;color:#c7d7a1}
.site-footer{border-top:1px solid var(--line);padding:35px 22px 25px;text-align:center;background:#050908}.footer-brand{display:inline-flex;align-items:center;gap:10px;font-family:Cinzel,serif;letter-spacing:2px;font-size:12px}.footer-brand img{width:36px;height:36px;object-fit:contain}.site-footer>p{font-size:8px;letter-spacing:2px;color:#8d9387}.footer-links{display:flex;justify-content:center;gap:24px;font-size:10px;margin:20px 0}.footer-links a{color:#c3c6ba}.site-footer>small{font-size:9px;color:#737d73}
@keyframes heroReveal{from{transform:scale(1.04);opacity:.5}to{transform:scale(1);opacity:1}}
@media(max-width:800px){.site-header{height:72px}.brand img{width:43px;height:43px}.brand strong{font-size:11px}.site-header nav{gap:15px;font-size:9px}.site-header nav .nav-login{padding:9px}.hero{min-height:760px}.hero-art{object-position:center}.vertical-note{display:none}.feature-strip article{padding:26px 12px}.feature-strip p{font-size:11px}.intro{gap:34px}.section-wrap{padding-top:78px;padding-bottom:78px}}
@media(max-width:620px){.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:71px;left:0;right:0;background:rgba(6,12,10,.98);padding:18px 22px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:10px 0}.site-header nav .nav-login{text-align:center;margin-top:5px}.hero{min-height:780px;min-height:100svh}.hero-art{object-position:52% center}.hero-shade{background:linear-gradient(0deg,rgba(4,9,8,.95),rgba(4,9,8,.42) 50%,rgba(4,9,8,.45))}.hero-content{padding-top:120px;padding-bottom:90px}.hero .eyebrow{font-size:8px;letter-spacing:1.7px;gap:7px}.hero .eyebrow span{width:17px}.hero-mark{width:135px;height:135px}.hero-copy{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch;max-width:330px;margin:25px auto 0}.button{min-height:48px}.hero-meta{font-size:8px;letter-spacing:1px;gap:8px}.feature-strip{grid-template-columns:repeat(2,1fr)}.feature-strip article:nth-child(2){border-right:0}.feature-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}.intro{grid-template-columns:1fr}.intro-image{margin:0 10px}.intro-text h2,.community h2,.portal-inner h2{font-size:34px}.portal-section{padding:78px 22px}.community{align-items:flex-start;flex-direction:column}.button-discord{width:100%}.section-wrap{padding-top:65px;padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ===== MEJORAS DE NAVEGACION SILENT EXTINCTION ===== */
.site-header nav .nav-discord {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 15px;
  color: #10170f;
  background: #a6bd7e;
  border: 1px solid #c6d49f;
  font-weight: 800;
  letter-spacing: 1.2px;
  transition: transform .2s, background .2s;
}
.site-header nav .nav-discord:hover {
  color: #10170f;
  background: #c2d49c;
  transform: translateY(-2px);
}
.site-header nav .nav-login {
  white-space: nowrap;
}
.hero-actions .button {
  gap: 12px;
}
.hero-actions .button-primary {
  box-shadow: 0 5px 25px rgba(166,189,126,.16);
}
.portal-inner .button-primary {
  margin-top: 5px;
}
.footer-links {
  flex-wrap: wrap;
}
@media(max-width:800px) and (min-width:621px) {
  .site-header {
    padding-left: 20px;
    padding-right: 20px;
  }
  .site-header nav {
    gap: 12px;
    font-size: 8px;
    letter-spacing: .8px;
  }
  .site-header nav .nav-discord,
  .site-header nav .nav-login {
    padding: 9px 10px;
  }
}
@media(max-width:620px) {
  .site-header nav .nav-discord,
  .site-header nav .nav-login {
    width: 100%;
    justify-content: center;
    margin-top: 5px;
    padding: 13px 12px;
  }
  .hero-actions .button {
    width: 100%;
  }
}