:root {

    --font-famili: 'Lato';
    --font-famili-regular: normal;

    --color-blanco: #fff;
    --color-rojo: #ff0000;
    --color-amarillo:#f8b400;
    --color-principal: #1268b0;
    --color-celeste2:#258ec7; /* Flechas */
    --color-azul: #00345d;
    --titulo-certificado-banner:#263c55;
    --color-verde-solido: #00567a;
    --fondo-convenios: #F1F0F1;
    --color-negro:#000;
    --color-plomo: #dee1e6;
    --franja-amarilla: #f8e636;

    --transparencia-cuadro-programas:rgba(20, 64, 158, 0.23);




    --fondo-contcto: #F3F3F3;

    --font-bebas: 'Bebas Neue', sans-serif;
    --font-lato: 'Lato', sans-serif;
    --font-lato-hairline: 'Lato Hairline', sans-serif;
    --font-monserrat: 'Monserrat', sans-serif;
    --font-roboto: 'Roboto', sans-serif;
}