@import url('https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Rancho&display=swap');


:root {
    --blanco: white;
    --blancoHover: whitesmoke;
    --bordeBlanco: #ccc;
    --fondoBody: #F4F6F7;

    --negro: black;

    --verdePrincipal: #227070;
    --verdeHover:#1d5858;

    --degradado1: #a4a4a4;
    --degradado2: #888;

    --degradadoLink1: #f0f0f0;
    --degradadoLink2: #ccc;

    --bordeOscuro: #707070;

    --fondoInput:rgb(211, 211, 211);
    --bordeAzul: rgba(82, 168, 236, 0.8);

    --sombra1: rgba(0, 0, 0, .075);
    --sombra2: rgba(82, 168, 236, .6);

    --colorLabelDesplegable: #333;
    --fondoLabelContenedorDesplegable: #ddd;
    --fondoDesplegables:#dddddd;

    --bordeInputWRONG:rgb(214, 0, 0);
    --backgroundWRONG: rgb(255, 232, 232);
    --borderInputWRONG-FOCUS:rgba(255, 0, 0, 0.8);
    --colorTexto-WRONG-FOCUS: rgb(116, 42, 42);
    --sombraWRONG2:rgba(236, 82, 82, 0.6);
    --btnEnviarHOVER: rgb(25, 25, 133);
}