/*****FONTS*****/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.white{
    color: white;
}

a{
    text-decoration: none;
    color: black;
}
a:link{
    text-decoration: none;


}
a:visited {
    text-decoration: none;

}

a:focus{
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #00AA95;
}
a:active{
    text-decoration: none;
}


p{
    font-weight: normal;
    line-height: 1.8;
    margin-top: 0;
    margin-bottom: 1rem;
}

body{
    /* background-size: 100% auto;
    background-repeat: repeat-y;
    background: radial-gradient(circle at 67.6% 20.39%, rgba(255,255,255,0.5), transparent 69%),
                radial-gradient(circle at 88.75% 28.67%, rgba(255,255,255,0.5), transparent 60%),
                radial-gradient(circle at 13.33% 0.38%, #c8f7f4, transparent 38%),
                radial-gradient(circle at 86.77% 1.6%, #bfd4f5, transparent 39%),
                radial-gradient(circle at 81.09% 74.15%, rgba(255,255,255,0.5), transparent 57%),
                radial-gradient(circle at 67.81% 96.71%, #bedbf7, transparent 36%),
                radial-gradient(circle at 50% 50%, #ffffff, #ffffff 100%) ;
    background-repeat: no-repeat; */
    background-color: #e4faf8;
    color: #002647;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.header {
    width: 800px;
    height: 100px;
    margin: 10px 0;
    padding-top: 5px;
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 30px;
    left: calc((100vw - 800px) / 2);
    z-index: 99;
    background: linear-gradient(198.35deg, #FFFFFF 31.67%, rgba(255, 255, 255, 0.6) 87.55%);
    backdrop-filter: blur(4px);
}

.header img{
    width: 125px;
}

/*****FOOTER*****/
footer{
    display: block;
    float: left;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px 0px 0px;
    background: radial-gradient(circle at 1% 1%, rgba(0,245,227,0.5), transparent 10%),radial-gradient(circle at 99% 99%, rgba(0,245,227,0.5), transparent 10%),radial-gradient(circle at 50% 50%, #002D55, #002D55 100%);
}
.disclamer{
    float: left;
}
.menu-footer{
    display: block;
    float: left;
    padding-top: 20px;
}
.logo-container{
    display: block;
    float: left;
    width: 100%;
    height: 100px;
    margin: 30px 0px;
    padding-left: 50px;
}
.logo-container img{
    display: block;
    float: left;
    width: 150px;
    height: auto;
}
.info-img{
    width: 30px;
    height: 30px;
}
.log-rncefooter{
    height: 100% !important;
    width: auto !important;
}
.socialnet-container{
    display: block;
    float: left;
    width: 100%;
    height: auto;
}
.socialnet{
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    margin-right: 20px;
    margin-bottom: 40px;
}
.facebook{
    background-image: url("../img/icons/ico-footer-facebook.svg");
}
.twitter{
    background-image: url("../img/icons/ico-footer-twitter.svg");
}
.youtube{
    background-image: url("../img/icons/ico-footer-youtube.svg");
}
.instagram{
    background-image: url("../img/icons/ico-footer-instagram.svg");
}
.linkedin{
    background-image: url("../img/icons/ico-footer-linkedin.svg");
}
.tiktok{
    background-image: url("../img/icons/ico-footer-tiktok.png");
}
.buttons-section-r{
    display: flex;
    justify-content: center;
    height: auto;
    float: left;
}
.content-footer{
    display: flex;
    width: 100%;
    height: auto;
    padding-top: 20px;

}
.content-sections{
    padding: 0px 20px 0px 0px;
}

/******FOOTBUTTONS****/
.bar-footer{
    margin-bottom: 60px;
    width: 100%;
    background-color:  #021C34;
    text-align: center;

}
.container-buttons{
    margin: 0;
    padding: 0;
}
.buttons-section{
    vertical-align: middle;
}
.buttons{
    list-style: none;
    margin: 0;
    padding: 0;
}
.button-link{
    display: block;
    float: left;
    width: 100%;
    height: 65px;
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: 25% 50%;
    background-color: #002D55;
    color: #4D6C88;
    /* color: #ffffff; */
    font-size: 14px;
    text-align: center;
    padding-top: 25px;
}
.institutional{
    background-image: url("../img/institucional.png");
}
.services {
    background-image: url("../img/servicios.png");
}
.cedae{
    background-image: url("../img/CEDAE.png");
    background-position: 20% 50% !important;
}
.active-button{
    background-color: #00F5E8 !important;
    color: #002D55;

}

.active-button:hover{
    color: #002D55;
}