:root{
  --black:#0a0a0a;
  --white:#ffffff;
  --line:#262626;
  --bg:#f7f7f7;
  --text:#222;
  --mute:#666;
  --f-display:'Bebas Neue',sans-serif;
  --f-slab:'Roboto Slab',serif;
  --f-body:'Roboto',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--f-body);font-weight:400;color:var(--text);background:var(--bg);line-height:1.5}
a{color:inherit;text-decoration:none}

/* ============ TOP BAR ============ */
.eh-top{background:var(--black);color:#e8e8e8;font-size:12.5px;letter-spacing:.02em;border-bottom:1px solid var(--line)}
.eh-top__inner{max-width:none;margin:0;padding:9px 40px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.eh-top a{display:inline-flex;align-items:center;gap:7px;padding:4px 0;color:#e8e8e8;transition:color .18s ease}
.eh-top a:hover{color:#fff}
.eh-top a:not(.eh-top__cta):hover{box-shadow:inset 0 -1px 0 #fff}
.eh-top__sep{opacity:.25;user-select:none}
.eh-top__spacer{flex:1}
.eh-top__cta{background:var(--white);color:var(--black) !important;font-family:var(--f-display);font-size:16px;letter-spacing:.15em;padding:7px 16px !important;border-radius:2px;text-transform:uppercase;font-weight:400}
.eh-top__cta:hover{background:transparent;color:#fff !important;box-shadow:inset 0 0 0 1.5px #fff}
.eh-top svg{width:13px;height:13px;flex-shrink:0;opacity:.85}
.eh-top a:hover svg{opacity:1}

/* ============ MAIN NAV ============ */
.eh-main{background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 rgba(0,0,0,0.02)}
.eh-main__inner{max-width:none;margin:0;padding:20px 40px;display:flex;align-items:center;gap:36px}
.eh-logo{flex-shrink:0;display:inline-flex;align-items:center;line-height:0}
.eh-logo img{height:88px;width:auto;display:block;transition:opacity .2s ease}
.eh-logo:hover img{opacity:.75}
.eh-nav{display:flex;gap:32px;flex:1;justify-content:center}
.eh-nav a,.eh-nav a:link,.eh-nav a:visited{font-family:var(--f-display);font-size:20px;font-weight:400;letter-spacing:.08em;color:#0f0f0f !important;padding:10px 2px;border-bottom:2px solid transparent;transition:border-color .2s ease,color .2s ease;text-transform:uppercase;text-decoration:none !important}
.eh-nav a:hover,.eh-nav a:focus,.eh-nav a:active{border-color:var(--black);color:var(--black) !important;text-decoration:none !important}
.eh-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.eh-btn,.eh-btn:link,.eh-btn:visited{font-family:var(--f-display);padding:13px 22px;border-radius:2px;font-size:17px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;line-height:1;border:1.5px solid transparent;text-decoration:none !important}
.eh-btn--ghost,.eh-btn--ghost:link,.eh-btn--ghost:visited{border-color:var(--black) !important;color:var(--black) !important;background:transparent !important}
.eh-btn--ghost:hover,.eh-btn--ghost:focus,.eh-btn--ghost:active{background:var(--black) !important;color:#fff !important;border-color:var(--black) !important;text-decoration:none !important}
.eh-btn--solid,.eh-btn--solid:link,.eh-btn--solid:visited{background:var(--black) !important;color:#fff !important;border-color:var(--black) !important}
.eh-btn--solid:hover,.eh-btn--solid:focus,.eh-btn--solid:active{background:#fff !important;color:var(--black) !important;border-color:var(--black) !important;text-decoration:none !important}
.eh-btn svg{width:14px;height:14px}

/* ============ MOBILE HAMBURGER (visible solo en mobile) ============ */
.eh-burger{display:none;background:none;border:0;cursor:pointer;padding:8px;margin:0;color:var(--black);width:42px;height:42px;flex-shrink:0}
.eh-burger span{display:block;position:absolute;left:8px;right:8px;height:2px;background:currentColor;transition:transform .25s ease,opacity .25s ease,top .25s ease}
.eh-burger span:nth-child(1){top:13px}
.eh-burger span:nth-child(2){top:20px}
.eh-burger span:nth-child(3){top:27px}

/* ============ MOBILE DRAWER FULLSCREEN ============ */
.eh-drawer{position:fixed;inset:0;background:var(--black);color:#fff;z-index:150;display:flex;flex-direction:column;padding:72px 24px 90px;transform:translateY(-100%);transition:transform .35s cubic-bezier(.65,0,.35,1);visibility:hidden;opacity:0;overflow-y:auto}
body.eh-open .eh-drawer{transform:translateY(0);visibility:visible;opacity:1}
body.eh-open{overflow:hidden}
.eh-drawer__close{position:absolute;top:18px;right:18px;width:46px;height:46px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background .2s ease,transform .2s ease;padding:0}
.eh-drawer__close:hover{background:rgba(255,255,255,.18);transform:rotate(90deg)}
.eh-drawer__close svg{width:18px;height:18px}
.eh-drawer__nav{display:flex;flex-direction:column;gap:0;margin-bottom:28px;border-top:1px solid #262626}
.eh-drawer__nav a{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;font-family:var(--f-display);font-size:24px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#fff;border-bottom:1px solid #262626;transition:padding-left .25s ease,color .25s ease}
.eh-drawer__nav a::after{content:"→";font-size:16px;opacity:.4;transition:opacity .25s ease,transform .25s ease}
.eh-drawer__nav a:hover,.eh-drawer__nav a:active{padding-left:12px;color:#fff}
.eh-drawer__nav a:hover::after,.eh-drawer__nav a:active::after{opacity:1;transform:translateX(4px)}
.eh-drawer__cta{display:flex;flex-direction:column;gap:12px;margin-bottom:36px}
.eh-drawer__cta a{padding:18px 22px;font-family:var(--f-display);font-size:18px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;text-align:center;border-radius:2px;display:flex;align-items:center;justify-content:center;gap:10px}
.eh-drawer__cta a.is-primary{background:#fff;color:var(--black)}
.eh-drawer__cta a.is-ghost{border:1.5px solid #fff;color:#fff}
.eh-drawer__cta svg{width:18px;height:18px}
.eh-drawer__info{margin-top:auto;padding-top:24px;border-top:1px solid #262626;font-size:13px;color:#aaa;display:flex;flex-direction:column;gap:14px;line-height:1.55}
.eh-drawer__info a{color:#fff;display:inline-flex;align-items:center;gap:8px}
.eh-drawer__info svg{width:14px;height:14px;opacity:.7;flex-shrink:0}
.eh-drawer__social{display:flex;gap:18px;align-items:center}
.eh-drawer__social a{display:inline-flex;align-items:center;gap:8px;color:#fff;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .2s ease}
.eh-drawer__social a:hover{border-color:#fff}

/* ============ MOBILE STICKY BAR ============ */
.eh-mbar{display:none}
@media (max-width:860px){
  .eh-top,.eh-top__inner{display:none !important}
  .eh-main__inner{padding:14px 18px;gap:12px;justify-content:space-between}
  .eh-logo img{height:64px}
  .eh-nav{display:none}
  .eh-actions{display:none}
  .eh-burger{display:block;color:var(--black);position:relative}
  .eh-mbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--black);z-index:200;border-top:1px solid var(--line)}
  .eh-mbar a{flex:1;padding:11px 0 9px;text-align:center;color:#fff;font-family:var(--f-display);font-size:13px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:3px}
  .eh-mbar a:last-child{border-right:0}
  .eh-mbar a.is-primary{background:#fff;color:var(--black);font-weight:700}
  .eh-mbar svg{width:18px;height:18px}
  body{padding-bottom:62px}
  .eh-drawer{padding:72px 22px 80px}
}
@media (max-width:480px){
  .eh-drawer__nav a{font-size:17px;padding:14px 4px}
  .eh-drawer__cta a{padding:14px 18px;font-size:13px}
}

/* ============ DEMO CONTENT BELOW ============ */
.eh-hero{max-width:1320px;margin:60px auto 40px;padding:0 28px;text-align:center}
.eh-hero h1{font-family:var(--f-display);font-size:clamp(40px,7vw,80px);letter-spacing:.08em;line-height:1;color:var(--black);margin-bottom:18px}
.eh-hero h1 i{font-style:normal;color:var(--black);opacity:.3}
.eh-hero p{font-family:var(--f-slab);font-size:18px;color:var(--mute);max-width:680px;margin:0 auto}
.eh-info{max-width:980px;margin:60px auto;padding:32px 28px;background:#fff;border-left:4px solid var(--black)}
.eh-info h2{font-family:var(--f-display);font-size:26px;letter-spacing:.08em;margin-bottom:18px}
.eh-info h3{font-family:var(--f-slab);font-size:17px;font-weight:700;margin:20px 0 10px;color:var(--black)}
.eh-info ul{margin:0 0 8px 20px}
.eh-info li{margin-bottom:6px;font-size:14.5px}
.eh-info code{font-family:Menlo,Consolas,monospace;background:#f3f3f3;padding:1px 6px;border-radius:3px;font-size:13px}
/* v1.2.0 cache-bust 1779100522 */
/* v1779100758 */