@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@500&display=swap');

:root{
 
 --font-titles:'Montserrat';
 --font-content:'Roboto';
 --font-alternative:'Montserrat Alternates';
 
 --verde-agua-1:#184848;
 --verde-agua-2:#006060;
 --verde-agua-3:#007878;
 --verde-agua-4:#2f5a5a;
 --verde-agua-5:#466c6c;
 --verde-lima:#a8c030;
 --color-pastel:#F0F0D8;
 --color-alter:#59886b;
 
 --color-dg-1:#d9e0e7;
 --color_dg-2:#6c8a8b;
}


.section-subtitle h4{
 font-family:var(--font-content),Arial;
 text-transform:none;
 font-size:19px;
 color:var(--verde-agua-1) !important;
}



.section-visitass{
 margin-left:1300px;
 position:absolute;
 z-index:3;
 padding-right:30px;
 padding-top:10px;

}

 .section-visitass span{
 display:none;
 font-family:var(--font-content);
 position:absolute;
 background-color:var(--verde-agua-3)!important;
 color:white;
 padding:5px;
 border-radius:5px;
 width:100px;
 border-bottom:3px solid var(--verde-lima);
 }


 .section-visitass:hover span{
 display:block;
 }

 .section-visitass .fas{
 color:var(--verde-lima)!important;
 font-weight:800;
 font-size:25px;
 }

 .section-visitass .fas:hover{
 color:var(--verde-lima) !important;
 }

 @media(min-width:1920px){
 .section-visitass{
 margin-left:90%;
 padding-right:30px;
 padding-top:20px;
 }

 }

 @media(max-width:640px){
 .section-visitass{
 margin-left:85%;
 }
 .section-visitass .fas{
 font-size:15px;
 }
 .section-visitass span{
 display:none;
 position:absolute;
 background-color:var(--verde-agua-3) !important;
 color:white;
 padding:5px;
 border-radius:5px;
 width:40px;
 font-size:10px;
 }
 }


.encuestas{
 width:200px;
 height:200px;
 background:var(--verde-agua-1);
 border-radius:50%;
 margin-left:90px !important;
 margin-left:80%;
 position:absolute;
 z-index:3;
 display:flex;
 justify-content:center;
 align-items:center;
}
 .encuestas .content-enc{
 margin-top:-20px;
 text-align:center;
 font-family:var(--font-content);
 font-weight:600;
 color:var(--verde-agua-2);
 text-transform:uppercase;
 padding:9px;
 width:1000px;
 }

 .encuestas .content-enc img{
 width:100%;
 margin-top:21px;
 }





@media(min-width:1920px){
 .encuestas{
 margin-left:1320px !important;
 margin-top:90px;
 }
}

@media(max-width:640px){
 .encuestas{
 width:90px;
 height:90px;
 margin-left:63%!important;
 margin-top:30px;
 }
 .encuestas .content-enc{
 padding:0px!important;
 margin-top:-26px!important;
 }

 .encuestas .content-enc img{
 width:100%;
 height:100%;
 margin-top:25px;
 }

 .encuestas::after{
 width:100%!important;
 height:100%!important;
 }
}


 .encuestas::after{
 animation:pulse 1000ms cubic-bezier(0.9,0.7,0.5,0.9) infinite;
 }
 @keyframes pulse{
 0%{
 opacity:0;
 }

 50%{
 transform:scale(1.1);
 opacity:.4;
 }
 }


.encuestas::after{
 content:'';
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
 background:var(--verde-lima);
 
 border-radius:50%;
 z-index:-2;
}





@media(min-width:1920px){
 .section-encuestas{
 margin-left:1100px!important;
 }
}

@media(max-width:640px){
 .section-encuestas{
 margin-left:85%;
 }

}


.header-carousel{
 width:100% !important;
 justify-content:start;
 align-items:center;
 text-align:center;
}


.container-tablero{
 box-shadow:rgba(50,50,93,0.25) 0px 30px 60px -12px,rgba(0,0,0,0.3) 0px 18px 36px -18px;
 width:100%;
}

 .container-tablero .card-tablero{
 position:relative;
 width:100%;
 height:100%;
 background-color:white;
 border-radius:10px;
 display:flex;
 flex-direction:column;
 gap:10px;
 align-items:center;
 justify-content:center;
 overflow:hidden;
 box-shadow:0 0 10px rgba(0,0,0,0.2);
 }
 .container-tablero .card-tablero a img{
 width:50%;
 }


 .container-tablero .card-tablero ._detalle{
 width:100%;
 background-color:var(--color-dg-1);
 padding:20px;
 box-shadow:rgba(0,0,0,0.3) 0px 19px 38px,rgba(0,0,0,0.22) 0px 15px 12px;
 }

 .container-tablero .card-tablero ._detalle h5{
 color:var(--verde-agua-2);
 font:var(--font-titles);
 font-size:16px;
 text-transform:uppercase;
 font-weight:700;
 border-radius:10% 20% 10% 10%;
 }

 .container-tablero .card-tablero .mouse-hover{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 background-color:rgba(0,0,0,0.6);
 transition:opacity 0.3s ease;
 pointer-events:none;
 }
 .container-tablero .card-tablero:hover .mouse-hover{
 opacity:1;
 pointer-events:auto;
 }

 .container-tablero .card-tablero .card-btn{
 position:absolute;
 text-decoration:none;
 font-weight:600;
 padding:10px;
 font-size:16px;
 transform:translate(-50%,-50%);
 background-color:var(--verde-lima);
 color:var(--verde-agua-1);
 border-radius:50px;
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 z-index:999;
 border:none;
 opacity:0;
 transform-origin:0 0;
 box-shadow:0 0 10px 10px rgba(0,0,0,0.15);
 transition:all 0.6s cubic-bezier(0.23,1,0.320,1);
 }
 .container-tablero .card-tablero:hover .card-btn{
 opacity:1;
 }
 .container-tablero .card-tablero .card-btn:hover{
 box-shadow:0 0 0px 5px rgba(0,0,0,0.3);
 }

 
 
 .container-tablero .card-tablero .btn-import{
 top:50%;
 left:36%;
 }
 .container-tablero .card-tablero .btn-export{
 top:50%;
 left:62%;
 }

 
 .container-tablero .card-tablero .btn-agricola{
 top:40%!important;
 left:33%;
 }
 .container-tablero .card-tablero .btn-pecuaria{
 top:60%;
 left:33%;
 }
 .container-tablero .card-tablero .btn-industrial{
 top:40%!important;
 left:68%;
 }
 .container-tablero .card-tablero .btn-vab{
 top:60%;
 left:68%;
 }

 
 @media (max-width:575px){
 .container-tablero .card-tablero .btn-import{
 padding:8px;
 top:33%;
 left:50%;
 }
 .container-tablero .card-tablero .btn-export{
 padding:8px;
 top:68%;
 left:50%;
 }
 .container-tablero .card-tablero .btn-agricola{
 font-size:13px;
 padding:7px 6px 7px 6px;
 top:30%;
 left:26%;
 }
 .container-tablero .card-tablero .btn-pecuaria{
 font-size:13px;
 padding:7px 6px 7px 6px;
 top:65%;
 left:26%;
 }
 .container-tablero .card-tablero .btn-industrial{
 font-size:13px;
 width:145px;
 padding:7px 6px 7px 6px;
 top:30%;
 left:73%;
 }
 .container-tablero .card-tablero .btn-vab{
 font-size:13px;
 padding:7px 6px 7px 6px;
 width:145px;
 top:65%;
 left:73%;
 }
 }




.article-noticia{
 padding:30px;
 background-position:right top;
 background-attachment:fixed;
 background-repeat:no-repeat;
}

 .article-noticia .card-noticias{
 width:100%;
 height:250px;
 box-shadow:0 3px 10px rgb(0 0 0 / 0.2);
 position:relative;
 }

 .article-noticia .card-noticias .container-img{
 text-align:center;
 width:100%;
 height:100%;
 position:absolute;
 color:black;
 font-weight:700;
 }
 .article-noticia .card-noticias .content-noticia{
 color:white;
 box-shadow:0 3px 10px rgb(0 0 0 / 0.2);
 width:100%;
 background-color:rgba(41,62,49,0.5);
 position:absolute;
 bottom:0;
 height:5.6em;
 transition:height .5s ease-in-out;
 padding:.6em;
 overflow:hidden;
 text-align:justify;
 }
 .article-noticia .card-noticias .content-noticia > p{
 font-size:.8em;
 margin-top:.5em;
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical;
 overflow:hidden;
 }
 .article-noticia .card-noticias .content-noticia > span{
 font-weight:bold;
 font-size:1.1em;
 font-family:var(--font-content);
 }
 .article-noticia .card-noticias:hover > .content-noticia{
 height:9.7em;
 }

 .article-noticia .all-notic{
 width:210px;
 height:40px;
 border-radius:30px;
 border:none;
 display:flex;
 align-items:center;
 justify-content:flex-start;
 padding-left:20px;
 gap:9px;
 color:white;
 background-color:var(--verde-agua-1);
 position:relative;
 cursor:pointer;
 box-shadow:2px 2px 10px rgba(0,0,0,0.212);
 top:20px;
 text-decoration:none;
 }

 .article-noticia .all-notic:hover{
 color:var(--color-pastel);
 text-decoration:none;
 }

 .article-noticia .all-notic .icon-view{
 position:absolute;
 right:7.5px;
 background-color:white;
 width:25px;
 height:25px;
 display:flex;
 align-items:center;
 justify-content:center;
 border-radius:50%;
 }

 .article-noticia .all-notic:hover .icon-view{
 animation:slide-in-left 0.7s cubic-bezier(0.20,0.460,0.450,0.940) both;
 }

 @keyframes slide-in-left{
 0%{
 transform:translateX(-10px);
 opacity:0;
 }

 100%{
 transform:translateX(0);
 opacity:1;
 }
 }



.mapas-interactivo{
 width:100%;
 padding:0;
}

 .mapas-interactivo .mapa-img{
 height:210px;
 width:100%;
 }
 .mapas-interactivo .mapa-over{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 opacity:0;
 background-color:rgba(0,0,0,0.6);
 transition:opacity 0.3s ease;
 pointer-events:none;
 }

 .mapas-interactivo .card-mapa{
 position:relative;
 width:100%;
 height:250px;
 border-radius:200px;
 display:flex;
 flex-direction:column;
 gap:10px;
 align-items:center;
 justify-content:center;
 overflow:hidden;
 box-shadow:0 0 10px rgba(0,0,0,0.2);
 background-color:var(--color-dg-1);
 border-bottom:10px solid var(--verde-agua-1);
 border-top:10px solid var(--verde-lima);
 border-left:10px solid var(--color-pastel);
 border-right:10px solid var(--color-pastel);
 }


 .mapas-interactivo .card-mapa h5{
 color:var(--verde-agua-1);
 font-family:var(--font-content);
 font-size:20px;
 text-transform:uppercase;
 font-weight:700;
 border-radius:10% 20% 10% 10%;
 }
 .mapas-interactivo .card-mapa .dv-svg{
 display:inline-block;
 }

 .mapas-interactivo .card-mapa a img{
 width:55%;
 }

 .mapas-interactivo .card-mapa:hover .mapa-over{
 opacity:1;
 pointer-events:auto;
 }

 .mapas-interactivo .card-mapa .card-btn{
 position:absolute;
 text-decoration:none;
 font-family:var(--font-content);
 font-size:15px;
 transform:translate(-50%,-50%);
 background-color:var(--color-dg-1);
 color:white;
 border-radius:200px;
 display:flex;
 align-items:center;
 justify-content:center;
 cursor:pointer;
 z-index:999;
 border:none;
 opacity:0;
 transform-origin:0 0;
 box-shadow:0 0 10px 10px rgba(0,0,0,0.15);
 transition:all 0.6s cubic-bezier(0.23,1,0.320,1);
 width:150px;
 height:150px;
 border-bottom:5px solid var(--verde-lima);
 top:50%;
 left:30%;
 }
 .mapas-interactivo .card-mapa .card-btn a{
 text-decoration:none;
 color:var(--verde-agua-1);
 font-family:var(--font-titles);
 font-weight:600;
 font-size:12px;
 }
 .mapas-interactivo .card-mapa .card-btn svg{
 font-size:400px;
 }
 .mapas-interactivo .card-mapa .card-btn #geo{
 color:var(--verde-agua-3);
 }
 .mapas-interactivo .card-mapa .card-btn #sun{
 color:var(--verde-lima);
 }
 .mapas-interactivo .card-mapa .card-btn #cloud{
 color:var(--verde-agua-3);
 }
 .mapas-interactivo .card-mapa:hover .card-btn{
 opacity:1;
 }
 .mapas-interactivo .card-mapa .card-btn:hover{
 color:var(--verde-agua-1);
 }

 .mapas-interactivo .card-mapa .btn-ab{
 top:50%;
 left:30%;
 }
 .mapas-interactivo .card-mapa .btn-ac{
 top:50%;
 left:70%;
 }


 @media (max-width:640px){

 .mapas-interactivo .card-mapa .btn-ab{
 top:50%;
 left:25%;
 }

 .mapas-interactivo .card-mapa .btn-ac{
 top:50%;
 left:75%;
 }
 }







.banner-CNA:hover{
 box-shadow:var(--verde-lima) 0px 30px 60px -12px,rgba(0,0,0,0.3) 0px 18px 36px -18px;
}



.calendar{
 width:100%;
 margin-top:8px;
 background-color:#fff;
}
 .calendar .calendar-header{
 background-color:var(--verde-agua-2);
 font-family:var(--font-content);
 color:var(--verde-agua-1);
 font-size:14px;
 border-bottom:3px solid var(--color-pastel);
 text-transform:uppercase;
 text-align:center;
 border-top-left-radius:5px;
 border-top-right-radius:5px;
 padding:5px;
 }
 .calendar .calendar-header .mes-pub{
 color:white;
 font-size:16px;
 font-family:var(--font-titles);
 }
 .calendar .calendar-header #year{
 color:var(--verde-lima);
 }

 .calendar .calendar-header button{
 background-color:var(--verde-agua-1);
 font-family:var(--font-content);
 color:white;
 font-size:13px;
 padding-left:10px;
 padding-right:10px;
 padding-top:3px;
 padding-bottom:3px;
 border:2px white;
 border-radius:100px;
 }

 .calendar .calendar-header button i{
 color:var(--verde-lima);
 }

 .calendar .calendar-body{
 width:100%;
 }
 .calendar .calendar-body .calendar-table{
 width:100% !important;
 border-collapse:collapse;
 color:black;
 font-size:12px;
 font-family:var(--font-content);
 }

 .calendar .calendar-body .calendar-table th,
 .calendar .calendar-body .calendar-table td{
 border:1px solid #ddd;
 text-align:center;
 width:100% !important;
 font-family:var(--font-content);
 }

 .calendar .calendar-body .calendar-table th{
 background-color:var(--verde-lima);
 color:var(--verde-agua-1);
 font-size:11px;
 }

 .calendar .calendar-body .calendar-table td{
 cursor:pointer;
 }

 .calendar .calendar-body .calendar-table td.today{
 background-color:var(--verde-agua-2);
 color:white;
 font-weight:800;
 }



.dv-eventos .modal-header{
 background-color:var(--verde-agua-2);
 border-bottom:1px solid var(--verde-lima);
 color:white;
}

 .dv-eventos .modal-header h1{
 font-family:var(--font-content);
 color:white;
 }

 .dv-eventos .modal-header span{
 color:var(--verde-lima);
 }

 .gp-calendar .list-group-item{
 border:2px solid white;
 }

 .gp-calendar .list-group-item h6{
 color:var(--verde-agua-2);
 font-family:var(--font-titles);
 font-weight:500;
 }

 .gp-calendar .list-group-item p{
 color:black;
 font-family:var(--font-titles),Arial;
 font-size:13px;
 }

 .gp-calendar .list-group-item .fa-calendar{
 color:var(--verde-agua-3);
 font-size:30px;
 }

 .days-publicaciones{
 background-color:var(--verde-agua-3);
 color:white;
 font-weight:600;
 }


@media (width:280px){
 .calendar-table th,
 .calendar-table td{
 padding:6px;
 }

 .calendar-table{
 font-size:10px;
 }

 .calendar-table th{
 font-size:5px;
 }
}
@media (min-width:765px){
 .calendar-table{
 font-size:20px;
 }

 .calendar-table th,
 .calendar-table td{
 padding:7px;
 }

 .calendar-table th{
 font-size:15px;
 }
}
@media (width:768px){
 .calendar-table th,
 .calendar-table td{
 padding:20px;
 
 }

 .calendar-table{
 font-size:12px;
 }

 .calendar-table th{
 font-size:12px;
 }
}
@media (min-width:769px){
 .calendar-table th,
 .calendar-table td{
 padding-right:5px;
 padding-left:10px;
 }

 .calendar-table{
 font-size:12px;
 }

 .calendar-table th{
 font-size:10px;
 }
}
@media (width:540px){
 .calendar-table th,
 .calendar-table td{
 padding-left:20px;
 padding-right:20px;
 }

 .calendar-table{
 font-size:10px;
 }

 .calendar-table th{
 font-size:7px;
 }
}
@media (width:820px){
 .calendar-table th,
 .calendar-table td{
 padding-left:35px;
 padding-right:35px;
 }

 .calendar-table{
 font-size:10px;
 }

 .calendar-table th{
 font-size:7px;
 }
}
@media (width:853px){
 .calendar-table th,
 .calendar-table td{
 padding-left:35px;
 padding-right:35px;
 }

 .calendar-table{
 font-size:10px;
 }

 .calendar-table th{
 font-size:7px;
 }
}
@media (width:912px){
 .calendar-table th,
 .calendar-table td{
 padding-left:35px;
 padding-right:35px;
 }

 .calendar-table{
 font-size:10px;
 }

 .calendar-table th{
 font-size:7px;
 }
}
@media (width:1024px){
 .calendar-table th,
 .calendar-table td{
 padding:5px;
 }

 .calendar-table{
 font-size:10px;
 }

 .calendar-table th{
 font-size:7px;
 }
}
@media (width:1280px){
 .calendar-table th,
 .calendar-table td{
 padding:10px;
 }

 .calendar-table{
 font-size:10px;
 }

 .calendar-table th{
 font-size:7px;
 }
}





.section-visitas{
 display:flex;
 justify-content:flex-end;
 position:absolute;
 padding-right:30px;
 padding-top:10px;
}

 .section-visitas span{
 display:none;
 font-family:var(--font-content);
 position:absolute;
 background-color:var(--verde-lima) !important;
 color:var(--verde-agua-1);
 padding:5px;
 border-radius:5px;
 }

 .section-visitas:hover span{
 display:block;
 }

 .section-visitas .fas{
 color:var(--verde-agua-2) !important;
 }
 .section-visitas .fas:hover{
 color:var(--verde-lima) !important;
 }







@media(width:653px){
 .info-contactenos{
 margin-top:150px;
 }
}

@media (max-width:767px){
 .info-contactenos{
 margin-top:45px;
 }
}

.info-contactenos i{
 color:var(--verde-agua-2);
 font-size:20px;
 background-color:var(--color-dg-1);
 padding:10px;
 border-radius:50%;
}
.info-contactenos .icon-lista{
 color:var(--verde-agua-2);
 font-size:17px;
 background-color:white;
 padding:10px;
 border-radius:50%;
}

.info-contactenos h6{
 color:var(--verde-agua-1);
 font-size:16px;
 text-transform:uppercase;
 font-family:var(--font-content);
 font-weight:600;
}

.info-contactenos p{
 font-family:var(--font-content);
 font-size:15px;
 text-align:justify;
}





.cards-contactenos{
 width:100%;
 height:280px;
 border-radius:12px;
 display:flex;
 flex-direction:column;
 align-items:center;
 transition-duration:.5s;
}

 .cards-contactenos .img-jefes{
 background:var(--color-dg-1);
 width:210px;
 height:auto;
 border-radius:50%;
 border-left:3px solid var(--verde-agua-1);
 box-shadow:5px 10px 20px rgba(0,0,0,0.329);
 }

 .cards-contactenos .img-jefes img{
 width:100%;
 }

 .cards-contactenos .datos-jefes{
 width:100%;
 text-align:center;
 padding:20px;
 display:flex;
 flex-direction:column;
 gap:10px;
 }

 .cards-contactenos .datos-jefes .detalles{
 font-size:.9em;
 color:var(--verde-agua-1);
 font-family:var(--font-content);
 letter-spacing:.5px;
 line-height:30px;
 }

 .cards-contactenos .datos-jefes .detalles #name{
 color:var(--verde-agua-2);
 text-transform:uppercase;
 font-size:18px;
 font-weight:600;
 }

 .cards-contactenos .datos-jefes .detalles #cargo{
 color:black;
 text-align:justify;
 font-size:15px;
 }

 .cards-contactenos .datos-jefes .detalles #info-jefe{
 color:black;
 text-align:justify;
 font-size:14px;
 }

 .cards-contactenos .datos-jefes .detalles #info-jefe i{
 color:var(--verde-agua-3);
 }

 .cards-contactenos:hover{
 transition-duration:.5s;
 }

 .cards-contactenos .img-jefes:hover{
 background-color:var(--color-pastel);
 }



@media (max-width:767px){
 #email-pap{
 overflow-wrap:break-word;
 word-wrap:break-word;
 }
}

.mapa-ubicacion{
 width:100% !important;
 height:100% !important;
}

 .mapa-ubicacion iframe{
 width:100% !important;
 }


 




.form-solicitud{
 display:flex;
 flex-direction:column;
 gap:5px;
 max-width:500px;
 background-color:white;
 padding:20px;
 border-radius:20px;
 position:relative;
}

 .form-solicitud .frm-title{
 font-size:22px;
 font-family:var(--font-content);
 color:var(--verde-agua-1);
 font-weight:700;
 letter-spacing:-1px;
 text-transform:uppercase;
 position:relative;
 display:flex;
 align-items:center;
 padding-left:30px;
 }

 .form-solicitud .data-usuario{
 display:flex;
 width:100%;
 gap:50px;
 }

 .form-solicitud label{
 position:relative;
 }

 .form-solicitud label p{
 color:var(--verde-agua-2);
 font-family:var(--font-content);
 }

 .form-solicitud label .input{
 width:100%;
 padding:5px;
 outline:0;
 border:1px solid rgba(105,105,105,0.397);
 border-radius:10px;
 }

 .form-solicitud .input + span{
 position:absolute;
 left:10px;
 top:15px;
 color:grey;
 font-size:.9em;
 cursor:text;
 transition:.3s ease;
 }

 .form-solicitud .input:placeholder-shown + span{
 top:15px;
 font-size:.9em;
 color:red !important;
 }

 .form-solicitud .input:focus + span,.form-solicitud label .input:valid + span{
 top:30px;
 font-size:1em;
 font-weight:600;
 }

 .form-solicitud .input:valid + span{
 color:var(--verde-agua-5);
 font-family:var(--font-content);
 font-size:20px;
 }

 .form-solicitud .form-group input{
 border:none;
 outline:none;
 background-color:#007878;
 padding:10px;
 border-radius:10px;
 color:#fff;
 font-size:16px;
 transform:.3s ease;
 }

 .form-solicitud .form-group input:hover{
 background-color:var(--verde-lima);
 }