:root {
    --amarillo: #ffffff;
    --verde: #ba4e92; 
    --gris: #465055;
}
/*#465055este es el color gris de logotipos*/
/*#ba4e92este es el color rosa*/
/*#ff8300este es el naranja*/
/*#ffffffeste es el blanco*/
/*#cbced1 este es el gris de la pagina SSAS*/

@font-face {
    font-family: Garet-Bold;
    src: url('../fonts/Garet-Bold.ttf');
}

@font-face {
    font-family: Garet-Regular;
    src: url('../fonts/Garet-Regular.ttf');
}

* {
    font-family: Garet-Regular;
}

label {
    /* font-style: italic; */
    font-family: Garet-Bold;
    font-size: 1.0 em;
}

h5 {
    font-weight: bold;
    font-family: Garet-Bold;
}

.form-control {
    border-radius: 50px;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.mark {
    /* position: fixed; */
    /* width: 100%;
    height: 100%; */
    background-image: url("../img/watermark_500.png");
    background-repeat: repeat;
    background-size: 240px 240px;
    pointer-events: none;
}

.navbar {
    background-color: var(--amarillo);
}

.verde {
    background-color: var(--verde);
}

.amarillo {
    background-color: var(--amarillo);
}

img {
    -webkit-filter: drop-shadow(2px 2px 2px #222222);
    filter: drop-shadow(2px 2px 2px #222222);
}

img .noshd{
    -webkit-filter: drop-shadow(0px 0px 0px #222222);
    filter: drop-shadow(0px 0px 0px #222222);
}
.footer {
    position: relative;
    margin-top: -150px;
    height: auto;
    clear: both;
    padding-top: 20px;
    background-color: var(--gris);
    /* background-color: black; */
}
.ocultar{display:none;}