:root{
  --negro:#0B0B0B;
  --carbon:#161616;
  --gris-900:#212121;
  --gris-700:#3C3C3C;
  --gris-600:#565656;
  --gris-500:#6E6E6E;
  --gris-400:#9C9C9C;
  --gris-300:#C9C9C9;
  --gris-200:#E4E4E4;
  --gris-100:#F1F1F1;
  --blanco:#FFFFFF;
  --papel:#F7F7F7;

  --texto:#141414;
  --texto-suave:#4F4F4F;
  --texto-inverso:#F4F4F4;
  --texto-inverso-suave:#B9B9B9;

  --acento:#0B0B0B;
  --acento-oscuro:#161616;
  --rosa:#FF2E93;
  --rosa-oscuro:#D81B76;
  --violeta:#7B4DFF;
  --violeta-oscuro:#5A2FD6;
  --cian:#1FA2DF;
  --cian-oscuro:#0C7CB0;
  --verde:#86D14A;
  --error:#C11F45;
  --exito:#1C7A42;
  --foco:#6B45E8;

  --fuente-titulo:"Oswald","Arial Narrow",system-ui,sans-serif;
  --fuente-texto:"Archivo","Helvetica Neue",Arial,system-ui,sans-serif;

  --fs-display:clamp(2.6rem,6.2vw,5.25rem);
  --fs-h1:clamp(2.1rem,4.6vw,3.75rem);
  --fs-h2:clamp(1.7rem,3.2vw,2.6rem);
  --fs-h3:clamp(1.2rem,1.7vw,1.55rem);
  --fs-lead:clamp(1.05rem,1.5vw,1.3rem);
  --fs-body:1.0625rem;
  --fs-sm:0.9375rem;
  --fs-label:0.75rem;

  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;

  --r-xs:4px; --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:999px;

  --contenedor:1200px;
  --header-h:76px;
  --sombra:0 22px 48px -28px rgba(11,11,11,.5);
  --sombra-suave:0 10px 30px -22px rgba(11,11,11,.5);
  --transicion:220ms cubic-bezier(.2,.7,.3,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--fuente-texto);
  font-size:var(--fs-body);
  line-height:1.65;
  color:var(--texto);
  background:var(--blanco);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,svg{max-width:100%;display:block}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{
  font-family:var(--fuente-titulo);
  font-weight:600;
  line-height:1.05;
  letter-spacing:.005em;
  margin:0;
  text-wrap:balance;
}
p{margin:0}
strong{font-weight:700}
::selection{background:var(--violeta);color:#fff}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:3px solid var(--foco);
  outline-offset:2px;
  border-radius:var(--r-xs);
}

.visually-hidden{
  position:absolute!important;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:var(--sp-4);top:-100px;z-index:200;
  background:var(--negro);color:#fff;padding:12px 20px;border-radius:var(--r-sm);
  transition:top var(--transicion);
}
.skip-link:focus{top:var(--sp-4)}

.container{width:100%;max-width:var(--contenedor);margin-inline:auto;padding-inline:var(--sp-5)}
@media (min-width:768px){.container{padding-inline:var(--sp-6)}}

.section{padding-block:var(--sp-9)}
.section--tight{padding-block:var(--sp-8)}
.section--papel{background:var(--papel)}
.section--oscura{background:var(--negro);color:var(--texto-inverso)}
.section--oscura h1,.section--oscura h2,.section--oscura h3{color:#fff}

.eyebrow{
  font-family:var(--fuente-titulo);
  font-size:var(--fs-label);
  font-weight:600;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--gris-600);
}
.section--oscura .eyebrow{color:var(--gris-400)}

.lead{font-size:var(--fs-lead);line-height:1.6;color:var(--texto-suave);max-width:62ch}
.section--oscura .lead{color:var(--texto-inverso-suave)}

.texto-acento{color:var(--acento)}
.texto-violeta{color:var(--violeta)}
.texto-cian{color:var(--cian)}

.titulo-seccion{max-width:22ch}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}