@font-face{font-family:"Inter";font-style:normal;font-weight:300 700;font-display:swap;src:url("/assets/fuentes/inter-260c81a4.woff2") format("woff2")}
@font-face{font-family:"Silkscreen";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fuentes/silkscreen-5eef6cee.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 500;font-display:swap;src:url("/assets/fuentes/jetbrainsm-b636a65d.woff2") format("woff2")}

:root{
  --negro:#050505;--negro-2:#0a0a0c;--blanco:#fafafa;--gris:#8e8e93;--gris-2:#5a5a5a;
  --linea:rgba(255,255,255,.1);--linea-2:rgba(255,255,255,.28);--rojo:#e11d48;
  --sans:"Inter",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--pixel:"Silkscreen",monospace;
  --gutter:clamp(1.25rem,4vw,3.5rem);--maxw:1240px;--sp:clamp(3rem,7vw,6rem);--r:6px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--negro);color:var(--blanco);font-family:var(--sans);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,canvas,svg{display:block;max-width:100%}
figure{margin:0}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:inherit}
:focus-visible{outline:2px solid var(--blanco);outline-offset:3px}
::selection{background:var(--blanco);color:var(--negro)}
h1,h2,h3{font-weight:600;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(1.75rem,1.2rem + 2.4vw,3rem)}
h2{font-size:clamp(1.35rem,1.1rem + 1.2vw,2rem)}
h3{font-size:1.0625rem}
.eti{font-family:var(--mono);font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.gris{color:var(--gris)}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem 1.3rem;border-radius:var(--r);border:1px solid transparent;background:var(--blanco);color:var(--negro);font-size:1rem;font-weight:600;letter-spacing:-.01em;cursor:pointer;transition:background .18s,color .18s}
.btn:hover{background:var(--rojo);color:var(--blanco)}
.btn--linea{background:transparent;color:var(--blanco);border-color:var(--linea-2)}
.btn--linea:hover{border-color:var(--blanco);background:transparent;color:var(--blanco)}
.btn--sm{min-height:44px;padding:.45rem 1rem;font-size:.9375rem}
.btn svg{width:15px;height:15px;flex:none}

.cabecera{position:fixed;inset:0 0 auto 0;z-index:200;border-bottom:1px solid transparent;transition:background .25s,border-color .25s}
.cabecera[data-fijo="true"]{background:rgba(5,5,5,.92);backdrop-filter:blur(14px);border-bottom-color:var(--linea)}
.cabecera__in{display:flex;align-items:center;gap:1rem;min-height:64px}
.marca{display:flex;align-items:center;gap:.55rem;font-size:.9375rem;font-weight:600;letter-spacing:-.01em;flex:none}
.marca img{width:28px;height:28px;image-rendering:pixelated}
.cabecera__nav{display:flex;align-items:center;gap:1.2rem;margin-left:auto;font-size:.9375rem}
.cabecera__nav a,.cabecera__nav button{color:var(--gris);transition:color .2s;position:relative}
.cabecera__nav a:hover,.cabecera__nav button:hover,.cabecera__nav a[aria-current="page"]{color:var(--blanco)}
.cabecera__nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--blanco)}
.cabecera__cta{display:flex;align-items:center;gap:.5rem;flex:none;margin-left:1rem}
.burger{display:none;width:44px;height:44px;border:1px solid var(--linea);border-radius:var(--r);place-items:center}
.burger span,.burger span::before,.burger span::after{width:15px;height:1.5px;background:var(--blanco);display:block;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-5px}.burger span::after{top:5px}
.menu{position:fixed;inset:0;z-index:190;background:var(--negro);padding:5rem var(--gutter) 2rem;display:none;flex-direction:column;overflow-y:auto}
.menu[data-abierto="true"]{display:flex}
.menu a,.menu button{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;min-height:44px;border-bottom:1px solid var(--linea);font-size:1.0625rem;width:100%;color:inherit}
.menu span{font-family:var(--pixel);font-size:1.5rem;color:var(--gris)}
.skip{position:absolute;left:-9999px;top:0;z-index:9000;background:var(--blanco);color:var(--negro);padding:.8rem 1.2rem;font-weight:600}
.skip:focus{left:0}

.pie{border-top:1px solid var(--linea);padding-block:2.2rem 1.5rem;font-size:.875rem;color:var(--gris);position:relative;z-index:2}
.pie__in{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;flex-wrap:wrap}
.pie__links{display:flex;gap:1.2rem;flex-wrap:wrap}
.pie__links a:hover{color:var(--blanco)}
.pie__firma{margin-top:1.2rem;padding-top:1.1rem;border-top:1px solid var(--linea);display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-family:var(--mono);font-size:.875rem;color:var(--gris-2)}
.volver{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;font-size:.9375rem;color:var(--gris);border:1px solid var(--linea);border-radius:var(--r);padding:.45rem .9rem}
.volver:hover{color:var(--blanco);border-color:var(--linea-2)}

.aviso{position:fixed;left:50%;bottom:1.4rem;transform:translateX(-50%);z-index:5000;background:var(--negro-2);border:1px solid var(--linea-2);border-radius:var(--r);padding:.7rem 1.1rem;font-size:.9375rem;color:var(--blanco);box-shadow:0 12px 40px rgba(0,0,0,.45);max-width:min(90vw,420px);text-align:center}
.aviso[hidden]{display:none}

.js [data-rev]{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.js [data-rev][data-visto="true"]{opacity:1;transform:none}

@media (max-width:900px){
  .cabecera__nav{display:none}
  .burger{display:grid}
  .cabecera__cta{margin-left:auto}
  .cabecera__cta .btn{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js [data-rev]{opacity:1;transform:none}
}