/* Preuniversitario Gauss — tokens globales KEMP */

:root {
  --purp-shade-100: #100928;
  --purp-shade-80:  #211250;
  --purp-shade-60:  #311B78;
  --purp-shade-40:  #4224A0;
  --purp-base:      #522DC8;
  --purp-tint-20:   #7557D3;
  --purp-tint-40:   #9781DE;
  --purp-tint-60:   #BAABE9;
  --purp-tint-80:   #DCD5F4;

  --mint-base:      #AEFFD8;
  --mint-shade-80:  #23332B;
  --mint-shade-60:  #466656;
  --mint-shade-40:  #689982;
  --mint-shade-20:  #8BCCAD;

  --lilac-base:     #FFA8F4;
  --lilac-shade-40: #996592;
  --lilac-tint-80:  #FFEEFD;

  --ink-base:       #1D1918;
  --ink-tint-40:    #777574;
  --ink-tint-60:    #A5A3A3;
  --ink-tint-80:    #D2D1D1;

  --red-base:       #E81500;
  --alice-base:     #B8D5FF;

  --white:          #FFFFFF;
  --black:          #000000;

  --wrap: 1180px;
  --pad: 24px;
}

@font-face {
  font-family: 'Helvetica World';
  src: url('../fonts/HelveticaWorld-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica World';
  src: url('../fonts/HelveticaWorld-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'Helvetica World', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  color: var(--ink-base);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-weight: 700;
  letter-spacing: 0;
  margin: 0 0 16px;
}

h1 { font-size: 44px; line-height: 1.0; }
h2 { font-size: 30px; line-height: 1.0; }
h3 { font-size: 20px; line-height: 1.1; }

p { margin: 0 0 16px; }
p:last-child { margin-bottom: 0; }

img { max-width: 100%; display: block; }

.eyebrow {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 0 0 14px;
}

.body-sm { font-size: 13px; line-height: 1.5; }

.data-number {
  font-size: 44px;
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: 0;
}

.wrap {
  width: 100%;
  max-width: var(--wrap);
  margin-inline: auto;
  padding-inline: var(--pad);
}

a { color: inherit; }

:focus-visible {
  outline: 2px solid var(--mint-base);
  outline-offset: 2px;
}

.visually-hidden {
  position: absolute; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

@media (min-width: 769px) {
  h1 { font-size: 68px; }
  h2 { font-size: 40px; }
  h3 { font-size: 22px; }
  .data-number { font-size: 60px; }
}

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

/* Escalas Brown Charcoal y Neo Mint (página Online y siguientes) */
:root {
  --charcoal:     #1D1918;
  --charcoal-80:  #4A4746;
  --charcoal-60:  #777574;
  --charcoal-40:  #A5A3A3;
  --charcoal-20:  #D2D1D1;
  --charcoal-10:  #EEEEEE;

  --mint:         #AEFFD8;
  --mint-tint-1:  #BEFFE0;
  --mint-tint-2:  #CEFFE8;
  --mint-tint-3:  #DFFFEF;
  --mint-tint-4:  #EFFFF7;
  --mint-shade-1: #8BCCAD;
  --mint-shade-2: #689982;
  --mint-shade-3: #466656;
  --mint-shade-4: #23332B;

  --red:          #E81500;

  --font: 'Helvetica World', Helvetica, Arial, sans-serif;
}

html, body { font-family: var(--font); letter-spacing: 0; }