:root{
    --background-color:#fff;
    --Azul-Oscuro:#0E39A8;
    --Celeste:#009BDF;
    --Vinotinto: #56070c;
    --Rojo:#E93237;
    --sm:12px;
    --md:16px;
    --bg:18px;
}

body{
    background-image: var(--background-color);
    background-size: 100%;
    font-family: 'Quicksand', sans-serif;
    align-items: center;
    text-align: center;
}

.Page{

    margin: 80px auto;
    text-align: center;
    margin-left: 50px;
    
    
}
.Cont-Menu{
    font-family: 'Quicksand',sans-serif;
    margin: 0px auto;
    background-color: var(--Azul-Oscuro);
    height: 80px;
    border-radius: 20px;
    width: 1200px;
    display: flex;
    z-index: 1;
    position: sticky;
    display: flex;
    border-bottom: 10px;
    align-items: center;
    justify-content: center;
    margin-bottom: 2vw;
}

.Cont-Menu button:hover{
    background-color: #0E39A8;
    color: yellow;
}
.dropdown-item{
    background-color: #fff;
    margin-left: -10px;
}


.Cont-Menu h2{
    margin-top: 5%;
    width: 200px;
    font-size: 20px;
    color: yellow;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.Cont-Menu a{
    margin-top: 2%;
    font-size: 15px;
}

.Cont-Menu button{
    background-color: var(--Azul-Oscuro);
    border: none;
    border-bottom: 5px;
    color: #fff;
    text-decoration: none;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: -5px;
}



.Primary-Button:hover{
    color: yellow;
}

.Primary-Button{
    margin: auto;
    margin-right: 5px;
    text-decoration: none;
    background-color: transparent;
    border: none;
    color: var(--background-color);
    cursor: pointer;
    font-size: 20px;
    width: 200px;
    height: 80px;
}

.imagen{
    border-radius: 100%;
    background-color: var(--background-color);
    float: left;
    width: 150px;
    height: 130px;
    margin-top: -20px;
    margin-left: -3%;
}


.imagen-escudo{
    width: 100px;
}
.Menu-Visual-Cool{
    margin: 0px auto;
    background-color: #009BDF;
    width: 1000px;
    height: 20px;
    border-radius: 20px;
    margin-top: -5px;
    z-index: 0;

}

.Plataforma{
    margin-top: 4%;
}

.Horarios{
    margin-top: 2%;
}
.PQRS{
    margin-top: 4%;
}

.Contactenos{
    margin-top: 4%;
}
.imagen{
    border-radius: 100%;
    background-color: var(--background-color);
    float: left;
    width: 150px;
    height: 130px;
    margin-top: -20px;
    margin-left: -3%;
}


.imagen-escudo{
    width: 100px;
}

.Politica{
    width: 1200px;
    margin: 0 auto;
    background-color: #FFF;
    border-radius: 20px;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 1);
    padding: 10px;
}

.Cont-Final{
    border-radius: 25px;
    margin: 20px auto;
    background-color: #0E39A8;
    color: #fff;
    width: 1200px;
    justify-content: center;
    display: center;
    align-items: center;
}

.Cont-Final img{
    height: 50px;
}

.Cont-Final{
    border-radius: 25px;
    margin: 2vh auto;
    background-color: #0E39A8;
    color: #fff;
    width: 100%;
    height: 20vw;
    justify-content: center;
    display: center;
    align-items: center;
    font-size: 1vw;
    display: flex;
}

.ContF{
    width: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 5%;
}

.ContFe{
    width: 23.33%;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}


.Circulo-ContF{
    border-radius: 10vw;
    background-color: #FFF;
    width: 10vw;
    height: 10vw;
    align-items: center;
    display: flex;
    justify-content: center;

}

.Circulo-ContF img{
    width: 5vw;
    height: 5vw;
}

.Icontec{
    width: 10vw;
    height: 10vw;
    border-radius: 60vw;
    background-color: #FFF;
    align-items: center;
    display: flex;
    justify-content: center;
}

.Icontec img{
    width: 8vw;
}

@media (max-width: 800px){

    .Cont-Menu{
        display: none;
        visibility: hidden;
    }

    .Menu-Visual-Cool{
        display: none;
        visibility: hidden;
    }

    .Menu-Tel{
        visibility: visible;
    }

}



@media (min-width: 801px) {
    .Menu-Tel{
        visibility: hidden;
        display: none;
    }

    .Cont-Menu{
        visibility: visible;
    }
}