/* ----- VARIABLES GENERALES ----- */
:root {
/* ----- colores fondo ----- */
    --color-primario: #000000;
    --color-secundario: #45c1c9;
    --color-neutro: #f0f0f0;
    --color-boton: #000000;
    --color-borde-boton: #000000;
    --color-over-boton: #45c1c9;
    --color-over-borde-boton: #45c1c9;
    --color-barra: #45c1c9;
/* ----- colores texto sobre fondos ----- */
    --color-sobre-primario: #ffffff;
    --color-sobre-secundario: #ffffff;
    --color-sobre-neutro: #000000;
    --color-sobre-barra: #ffffff;
    --color-sobre-boton: #ffffff;
    --color-sobre-over-boton: #ffffff;
/* ----- colores texto ----- */
    --color-destacado: #000000;
    --color-destacado2: #000000;
    --color-activo: #45c1c9;
    --color-inactivo: #808080;
    --color-generico: #000000;
    --color-over: #45c1c9;
/* ----- fuentes ----- */
    --fuente-titulos: Exo, sans-serif;
    --fuente-generica: Exo, sans-serif;
    --fuente-alternativa: Poppins, sans-serif;
/* ----- tamaņos fuentes ----- */
    --tamano-1: 0.875rem;
    --tamano-2: 1rem;
    --tamano-3: 1.125rem;
    --tamano-4: 1.75rem;
    --tamano-5: 3rem;
}