/* ----- VARIABLES GENERALES ----- */
:root {
/* ----- colores fondo ----- */
    --color-primario: #021732;
    --color-secundario: #999999;
    --color-neutro: #f0f0f0;
    --color-boton: #021732;
    --color-borde-boton: #021732;
    --color-over-boton: #cccccc;
    --color-over-borde-boton: #cccccc;
    --color-barra: #cccccc;
/* ----- colores texto sobre fondos ----- */
    --color-sobre-primario: #ffffff;
    --color-sobre-secundario: #021732;
    --color-sobre-neutro: #021732;
    --color-sobre-barra: #ffffff;
    --color-sobre-boton: #ffffff;
    --color-sobre-over-boton: #021732;
/* ----- colores texto ----- */
    --color-destacado: #021732;
    --color-destacado2: #000000;
    --color-activo: #ffd70f;
    --color-inactivo: #808080;
    --color-generico: #021732;
    --color-over: #ffd70f;
/* ----- fuentes ----- */
    --fuente-titulos: Poppins, sans-serif;
    --fuente-generica: Poppins, 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: 2.5rem;
}