@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-footer:#202937;
 
 --color-dg-1:#d9e0e7;
 --color_dg-2:#6c8a8b;
}

.responsive-img{
 display:block;
 max-width:100%;
}


.container-logos{
 background-image:url(/Img_Portal/Iconos/degradado.jpg);
 background-size:cover;
 background-position:center;
 box-shadow:rgba(0,0,0,0.05) 0px 1px 2px 0px;
 background-color:rgba(0,0,0,0.6);
 height:100px;
}
 .container-logos .svg-fondo{
 position:absolute;
 width:100%;
 opacity:.12;
 }

 .container-logos .me-auto{
 padding-top:10px;
 padding-left:50px;
 }
 .container-logos .icon{
 width:100px;
 }


@media (max-width:640px){


 .container-logos .me-auto{
 padding-top:10px;
 padding-left:25px;
 }
 .container-logos .icon-dv{
 padding-top:15px;
 padding-right:20px;
 }
 .container-logos .icon-cgr{

 width:80px;
 height:auto;
 }
 .container-logos .icon-inec{
 width:80px;
 height:auto;
 }
 
}



.navbar{
 background-color:var(--verde-agua-1) !important;
 position:relative;
 border-bottom:3px solid white;
 opacity:1;
}
 .navbar .navbar-toggler{
 color:var(--verde-lima);
 background-color:var(--verde-agua-3);
 }



 @media (max-width:767px){
 
 .navbar{
 padding-left:30px;
 }
}




.navbar .navbar-nav .nav-item a{
 color:white;
 font-family:var(--font-content);
 font-weight:500;
}

 .navbar .navbar-nav .nav-item a:hover{
 color:var(--verde-lima);
 background-color:var(--verde-agua-1);
 }

 .navbar .navbar-nav .nav-item .dropdown-menu{
 color:var(--verde-lima);
 background-color:var(--verde-agua-1);
 border:none;
 }

@media (min-width:1025px){
 .navbar-nav{
 list-style-type:none;
 text-align:right;
 }

 .navbar .navbar-nav .nav-item .nav-link{
 display:inline;
 margin-right:10px;
 }

 .navbar .navbar-nav .nav-item .nav-link:hover{
 border-bottom:2px solid var(--verde-lima);
 }
}

 .dropdown-submenu{
 position:relative;
 }

 .dropdown-submenu .dropdown-menu{
 top:0;
 left:100%;
 margin-top:-1px;
 }

 .dropdown-submenu:hover .dropdown-menu{
 display:block;
 }



.nav-header{
 padding:5px 0 5px 0;
 min-height:20vh;
 position:relative;
 background-size:cover;
 background-position:center;
 background-repeat:no-repeat;
}
 .nav-header:before{
 content:"";
 background-color:rgba(0,0,0,0.6);
 position:absolute;
 inset:0;
 }
 .nav-header h3{

 font-weight:700;
 text-align:center;
 color:white;
 font-family:var(--font-titles);
 }



.grow{
 transition:all .2s ease-in-out;
}
 .grow:hover{
 transform:scale(1.1);
 }



.section-subtitle{
 text-align:center;
}

 .section-subtitle h4{
 font-size:1.3em;
 font-family:var(--font-content);
 font-weight:800;
 position:relative;
 color:var(--verde-agua-4);
 }

 .section-subtitle h4:before,
 .section-subtitle h4::after{
 content:"";
 width:50px;
 height:3px;
 background:var(--verde-lima);
 display:inline-block;
 }

 .section-subtitle h4:before{
 margin:0 15px 10px 0;
 }

 .section-subtitle h4:after{
 margin:0 0 10px 15px;
 }

.subtitle-right{
 color:var(--verde-agua-4);
 font-size:1.3em;
 font-weight:600;
 font-family:var(--font-content);
 box-shadow:rgba(0,0,0,0.45) 0px 20px 20px -20px;
}

@media (max-width:576px){
 .section-subtitle{
 text-align:center;
 }

 .section-subtitle h4{
 font-size:12px;
 font-family:var(--font-content);
 font-weight:800;
 position:relative;
 color:var(--verde-agua-1)!important;
 }

 .section-subtitle h4:before,
 .section-subtitle h4::after{
 content:"";
 width:2px;
 height:2px;
 background:var(--verde-lima);
 display:inline-block;
 }

 .section-subtitle h4:before{
 margin:0 15px 10px 0;
 }

 .section-subtitle h4:after{
 margin:0 0 10px 15px;
 }

}





footer{
 bottom:0;
}

@media (max-height:800px){
 footer{
 position:static;
 }
}

.section-footer{
 background-color:var(--color-footer);
 
 background-size:cover;
 box-sizing:border-box;
 text-align:left;
 font:bold 16px sans-serif;
 padding:20px 50px 60px 50px;
 margin-top:80px;
}

.section-footer .footer-left,.section-footer .footer-center,.section-footer .footer-right{
 display:inline-block;
 vertical-align:top;

}

@media (min-width:768px) and (max-width:991px){
 .section-footer .footer-left{
 padding-left:100px;
 }
}
@media (min-width:992px){
 .section-footer .footer-left{
 padding-left:100px;
 }
}

.section-footer .footer-left{
 width:32%;
}

.section-footer h3{
 color:white;
 font-family:var(--font-titles);
 font-weight:700;
 margin:0;
}
 .section-footer .footer-left .icon-pap{
 width:100%;
 }
 .section-footer .footer-left .icon-pap img{
 width:200px;
 }

.section-footer h3 .subtitle1{
 color:var(--verde-lima);
}

.section-footer h3 .subtitle{
 color:var(--color-alter);
 font-size:20px;
 font-family:var(--font-content)
}
.section-footer .footer-links{
 color:#fff;
 margin:20px 0 12px;
}
.section-footer .footer-links a{
 display:inline-block;
 line-height:1.8;
 text-decoration:none;
 color:white;
}
 .section-footer .footer-links a:hover{
 background-color:var(--color-alter);
 }


.section-footer .footer-center{
 width:35%;
}
 .section-footer .footer-center .footer-links{
 color:#fff;
 margin:20px 0 12px;
 }
 .section-footer .footer-center .footer-links a{
 display:inline-block;
 line-height:1.8;
 text-decoration:none;
 color:white;
 }

.section-footer .footer-center i{
 background-color:red;
 color:#ffff;
 font-size:25px;
 width:38px;
 height:38px;
 border-radius:50%;
 text-align:center;
 line-height:42px;
 margin:10px 15px;
 vertical-align:middle;
}

.section-footer .footer-center i.fa-phone{
 font-size:17px;
 line-height:38px;
 background-color:var(--verde-agua-2);
}
.section-footer .footer-center p{
 display:inline-block;
 color:var(--verde-lima);
 vertical-align:middle;
 margin:0;
 font-weight:700;
}
.section-footer .contacto-title p{
 color:var(--verde-lima);
 font-size:18px;
 font-family:var(--font-content);
 font-weight:600;
}
.section-footer .footer-center p span{
 display:block;
 font-weight:400;
 font-size:14px;
 line-height:2;
 color:white;
}
.section-footer .footer-center p a{
 color:yellow;
 text-decoration:none;
}


.section-footer .footer-right{
 width:30%;
}
.section-footer .footer-right .footer-copyright{
 color:white;
 font-size:14px;
 font-weight:normal;
 margin:0;
}
.section-footer .footer-about{
 line-height:20px;
 color:#ffff;
 font-size:13px;
 font-weight:normal;
 margin:0;
}
.section-footer .footer-about span{
 display:block;
 font-size:18px;
 font-weight:600;
 margin-bottom:20px;
 color:var(--verde-lima);
 font-family:var(--font-content);
 text-transform:uppercase;
}
.section-footer .footer-icons{
 margin-top:25px;
}
.section-footer .footer-icons a{
 display:inline-block;
 width:35px;
 height:35px;
 cursor:pointer;
 background-color:#33383b;
 border-radius:2px;
 font-size:20px;
 color:#fff;
 text-align:center;
 line-height:35px;
 margin-right:3px;
 margin-bottom:5px;

}
.section-footer .footer-icons a:hover{
 background-color:var(--color-alter);
}

@media(max-width:880px){
 .section-footer .footer-left,.section-footer .footer-center,.section-footer .footer-right{
 display:block;
 width:100%;
 margin-bottom:40px;
 text-align:center;
 } 
 .section-footer .footer-center i{
 margin-left:0;
 }
}


.pagination{
 padding-left:0;
 list-style:none;
 border-radius:.25rem;
 display:flex;
 justify-content:center;
 align-items:center;
 text-align:center;
}

.page-item:first-child .page-link{
 margin-left:0;
 border-top-left-radius:.25rem;
 border-bottom-left-radius:.25rem;
 width:80px;
}

.page-item:last-child .page-link{
 border-top-right-radius:.25rem;
 border-bottom-right-radius:.25rem;
 width:80px;
}


.page-item.active .page-link{
 z-index:3;
 color:white;
 background-color:var(--verde-agua-2);
 border-color:#59886b;
}


.page-item.disabled .page-link{
 color:#6c757d;
 pointer-events:none;
 cursor:auto;
 background-color:#fff;
 border-color:red;
}

.page-link{
 position:relative;
 display:block;
 width:50px;
 margin-left:-1px;
 line-height:1.25;
 color:var(--verde-agua-1);
 background-color:#fff;
 border:1px solid #f7f7f7;
}

 .page-link:hover{
 z-index:2;
 color:white;
 text-decoration:none;
 background-color:var(--verde-agua-2);
 border-color:#59886b;
 box-shadow:none;
 }

 .page-link:focus{
 z-index:3;
 outline:0;
 }





@media (max-width:640px){
 .page-item{
 display:none;
 }

 .page-item:nth-child(-n+2){
 display:inline-block;
 }

 .page-item:nth-last-child(-n+2){
 display:inline-block;
 }
}