@font-face{
  font-family:'Archivo';
  src:url('/fonts/archivo-var-latin.woff2?v=53181c3420') format('woff2-variations');
  font-weight:100 900;
  font-stretch:62% 125%;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Archivo Fallback';
  src:local('HelveticaNeue-CondensedBlack'), local('Helvetica Neue Condensed Black'), local('ArialNarrow-Bold'),
      local('Arial Narrow Bold'), local('Nimbus Sans Narrow Bold'), local('NimbusSansNarrow-Bold'), local('Arial Narrow');
  ascent-override:87.8%;
  descent-override:21%;
  line-gap-override:0%;
}
@font-face{
  font-family:'Geist';
  src:url('/fonts/geist-var-latin.woff2?v=4b75d9571f') format('woff2-variations');
  font-weight:300 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Geist Fallback';
  src:local('Arial'), local('Helvetica'), local('Liberation Sans');
  size-adjust:102.5%;
  ascent-override:95%;
  descent-override:24%;
  line-gap-override:0%;
}


@font-face{
  font-family:'Archivo Fallback';
  src:local('Arial Narrow'), local('Liberation Sans Narrow'), local('Arial'), local('Helvetica');
  size-adjust:83.8%;
  ascent-override:92%;
  descent-override:24%;
  line-gap-override:0%;
}

:root{
  --graphite:   #16181A;
  --graphite-2: #0E1012;
  --slate:      #2A2E33;
  --slate-2:    #3A4047;
  --bone:       #F4F5F3;
  --bone-dim:   #A8AEB2;
  --hivis:      #C8FF00;
  --hivis-dim:  #A8D400;
  --err:        #FF4D4D;
  --ok:         #4ADE80;

  --font-display:'Archivo','Archivo Fallback','Arial Narrow',sans-serif;
  --font-body:'Geist','Geist Fallback',system-ui,-apple-system,'Segoe UI',sans-serif;

  --t-xs:  12px;
  --t-sm:  14px;
  --t-base:16px;
  --t-md:  16.5px;
  --t-lg:  clamp(20px,2.4vw,26px);
  --t-h3:  clamp(24px,3.4vw,34px);
  --t-h2:  clamp(38px,7.4vw,88px);
  --t-h2-sm: clamp(30px,4.4vw,52px);
  --t-h1:  clamp(52px,11.4vw,148px);
  --t-mega:clamp(70px,15.5vw,286px);

  --s-1:4px;  --s-2:8px;  --s-3:12px; --s-4:16px; --s-5:20px;
  --s-6:24px; --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px;
  --s-20:80px; --s-24:96px;
  --s-sec:clamp(72px,11vw,148px);    

  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:24px; --r-pill:999px;

  --sh-nav:0 8px 26px -12px rgba(0,0,0,.7);
  --sh-hard:6px 6px 0 var(--graphite-2);
  --sh-hard-lime:6px 6px 0 var(--hivis);
  --sh-hard-bone:5px 5px 0 var(--bone);
  --sh-card:6px 6px 0 var(--graphite-2);
  --sh-cta:0 10px 26px -10px color-mix(in srgb, var(--hivis) 45%, transparent);

  --wrap:1200px;

  --card-1:#20242A;
  --card-2:#2B3037;
  --card-3:#373D45;
  --wrap-narrow:760px;
  --gutter:clamp(18px,4vw,24px);

  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(0.23, 1, 0.32, 1);    
}


*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html:not(.lenis){scroll-behavior:smooth}
body{
  margin:0;
  background:var(--graphite);
  color:var(--bone);
  font-family:var(--font-body);
  font-size:var(--t-base);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--hivis);outline-offset:3px;border-radius:var(--r-sm)}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.wrap-narrow{max-width:var(--wrap-narrow);margin:0 auto;padding:0 var(--gutter)}
.u-sec{padding:var(--s-sec) 0}
.center{text-align:center}
.center .lead{margin-left:auto;margin-right:auto}

.display{
  font-family:var(--font-display);
  font-weight:900;
  font-stretch:76%;
  text-transform:uppercase;
  line-height:.90;
  letter-spacing:.002em;    
  margin:0;
}
h1.display{font-size:var(--t-h1)}
h2.display{font-size:var(--t-h2)}
h3.display{font-size:var(--t-h3)}

.eyebrow{
  font-family:var(--font-display);
  font-weight:900;
  font-stretch:76%;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:var(--t-sm);
  color:var(--hivis);
  margin:0 0 var(--s-4);
}
.lead{max-width:56ch;color:var(--bone-dim);font-size:var(--t-md);font-weight:500;
  line-height:1.45;margin:var(--s-5) 0 0}

.line-mask{overflow:hidden!important;padding:.12em .06em;margin:-.12em -.06em}

.btn{
  position:relative;display:inline-flex;overflow:visible;
  border-radius:var(--r-md);cursor:pointer;border:0;background:none;
  isolation:isolate;text-decoration:none;
}
.btn .bm,.btn .bh{
  display:flex;align-items:center;justify-content:center;gap:var(--s-2);
  font-family:var(--font-display);font-weight:800;font-stretch:82%;
  text-transform:uppercase;letter-spacing:.04em;font-size:var(--t-base);
  padding:16px 28px;width:100%;white-space:nowrap;border-radius:inherit;
}
.btn .bh{position:absolute;inset:0;transform:translateY(120%);opacity:0;visibility:hidden}
.btn-hivis{background:var(--hivis);color:var(--graphite);box-shadow:var(--sh-cta)}
.btn-hivis .bh{background:var(--bone);color:var(--graphite)}
.btn-dark{background:var(--slate);color:var(--bone)}
.btn-dark .bh{background:var(--hivis);color:var(--graphite)}
.btn-graphite{background:var(--graphite);color:var(--bone)}
.btn-graphite .bh{background:var(--bone);color:var(--graphite)}
.btn-ghost{background:transparent;color:var(--bone);box-shadow:inset 0 0 0 2px var(--slate-2)}
.btn-ghost .bh{background:var(--bone);color:var(--graphite)}
.btn-sm .bm,.btn-sm .bh{padding:11px 18px;font-size:var(--t-sm)}
.btn-lg .bm,.btn-lg .bh{padding:19px 34px;font-size:var(--t-lg)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.4;pointer-events:none}
.btn{transition:transform 160ms var(--ease-out)}
.btn:active{transform:scale(.97)}
.nav_burger,.navmenu_close,.navmenu_close2{transition:transform 160ms var(--ease-out)}
.nav_burger:active,.navmenu_close:active,.navmenu_close2:active{transform:scale(.94)}


#site-nav{display:block;height:64px}
@media(max-width:560px){#site-nav{height:58px}}

#site-nav{position:sticky;top:14px;z-index:80}
.nav_component{position:static;padding:0 var(--s-4)}
[id]{scroll-margin-top:calc(64px + 14px + 12px)}
.navbar{
  width:fit-content;margin:0 auto;display:flex;align-items:center;gap:var(--s-5);
  background:var(--slate);border:1px solid var(--slate-2);
  border-radius:var(--r-lg);height:64px;padding:4px 4px 4px 20px;
  box-shadow:var(--sh-nav);max-width:calc(100vw - var(--s-8));
}
span.logo{cursor:default}
.logo{
  font-family:var(--font-display);font-weight:900;font-stretch:74%;
  text-transform:uppercase;letter-spacing:.02em;font-size:21px;
  text-decoration:none;color:var(--bone);white-space:nowrap;
  display:inline-flex;align-items:center;min-height:44px;
}
.logo:after{
  content:'';display:inline-block;width:.26em;height:.26em;border-radius:50%;
  background:var(--hivis);margin-left:.14em;vertical-align:.08em;
}
.nav_links{display:none;gap:var(--s-5);align-items:center}
.nav_links a{
  text-decoration:none;color:var(--bone-dim);font-size:var(--t-sm);font-weight:500;
  white-space:nowrap;transition:color .2s var(--ease);
}
.nav_links a:hover{color:var(--bone)}
.nav_cta{margin-left:auto}
.nav_burger{
  width:52px;height:52px;border:0;border-radius:var(--r-md);background:var(--graphite);
  display:grid;place-items:center;gap:5px;cursor:pointer;padding:0;
}
.nav_burger .burger-icono{display:grid;gap:5px}
.nav_burger .burger-icono span{display:block;width:20px;height:2px;background:var(--bone);border-radius:2px}
.nav_burger .burger-texto{display:none}
@media(min-width:1000px){
  .nav_links{display:flex}
  .nav_burger{display:none}
}
@media(max-width:560px){
  .navbar{gap:var(--s-3);padding:4px 4px 4px 14px;height:58px}
  .logo{font-size:18px}
  .nav_cta{display:none}
}

#navMenu{
  position:fixed;inset:0;z-index:90;background:var(--graphite-2);
  display:none;flex-direction:column;justify-content:flex-end;gap:var(--s-2);
  padding:var(--s-16) var(--gutter) calc(var(--s-10) + env(safe-area-inset-bottom));
  overscroll-behavior:contain;
}
#navMenu.open{display:flex}
#navMenu.open{
  opacity:1;transform:translateY(0);
  transition:opacity 220ms var(--ease-out),transform 220ms var(--ease-out);
  @starting-style{opacity:0;transform:translateY(8px)}
}
#navMenu a{
  font-family:var(--font-display);font-weight:900;font-stretch:78%;
  text-transform:uppercase;font-size:clamp(28px,8vw,44px);line-height:1.1;
  text-decoration:none;color:var(--bone);padding:var(--s-2) 0;
}
#navMenu a:hover{color:var(--hivis)}
.navmenu_close{
  position:absolute;top:22px;right:var(--gutter);width:52px;height:52px;
  border:0;border-radius:var(--r-md);background:var(--slate);color:var(--bone);
  font-size:26px;line-height:1;cursor:pointer;
}
.navmenu_close2{
  margin-top:var(--s-8);width:100%;min-height:56px;
  border:1.5px solid var(--slate-2);border-radius:var(--r-lg);
  background:transparent;color:var(--bone-dim);cursor:pointer;
  font-family:var(--font-body);font-size:var(--t-sm);font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;
}
.navmenu_close2:hover{color:var(--bone);border-color:var(--bone-dim)}

.brand-foot{
  background:var(--graphite-2);border-top:1px solid var(--slate-2);
  padding:var(--s-20) 0 0;margin-top:0;overflow:hidden;
}
.foot-grid{display:grid;grid-template-columns:1fr;gap:var(--s-10)}
@media(min-width:760px){.foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr}}
.foot-col h4{
  font-family:var(--font-display);font-weight:800;font-stretch:80%;
  text-transform:uppercase;letter-spacing:.09em;font-size:var(--t-sm);
  color:var(--hivis);margin:0 0 var(--s-4);
}
.foot-col a{
  display:flex;align-items:center;min-height:44px;
  text-decoration:none;color:var(--bone-dim);
  font-size:var(--t-sm);padding:var(--s-2) 0;
}
.foot-col a:hover{color:var(--bone)}
.foot-bottom{
  display:flex;flex-wrap:wrap;gap:var(--s-4);justify-content:space-between;
  align-items:center;
  border-top:1px solid var(--slate-2);margin-top:var(--s-12);
  padding:var(--s-4) 0 calc(var(--s-6) + env(safe-area-inset-bottom));
  color:var(--bone-dim);font-size:var(--t-xs);
}
.foot-bottom a{
  display:inline-flex;align-items:center;min-height:44px;
  color:inherit;text-decoration:underline;text-underline-offset:3px;
}
.foot-bottom a:hover{color:var(--bone)}
.foot-mega{
  font-family:var(--font-display);font-weight:900;font-stretch:70%;
  text-transform:uppercase;font-size:var(--t-mega);line-height:.8;
  color:var(--slate);transform:translateY(24%);user-select:none;
  text-align:center;margin:0;
}

.msticky{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  padding:var(--s-3) var(--s-4) calc(var(--s-3) + env(safe-area-inset-bottom));
  background:linear-gradient(to top,var(--graphite) 62%,transparent);
  transform:translateY(110%);transition:transform .3s var(--ease);
  display:flex;gap:var(--s-2);
}
.msticky .btn{flex:1}
.msticky.on{transform:translateY(0)}
@media(min-width:760px){.msticky{display:none}}

@media(max-width:759px){
  body:not([data-no-sticky]){
    padding-bottom:calc(86px + env(safe-area-inset-bottom));
  }
}

.card{
  background:var(--slate);border:1.5px solid var(--slate-2);
  border-radius:var(--r-xl);padding:var(--s-12) var(--s-8);
  box-shadow:var(--sh-hard);
}
.callout{
  background:var(--slate);border:1px solid var(--slate-2);
  border-left:4px solid var(--hivis);
  border-radius:var(--r-md);padding:var(--s-5) var(--s-6);
}
.chip{
  display:inline-block;background:var(--slate);border:1px solid var(--slate-2);
  border-radius:var(--r-pill);padding:8px 16px;font-size:var(--t-sm);
  color:var(--bone-dim);
}
a.chip{text-decoration:none;transition:border-color .2s var(--ease),color .2s var(--ease)}
a.chip:hover{border-color:var(--hivis);color:var(--bone)}

.crumbs{
  font-size:var(--t-xs);color:var(--bone-dim);
  padding:var(--s-6) 0 0;display:flex;flex-wrap:wrap;gap:var(--s-2);
}
.crumbs a{text-decoration:none;color:var(--bone-dim)}
.crumbs a:hover{color:var(--hivis)}
.crumbs span[aria-current]{color:var(--bone)}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:200;
  background:var(--hivis);color:var(--graphite);padding:var(--s-3) var(--s-5);
  font-weight:600;border-radius:0 0 var(--r-md) 0;
}
.skip-link:focus{left:0}

@media (prefers-reduced-motion: reduce){
  *{animation:none!important;scroll-behavior:auto!important}
  *{transition-property:color,background-color,border-color,opacity!important;transition-duration:140ms!important}
  .msticky{transition:none!important}
  .btn:active,.bk-opt:active,.bk-dia:active,.bk-head:active,.nav_burger:active,.navmenu_close:active,.navmenu_close2:active{transform:none!important}
}


.foot-bottom a { padding-inline: 10px; }
.foot-bottom span:last-child { margin-inline: -10px; }

@media (max-width: 560px) {
  :root { --s-sec: 60px; }
  :root { --t-h1: clamp(40px, 10.2vw, 96px); }
  .foot-grid { gap: var(--s-8); }
}

.logo-img { height: 26px; width: auto; display: block; }
.logo:has(.logo-img):after { display: none; }


@media (min-width: 760px) { .foot-grid { grid-template-columns: 1.5fr 1fr 1fr; } }

.foot-mega { white-space: nowrap; }
@media (max-width: 560px) { :root { --t-mega: clamp(38px, 13vw, 70px); } }

.foot-bottom span:last-child { margin-inline: 0; }
.foot-bottom span:has(> a[href$="terms.html"]) { margin-inline: -10px; }

.lead { max-width: 46ch; }

.navmenu_marca {
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 74%;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: .02em;
  color: var(--bone-dim);
  margin: 0 0 auto;
}
#navMenu .navmenu_cta {
  background: var(--hivis);
  color: var(--graphite);
  border-radius: var(--r-md);
  text-align: center;
  padding: 18px 24px;
  margin-top: var(--s-4);
  font-size: clamp(22px, 6vw, 30px);
}
#navMenu .navmenu_cta:hover { color: var(--graphite); }


:focus-visible {
  outline: 3px solid var(--hivis);
  outline-offset: 3px;
  box-shadow: 0 0 0 6px var(--graphite-2);
}
main:focus { outline: none; }

.nav_burger { flex: none; }
.logo { min-width: 0; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 400px) {
  .btn .bm, .btn .bh { white-space: normal; }
  :root { --s-12: 24px; --s-16: 32px; }
}

.foot-col .foot-h {
  font-family: var(--font-display);
  font-weight: 800;
  font-stretch: 80%;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: var(--t-sm);
  color: var(--hivis);
  margin: 0 0 var(--s-4);
}

.foot-mega { font-size: min(var(--t-mega), 13vw); }


h1, h2, h3, .display, .eyebrow, .pain-card b, .coin-card b, .pg-more b, .pg-callout b, .bk-tit, .bk-hecho b { text-wrap: balance; }

@media (max-width: 759px) {
  :root { --t-xs: 13px; }
}

.pg-crumbs span[aria-current], .crumbs span[aria-current] { opacity: 1; color: var(--bone); }
.pg-crumbs a, .crumbs a { min-width: 44px; padding-inline: 5px; margin-inline: -5px; justify-content: flex-start; }

@media (max-width: 759px) {
  .foot-grid { gap: var(--s-6); }
  .foot-bottom { margin-top: var(--s-8); }
}


html[data-modo="tactil"] :focus-visible, html[data-modo="raton"] :focus-visible { outline: none; box-shadow: none; }


.nav_burger:active .burger-icono span, .nav_burger:active .burger-texto { background: var(--hivis); color: var(--hivis); }
.nav_burger:focus-visible { outline-offset: -3px; box-shadow: none; }

.navbar[data-menu="a"] .nav_burger { width: 44px; height: 44px; padding: 0; background: transparent; border: 0; }
.navbar[data-menu="a"] .burger-icono { gap: 3px; }
.navbar[data-menu="a"] .burger-icono span { width: 18px; height: 2.5px; }

.navbar[data-menu="b"] .nav_burger { width: 52px; height: 52px; padding: 0; background: var(--graphite); border: 0; border-radius: var(--r-md); }
.navbar[data-menu="b"] .burger-icono { gap: 5px; height: 100%; align-content: stretch; place-items: center; }

.navbar[data-menu="c"] .nav_burger { width: auto; min-width: 44px; height: 44px; padding: 0 0 0 10px; background: transparent; border: 0; }
.navbar[data-menu="c"] .burger-icono { display: none; }
.navbar[data-menu="c"] .burger-texto {
  display: block; font-family: var(--font-display); font-weight: 900; font-stretch: 78%;
  text-transform: uppercase; letter-spacing: .06em; font-size: 15px; color: var(--bone); line-height: 1;
}

@media (max-width: 560px) {
  .navbar { gap: 2px; }
  .navbar[data-menu="a"] { padding: 4px 1px 4px 14px; height: 52px; }
  .navbar[data-menu="b"] { padding: 4px 4px 4px 14px; height: 58px; gap: 12px; }
  .navbar[data-menu="c"] { padding: 4px 14px 4px 14px; height: 52px; }
  #site-nav:has(.navbar[data-menu="a"]), #site-nav:has(.navbar[data-menu="c"]) { height: 52px; }
  #site-nav:has(.navbar[data-menu="b"]) { height: 58px; }
}
.pie-corto { padding: var(--s-8) 0 calc(var(--s-8) + 72px); }
.pie-corto .logo-pie { height: 64px; width: auto; display: block; }
.pie-enlaces { display: flex; flex-wrap: wrap; gap: 0 18px; margin: 16px 0 8px; }
.pie-enlaces a { color: var(--bone); min-height: 44px; display: inline-flex; align-items: center; font-size: 15px; }
.pie-legal { font-size: 13px; color: var(--bone-dim); margin: 0; line-height: 1.5; }
.pie-legal a { color: var(--bone-dim); }