@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
:root{--black:#050604;--panel:#0c0d09;--gold:#c9a966;--cream:#f1eadc;--muted:#9c978d;--line:rgba(201,169,102,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Inter,"Helvetica Neue",Arial,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.wrap{width:min(1240px,calc(100% - 42px));margin:auto}
.site-nav{position:sticky;z-index:20;top:0;background:rgba(5,6,4,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{height:92px;display:flex;align-items:center;gap:28px}.brand{margin-right:auto}.brand strong{display:block;letter-spacing:.25em;font-size:18px}.brand small{display:block;color:#82795f;margin-top:5px;letter-spacing:.12em}.nav-links{display:flex;gap:26px;color:#aaa59b;font-size:12px}.nav-links a:hover,.nav-links a.active{color:#e4ca8c}.nav-cta,.button{border:1px solid var(--gold);border-radius:999px;background:var(--gold);color:#111;padding:14px 20px;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.button.secondary{background:transparent;color:#e5cf98}
.hero{min-height:76svh;display:grid;align-items:end;padding:110px 0 90px;background:radial-gradient(circle at 78% 25%,rgba(201,169,102,.14),transparent 32%),linear-gradient(145deg,#050604,#0d0e0a)}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.hero h1{max-width:1050px;margin:20px 0 28px;font-size:clamp(3.6rem,8vw,8.4rem);font-weight:300;line-height:.88;letter-spacing:-.06em}.hero p{max-width:700px;color:#aaa59b;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}.hero-actions{display:flex;gap:12px;margin-top:36px;flex-wrap:wrap}
.section{padding:110px 0;border-top:1px solid var(--line)}.section.light{background:#ebe5d9;color:#17140f}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;margin-bottom:54px}.section h2{margin:0;font-size:clamp(2.5rem,5vw,5rem);font-weight:300;letter-spacing:-.05em;line-height:.95}.section-copy{color:var(--muted);font-size:18px;line-height:1.8}.light .section-copy{color:#5f584d}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.feature{min-height:260px;padding:34px;border-right:1px solid var(--line)}.feature:last-child{border:0}.feature b{color:var(--gold);font-size:11px;letter-spacing:.18em}.feature h3{font-size:24px;font-weight:400;margin:55px 0 16px}.feature p{color:var(--muted);line-height:1.65}
.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.promise{padding:30px;border:1px solid var(--line);border-radius:18px;background:rgba(201,169,102,.035)}.promise strong{display:block;font-size:20px;margin-bottom:10px}.promise span{color:var(--muted);line-height:1.6}
.story-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.story-index{position:sticky;top:125px;color:#a3926d}.story-index span{display:block;margin-bottom:12px;font-size:11px;letter-spacing:.18em}.story-body blockquote{font-size:clamp(2.2rem,4vw,4.8rem);line-height:1.08;font-weight:300;margin:0 0 60px}.story-body p{font-size:18px;line-height:1.9;color:#aaa59b}.story-body strong{color:#ead29b;font-weight:400}
.tree-demo{position:relative;min-height:560px;padding:70px 20px;display:grid;place-items:center;background:radial-gradient(circle,rgba(201,169,102,.12),transparent 55%);overflow:hidden}.tree-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(201,169,102,.25) 50%,transparent 50.1%)}.tree-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(150px,210px));gap:55px 28px}.tree-card{padding:25px 18px;border:1px solid var(--line);border-radius:100px 100px 20px 20px;background:#0c0d09;text-align:center}.tree-card i{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:50%;background:linear-gradient(145deg,#ebd494,#826329);color:#15120b;font-style:normal;font-weight:800}.tree-card strong,.tree-card small{display:block}.tree-card strong{margin-top:16px}.tree-card small{margin-top:7px;color:#89847b}.launch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.launch-item{padding:28px;border-left:2px solid var(--gold);background:#0c0d09}.launch-item span{color:#9c978d;line-height:1.6}
.legal{max-width:820px}.legal h1{font-size:clamp(3rem,7vw,6rem);font-weight:300;letter-spacing:-.05em}.legal h2{font-size:24px;margin-top:48px}.legal p,.legal li{color:#aaa59b;line-height:1.8}.footer{padding:55px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:end}.footer p{max-width:480px;color:#77736a;line-height:1.6}.footer-links{display:flex;gap:22px;color:#a9a396;font-size:12px}
.language-control{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.VIpgJd-ZVi9od-ORHb-OEVmcd,.goog-te-banner-frame{display:none!important}body{top:0!important}
@media(max-width:900px){.nav-links{display:none}.nav-inner{height:78px}.nav-cta{padding:11px 13px}.section-head,.story-layout{grid-template-columns:1fr}.story-index{position:static}.feature-grid{grid-template-columns:1fr 1fr}.feature:nth-child(2){border-right:0}.feature:nth-child(-n+2){border-bottom:1px solid var(--line)}.promise-grid{grid-template-columns:1fr}.tree-cards{grid-template-columns:repeat(2,minmax(135px,190px))}.launch-grid{grid-template-columns:1fr}}
@media(max-width:560px){.brand small{display:none}.brand strong{font-size:14px}.hero{padding:90px 0 65px}.hero h1{font-size:3.5rem}.section{padding:78px 0}.feature-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)!important;min-height:220px}.feature:last-child{border-bottom:0!important}.tree-cards{grid-template-columns:1fr 1fr;gap:22px 10px}.tree-card{padding:20px 10px}.footer-inner{display:block}.footer-links{margin-top:28px;flex-wrap:wrap}}

.mobile-bottom-nav{display:none}
@media(max-width:680px){
  .mobile-bottom-nav{position:fixed;bottom:0;left:0;width:100%;height:64px;background:rgba(7,8,6,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(201,169,102,.2);display:flex;justify-content:space-around;align-items:center;z-index:10000;padding:0 4px env(safe-area-inset-bottom);box-sizing:content-box}
  .mobile-bottom-nav a{min-width:56px;min-height:52px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#89867e;font-size:9px;line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;gap:5px}
  .mobile-bottom-nav a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-bottom-nav a.active,.mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus-visible{color:#d2ad6d}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}

/* --- HUMANIDAD-V49.3 ESTABILIZACIÓN MÓVIL AISLADA (MEDIA QUERY) --- */
@media screen and (max-width: 768px) {
  html, body {
    max-width: 100vw;
    overflow-x: hidden !important;
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }

  .hero, header, nav, footer, .panel, form {
    max-width: 100%;
    box-sizing: border-box;
  }

  .fixed-panel, .auth-container, .mobile-modal form {
    position: fixed;
    width: 100%;
    max-height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}