:root{
    --firstcolor: #85B6CA;
    --secondcolor: #4E6F7C;
    --threecolor: #A2F1F3;
    --fourcolor: #B0B4B3;
    --fivecolor: #E0E0E0;
    --sixcolor: #425A64;
}
body, a, h1, h2, h3, h4, h5, h6, p, div{
    font-family: "Lexend Deca", sans-serif ;
    
}
body{
    width: 100%;
    /*height: 500px;*/
    background: linear-gradient(
        var(--firstcolor), 
        var(--sixcolor) 
        );
    /*background: rgb(133,182,202);
    background: linear-gradient(180deg, rgba(133,182,202,1) 0%, rgba(66,90,100,1) 100%);*/
}
.degranded2colorcontainer{
    background: linear-gradient(311deg, rgba(133, 182, 202, 1) 69%, rgba(66, 90, 100, 0.5) 100%) !important;
}
.degranded2colorcontainer img{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.container-peps7{
    padding: 0% 15%;
}
.secondcolortext{
    color: var(--secondcolor) !important;
}
.whitetext{
    color: white;
    text-align: justify;
    font-size: 1.2rem;
}
.container-start{
    border-top-right-radius: 40px 40px !important;
    border-top-left-radius: 40px 40px !important;
}

/*---------- Nav -----------*/
a.nav-link, .navbar-nav .nav-link{
    color: white;
    font-weight: 300;
    padding: 5% 10%;
}
nav.navbar{
    align-items: center;
    z-index: 5;
    position: fixed;
    width: 92%;
    left: 4%;
    background: var(--firstcolor);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.dropdown-menu {
    text-align: center !important;
}
.dropdown-item {
    font-size: 0.7rem;
    text-align: center;
}
a.dropdown-item {
    color: var(--secondcolor);
    font-weight: 500;
}
.dropdown-divider {
    border-top: 1px solid var(--firstcolor) !important;
}
.navbar-nav{
    align-items: center;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, a.nav-link:hover{
    color: white !important;
    font-weight: 800;
    list-style: disc;
}
span.dot.active{
    display: inline-block;
    color: var(--threecolor);
}
span.dot{
    display: none;
}
#navbarSupportedContent{
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    margin: 0% 3%;
    justify-content: space-evenly;
    width: 75%;
}
.container-cotacto{
    display:flex;
    align-items: center;
    width: 33%;
}
a.button-contacto{
    background: white;
    color: var(--secondcolor);
    padding: 7% 8%;
    border-radius: 10px;
    width: max-content;
    text-decoration: none;
}
a.button-contacto:hover, a.button-contacto.active {
    color: white;
    font-size: 800 !important;
    background: var(--secondcolor);
    /*color: var(--secondcolor) !important;*/
    /*padding: 7% 8.5%;*/
}
a.nav-link.button-contacto:hover{
    font-size: 500 !important;
}
.container-logo{
    background: white;
    border-radius: 10px;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0% 1%;
}
.container-cotacto.cotainer-movil{
    display: none;
}
.cotainer-social{
    display: flex;
}
.cotainer-socia img{
   width: 100%;
}
.container-social a.nav-link:hover{
    width: 125%;
    padding: 2%;
    background: var(--fivecolor)!important;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important;
}
.cotainer-social a.nav-link {
    width: 100%
}
.dropdown-item:focus, .dropdown-item:hover{
    color: var(--secondcolor) !important;
}
/*-------------Carroussel-------------*/
.container-border{
    padding: 0% 5%;
    padding-top: 10%;
}
.img-slider{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.upcontentcarrousel{
    position: relative;
    height: 150px;
    position: relative;
    z-index: 1;
    width: 100%;
}
.text-carrousel{
    color:white;
    height: 150px;
    position: relative;
    z-index: 1;
    width: 75%;
}
.upcontentcarrousel .imgmark{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: -12%;
}
.txt-carrusel{
    font-size: 4.5rem;
}
.img-slider-marcadeagua{
    width: 40%;
    opacity: 40%;
}
/*----------------HOME Sección 2----------------------*/
.container-white{
    background: white;
    padding: 4% 4%;
}
.container-white-pt0pb0{
    background: white;
    padding: 0% 4%;
}
.lettercontainerwhite{
    color: var(--secondcolor);
    text-align: justify;
}
.lettercontainerwhite p{
    color: var(--secondcolor);
    font-size: 1.1rem;
}
.container-white p{
    color: var(--secondcolor);
    text-align: justify;
    
}
.white-containerright{
    border-right: 3.5px solid var(--firstcolor);
    border-bottom: 3.5px solid var(--firstcolor);
    border-bottom-right-radius: 20px;
    padding-right: 2% !important;
    padding-bottom: 2% !important;
    height: fit-content;
}
/* HOME Sección3*/
.title-container{
    width: 100%;
    color: var(--sixcolor);
}
.title-container img{
    width: 90%;
    margin-top: -25%;
    margin-left: 21%;
    margin-bottom: -2%;
}
span.txt-container3{
    font-size: 2rem;
    line-height: 0.1;
}
.colorcontainer{
    background: linear-gradient(
        white, 
        var(--fourcolor) 
        );
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 2% 1%;
}
.group-container3{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-around;
    align-content: stretch;
    padding-top: 5%;
    /*align-items: center;*/
}
.group-container3 img{
    width: 30%;
    margin-bottom: -20%;
    margin-left: 10%;
    /* text-align: start; */
    z-index: 1;
}
.txtgroup-container3{
    background: white;
    margin: 5%;
    border-radius: 20px;
    border: 3px solid var(--firstcolor);
    height: 150px;
    padding: 15% 5%;
    text-align: left;
    align-items: start;
    /* width: 92%;*/
}
.container3.container-white p{
    text-align: left;
}
/*-----------HOME Conteiner4-----------*/
.container4 .containerleftborder{
    border-top: 4px solid var(--firstcolor);
    border-right: 4px solid var(--firstcolor);
    border-top-right-radius: 20px;
    padding-right: 4%;
    padding-top: 2%;
}
.container4 h1{
    color: var(--sixcolor);
}
.container4 h1 span{
    font-size:3.8rem;
}
.sinmargin{
    width: 78%;
    margin-bottom: -38%;
    padding-top: 10%;
}
/*------------HOME Container----------5*/
.container5 .backgroundimage{
    width: 90%;
    margin-left: -13%;
    margin-top: -25%;
}
.container5 .backgroundimage2{
    margin-top: -50%;
    width: 86%;
}
.degrandedcolorcontainer{
    /*background: linear-gradient(        var(--firstcolor),         var(--sixcolor)         );
    */background: rgb(133,182,202);
    background: linear-gradient(273deg, rgba(133,182,202,1) 0%, rgba(66,90,100,1) 100%);
    width: 100%;
    height: fit-content;
    border-radius: 20px;
    padding: 0% 3%;
}
.degrandedcolorcontainer h1, .container5 .degrandedcolorcontainer p{
    color:white;
}
.degrandedcolorcontainer .txt-title{
    font-size: 4rem;
}
.degrandedcolorcontainer .txt-pharagraph{
    font-size: 1.5rem;
}
/*---------HOME Sección 6----------*/
.container6.container-white h1{
    color:var(--secondcolor);
    line-height: 1.3;
}
.container6.container-white h1 span{
    color:var(--secondcolor);
    line-height: 1.3;
    font-weight: 500;
    font-size: 3.5rem;
}
.container6.container-white img{
    border-radius: 20px;
    width: 100%;
}
.container6.container-white {
    color: var(--secondcolor);
}
.container6.container-white svg{
    color: white;
    background: var(--firstcolor);
    border-radius: 127px;
    width: 40px;
    height: 40px;
    margin-right: 3%;
    margin-left: 10%;
}
.container6.container-white ul{
    list-style: none;
    padding-left: 0rem;
    color: var(--secondcolor);
    font-size: 1.2rem;
    /*padding-right: 5%;*/
}
.container6.container-white ul li{
    padding: 1% 0%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.container6.container-white .txt-li{
    width: 100%;
    padding-left: 5%;
    line-height: 1.3;
    font-size: 1rem;
}
.container6.container-white .txt-right{
    color: var(--secondcolor);
    font-size: 1.1rem;
}
/*----------------HOME Sección 7---------------*/
.container7 h1{
    color: var(--secondcolor);
    font-size: 3.5rem;
}
.container7.container-white p{
    font-size: 1.1rem;
    line-height: 1;
    line-height: 1.3;
}
.container7 .bottones {
    display:flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 0px;
}
.container7 .bottones p{
    background: var(--firstcolor);
    padding: 3% 4%;
    color:white;
    width: fit-content;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1rem;
    margin: 0% ;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}
.container7 .bottones p svg{
    width:30px;
    height: 30px;
}
.container7 .backgroundimage{
    /*width: 154%;*/
    width: 151.7%;
    /* margin-right: -10%; */
    margin-left: -31.5%;
    padding-right: 0%;
    margin-top: -72%;
    margin-bottom: -50%;
    transform: rotate(180deg);
}

.container7 .imagediente{
    width: 92%;
    margin-top: -19%;
    padding-left: 10%;
}
.container7 .containerleft{
    display: flex;
    flex-direction: row;
    /* align-content: center; */
    align-items: center;
    justify-content: flex-start;
}
.container7 .containerleft img{
    width: 80%;
}
.container7 .txt-list p{
    /*padding-left: 2%;*/
    font-size: 0.9rem;
    text-transform: uppercase;
}
.container7 .txt-list span{
    font-weight: normal;
    font-size: 0.7rem;
}
.container7 .boton-calendar a{

    text-decoration: none;
    color: white;
    font-weight: 600;
    background: var(--secondcolor);
    padding: 2% 8%;
    font-size: 1.5rem;
    border-radius: 20px;
}
/*----------FOOTER----------*/
/*footer{
}*/
.containerfooter{
    /*background: linear-gradient(273deg, rgba(133, 182, 202, 1) 0%, rgba(66, 90, 100, 1) 100%);*/
    background: linear-gradient(273deg, rgba(133, 182, 202, 1) 0%, rgba(78, 111, 124, 1) 100%);
    padding: 0% 1%;
    padding-top: 6%;
    padding-bottom: 6%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 18%;
}
a.stylelink-footer p, p.stylelink-footer{
    font-size: 0.8rem;
}
footer img{
    width: 85%;
}
footer a, footer p{
    text-decoration: none;
    color:white;
    font-size: 0.7rem;
}
/*----------------QUIENES SOMOS--------------*/
.graydegradedcolorcontainer{
    background: linear-gradient( rgba(176, 180, 179,1) 0%, rgb(255, 255, 255) 100%);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.graylightdegradedcolorcontainer{
    background: linear-gradient( rgba(176, 180, 179,0.4) 0%, rgb(255, 255, 255) 40%);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.botton-mvs{
    text-decoration: none;
    color: white;
    background: var(--firstcolor);
    padding: 0% 4%;
    border-radius: 14px;
    font-size: 2.5rem;
    font-weight: 500;
}
.generalcontainer-mvs{
    padding: 3% 2%;
}
.generalcontainer-mvs img{
    border-radius: 20px;
    width: 100%;
}
.container-mision, .container-valores, .container-vision{
    padding: 0% 3%;
}
.container-mision .botton-mvs, .container-valores .botton-mvs, .container-vision .botton-mvs{
    padding: 0% 8%;
    font-size: 1.9rem;
    font-weight: 400;
}
.container-mvs{
    background: var(--secondcolor);
    padding: 5%;
    border-radius: 20px;
    margin-right: 5%;
}
.container-mvs h1, .container-mvs p{
    color: white;
}
.container-mvs p {
    line-height: 1.2; 
    font-size: 1.2rem;
    letter-spacing: 1px;
    font-weight: 300;
}
/*-----------------CONTACTO------------------*/
img.bluebackground{
    width: 70%;
    margin-top: -40%;
    margin-bottom: -26%;
    margin-left: -12%;
    transform: rotate(180deg);
}
.container6.container-white .containersocial{
    padding: 4% 3%;
}
.container6.container-white .containersocial div{
    padding: 2% 2%;
}
.container6.container-white .containersocial img{
    width: 80%;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
}
.container6.container-white .containersocial a{
    text-decoration: none;
    color: var(--sixcolor);
    font-size: 1.1rem;
}
/*------------Articulo o Blog---------------*/
.card{
    border-top-right-radius: 25px 25px !important;
    border-top-left-radius: 25px 25px !important;
    border-bottom-left-radius: 25px 25px !important;
    border-bottom-right-radius: 25px 25px !important;
    margin: 0% 5%;
}
.card-img-top{
    border-top-right-radius: 25px 25px !important;
    border-top-left-radius: 25px 25px !important;
}
.card-footer:last-child{
    border-bottom-left-radius: 25px 25px !important;
    border-bottom-right-radius: 25px 25px !important;
}
.card-title, .card-title a{
    color: var(--secondcolor) !important;
}
.card-author{
    color: var(--firstcolor) !important;
    font-weight: 300;
}
img.img-slider-marcadeagua.evento{
    opacity: 40%;
}
.text-carrousel .title{
    font-size: 5rem;
}
.text-carrousel.exception-evento p{
    font-size: 1.3rem;
}
.upcontentcarrousel.event {
    
    height: 180px;
}

/* ------------------Evento--------------------*/
.container-calendar.container-white{
    padding: 3% 7%;
}
.detailsevent h5{
    color:white;
    padding-top: 7%;
}
.detailsevent .eventday{
    color: white;
    font-size: 5rem;
}
.detailsevent .eventmonth, .detailsevent .eventyear{
    color:white;
    font-size: 1.6rem
}
.detailsevent  hr{
    color: white;
    height: 4px;
    margin: 3% 0%;
    opacity: .7;
}









.detailsevent{
    background-color: var(--secondcolor);
    height:100%;
    padding: 0% 10%;
}

.detailsevent .description, .detailsevent .location{
    color:white;
    font-size: 1.2rem;
    font-weight: 300;
    padding-bottom: 5%;
}
.calendar {
    background-color: var(--firstcolor);
    padding: 4% 7%;
    padding-top: 7%;
    /*width: 45rem;
    height: 52rem;
    box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4);
    border-radius: 10px;*/
}

.month {
    width: 100%;
    /*height: 12rem;*/
    /*background-color: deepskyblue;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*padding: 4% 5%;*/
    /*padding-top: 8%;*/
    text-align: center;
    /*text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);*/
    border-radius: 10px;
}

.month i {
    font-size: 2.5rem;
    cursor: pointer;
    color: white;
}

.month h1 {
    font-size: 1.2rem;
    /* font-weight: bold; */
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    /* margin-bottom: 1rem; */
    color: white;
}

.month p {
    font-size: 1.6rem;
}

.weekdays {
    width: 100%;
    /*height: 5rem;*/
    padding: 2% 0%;
    /*padding: 0 0.4rem;*/
    display: flex;
    align-items: center;
}

.weekdays div {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
    width: calc(44.2rem / 7);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    /* text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5*/
}

.days {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0.2rem;
    justify-content: space-evenly;
}

.days div {
    font-size: 1.2rem;
    /*margin: 0.3rem;*/
    width: calc(34.2rem / 7);
    height: 3.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /*text-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.5);
    */transition: background-color 0.2s;
    color: white;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

/*.days div:hover:not(.today) {
    background-color: #ffffff;
    border: 0.2rem solid #777;
    cursor: pointer;
}*/

.prev-date,
.next-date {
    opacity: 0.5;
}

.activities{
    background-color: var(--firstcolor);
    border-radius: 20px 20px;
}
.today, .eventdays {
    background-color: var(--threecolor);
    border-radius: 20px 20px;
}
/*-----------------Directorio-------------*/
.secctiontitle{
    padding-top: 5%;
    padding-bottom: 3%;
    padding-left: 5%;
    font-size: 3.5rem;
}
img.imgdoc{
    width: 90%;
}
li .collapse-trigger.active, li.collapse-trigger.active{
    background: var(--threecolor);
    color: var(--firstcolor) !important;
    border-radius: 20px 20px;
    padding: 20% 65%;
}
button#all.active{
    background: var(--threecolor);
}
#consejo-directivo h2, #consejo-directivo h3,  #consejo-directivo p, #socios h2, #socios h3, #socios p{
    margin:0%;
    text-align: left;
}
#consejo-directivo h2, #socios h2{
    font-size: 1.4rem;
    font-weight: 700;
}
#consejo-directivo h3, #socios h3{
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--firstcolor);
}
#consejo-directivo p, #socios p{
    font-size: 0.9rem;
    text-align: left;
}
#consejo-directivo .cedula p , #socios .cedula p{
    font-size: 0.6rem;
    color: var(--firstcolor);
    font-weight: 700;
}
#consejo-directivo .line-top, #socios .line-top{
    border-top:2px solid var(--firstcolor);
    margin-top: 10px;
    padding-top: 10px;
}
#consejo-directivo .socialdoc img, #socios .socialdoc img{
    width: 70%;
}
#consejo-directivo a, #socios a{
    text-decoration: none;
    width: 100%;
}
#consejo-directivo a p, #socios a p{
    padding: 3% 11%;
    width: fit-content;
    border-radius: 20px 20px;
    color: white;
    font-weight: 600;
    font-size: 0.8rem;
    margin: 4% 0%;
    background: var(--firstcolor);
}
#consejo-directivo a p.gray, #socios a p.gray{
    background: var(--fourcolor);
}
#consejo-directivo a p.blue, #socios a p.blue{
    background: var(--firstcolor);
}
#consejo-directivo a p.dark, #socios a p.dark{
    background: var(--secondcolor);
}
#socios h1{
    color: var(--secondcolor);
    padding-left: 10%;
    padding-top: 2%;
    font-size: 4rem;
    padding-bottom: 2%;
}
#socios .container-botones{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 1% 2%;
}
#socios .container-botones ul{
    list-style: none; 
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin: 0%;
    padding: 0% 0%;
}
#socios ul a{
    text-decoration: none;
    color:white;
}
#socios .abc{
    background: var(--firstcolor);
    padding: 1% 0%;
    width: 100%;
}
#socios .container-botones li{
    padding: 0% 1%;
    border-right: 2px solid white;
    margin-left: 0%;
}
#all{
    background: var(--secondcolor);
    color: white;
    padding: 1.1% 1%;
    border: none;
}
#socios .container-botones p{
    /*background: var(--secondcolor);*/
    color: white;
    margin: 0%;
}
.abc-desktop{
    display:flex;
}
.abc-mobile{
    display:none;
}
#carouselExample .carousel-item {
    padding: 0% 13%;
}
/*----------Aviso de pribacidad--------*/
.avisodeprivacidad ul{
    color:var(--secondcolor);
}
.avisodeprivacidad h1{
    color: var(--sixcolor);
}