/* --- VARIABLES --- */

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


:root {

    /*fuentes*/
    --f-general: 'Open Sans', sans-serif;

    /*colores*/
    --c-azul: #245BF3;
    --c-azul-oscuro: #0D12A5;
    --c-azul-claro: #BCBCF9;
    --c-negro: #05073F;
    --c-blanco: #FFF;
    --c-gris: #F4F6FA;


    /*degradados*/
    --deg-oscuro: radial-gradient(42.68% 223.16% at 50.83% 50%, var(--c-negro) 0%, var(--c-azul-oscuro) 100%);
    --deg-claro: radial-gradient(42.68% 223.16% at 50.83% 50%, var(--c-blanco) 0%, var(--c-azul-claro) 100%);

    /*transiciones*/
    --transition: all 0.35s ease; 

}