* {
    margin: 0;
    padding: 0;
    width: 100%;
}

:root {
    --color_primario: #F8F9FB;
    --color_secundario: #0a4b96;
    --color_terciario: #313131;
    --color_acento: #ff7a0d;
    --color_confirmacion: #12d600;
    --color_input: #f1f1f1;
    --gris_oscuro:#a7a7a7;
    --azul_claro: #5c83bc;

    --color_secundario_hover: #0d3f79;
    
    --color_acento_hover: #da690d;
    --color_input_hover: #cecece;

    --color_principal_fuente: #212121;
    --color_secundario_fuente: #0a4b96;
    --color_terciario_fuente: #FF3636;
    --color_subtitulos: #ff9c2bff;
    --color_exito: #51be26;
    --acento_fuente: #F8F9FB;
    --azul_claro_fuente: #5c83bc;

    --color_secundario_fuente_hover: #0d3f79;

    --fuente_primaria: 'Montserrat';
    --fuente_secundaria: 'Arial Arrow';

    --tamano_ultra: 3rem;
    --tamano_ultra_mobile: 1.8rem;
    --tamano_extra_grande: 2rem;
    --tamano_grande: 1.6rem;
    --tamano_titulo: 1.4rem;
    --tamano_subtitulo: 1rem;
    --tamano_parrafo: 0.8rem;

    --radio_bordes: 4px;

    --margen_normal: 20px;
    --margen_extendido: 30px;

    --padding_campos: 0 7px;
    --padding_contraido: 10px;
    --padding_normal: 20px;
    --padding_extendido: 30px;

    --gap_contraido: 5px;
    --gap_normal: 15px;
    --gap_extendido: 30px;

    --sombra: 0 2px 12px rgba(33, 33, 33, 0.3);

    --transicion_rapida: all .3s ease-out;
    --transicion_media: all .6s ease-out;
}