/* Tipografía base */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;

}

body {
  /* font-family: "Inter", Arial, sans-serif; */
  font-family: "Open Sans", sans-serif;
  /* font-family: "Lato", sans-serif; */
  /* font-family: "Lato", sans-serif; */
  background-color: var(--color-fondo-pagina);
  font-size: var(--texto-regular);
  color: var(--color-texto-primario);
  padding: var(--espaciado-8) var(--espaciado-16);
}


p {
  position: relative;
  display: block;
  margin: 30px 0;

}

:is(h1, h2, h3, h4, h5, h6) {
  color: var(--color-texto-primario);
}

.color-primario {
  color: var(--color-primario);
}

.color-secundario {
  color: var(--color-secundario);
}

.color-texto-primario {
  color: var(--color-texto-primario);
}

.color-texto-secundario {
  color: var(--color-texto-secundario);
}

.color-texto-terciario {
  color: var(--color-texto-terciario);
}

.color-texto-cuaternario {
  color: var(--color-texto-cuaternario);
}