/* Formateo */
* {
    margin: 0;
    padding: 0;
    width: 100%;
}

:root {
    /*** Colores ***/
    --color_primario: #212121;
    --color_secundario: #F8F9FB;
    --color_terciario: #0c6077;
    --color_acento: #ff7a0d;
    --color_confirmacion: #12d600;
    --color_input: #cacaca;

    /*** Colores hover ***/
    --color_terciario_hover: #0a4c5e;

    /*** Colores de texto ***/
    --color_principal_fuente: #F8F9FB;
    --color_secundario_fuente: #212121;
    --color_terciario_fuente: #1788a7;
    --color_acento_fuente: #ff7a0d;
    --color_error_fuente: #FF3636;
    --color_exito_fuente: #51be26;

    /*** Fuentes ***/
    --fuente_primaria: 'Montserrat', sans-serif;
    --fuente_secundaria: 'Arial Arrow', sans-serif;

    /*** Tamaños de fuente ***/
    --tamano_extra_grande: clamp(2rem, 5vw, 2.5rem);
    --tamano_grande: clamp(1.6rem, 4vw, 2rem);
    --tamano_titulo: clamp(1.2rem, 3vw, 1.5rem);
    --tamano_subtitulo: clamp(1rem, 2.5vw, 1.2rem);
    --tamano_parrafo: clamp(0.9rem, 2vw, 1rem);


    /*** Tamaño de bordes ***/
    --radio_bordes: 10px;

    /*** Espaciados ***/
    --margen_contraido: 5px;
    --margen_normal: 20px;
    --margen_extendido: 30px;

    /*** Padding ***/
    --padding_contraido: 5px;
    --padding_campos: 0 7px;
    --padding_contraido: 10px;
    --padding_normal: 20px;
    --padding_extendido: 30px;

    /*** Gaps ***/
    --gap_contraido: 5px;
    --gap_normal: 15px;
    --gap_extendido: 30px;

    /* Sombras */
    --sombra: 0 2px 12px rgba(33, 33, 33, 0.3);

    /* Transiciones */
    --transicion_rapida: all .3s ease-out;
    --transicion_media: all .6s ease-out;
    --transicion_lenta: all .8s ease-out;
}