body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-poppins: Poppins;
  --font-raleway: Raleway;
  --font-decimanova-regular2: DecimaNova-Regular2;
  --font-decimanova: DecimaNova;

  /* font sizes */
  --font-size-5xl: 24px;
  --font-size-lg: 18px;
  --font-size-9xl: 28px;
  --font-size-mini: 15px;
  --font-size-4xl: 23px;
  --font-size-xl: 20px;
  --font-size-6xl: 25px;
  --font-size-26xl: 45px;
  --font-size-lgi: 19px;
  --font-size-10xl: 29px;
  --font-size-3xl: 22px;

  /* Colors */
  --color-white: #fff;
  --color-red-100: #dc0001;
  --color-red-200: #dc0000;
  --color-dimgray-100: #707070;
  --color-dimgray-200: #516270;
  --color-black: #000;
  --color-gainsboro: #dadcde;
  --color-darkgray: #a1adb5;
  --color-link: #0079bc;
}

/* Sin `:visited` en el selector a propósito: en este tema el enlace visitado se
   pinta igual que el normal, y eso se consigue no escribiendo ninguna regla
   `:visited` en ninguna parte. Un `a:visited` tiene especificidad (0,1,1) y le
   gana a TODAS las reglas de clase de los enlaces —`.cta`, `.header-cta`,
   `.cta-matriculacion`, `.familias-cta`, `.modules-cta` son (0,1,0)— y también a
   `nav ul li a` (0,0,4), así que en cuanto exista uno, el enlace visitado deja de
   respetar su propio color. El morado que se veía en los botones "Reserva de
   plaza" salía del `a:visited { color: #800080 }` que traía la base de _s en
   style.css; está quitado allí, junto con su `a { color: #4169e1 }`, que este
   `inherit` ya tapaba por orden de carga. */
a {
  color: inherit; /* Hereda el color del texto del contenedor */
  text-decoration: none;
}
/*
* {
  box-sizing: border-box;
}

*/