@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');

*{
 list-style:none;
 text-decoration:none;
 font-family:var(--font-content);
}



:root{
 
 --font-titles:'Montserrat';
 --font-content:'Roboto';
 --font-alternative:'Montserrat Alternates';
 
 --clr-azul-principal:#0d1d3f;
 --clr-azul-secundario:#3D465D;
 --clr-azul-terciario:#696F82;
 --clr-azul-cuaternario:#9399A6;
 --clr-azul-quinto:#BDC1C9;
 --clr-azul-degradado:#EAEAED;
 
 --clr-celeste-principal:#2257A2;
 --clr-celeste-secundario:#4670B2;
 --clr-celeste-terciario:#6A8CC1;
 --clr-celeste-cuaternario:#8CA6CE;
 --clr-celeste-quinto:#AFC3DC;
 --clr-celeste-degradado:#D4DDEC;
 
 --clr-amarillo-principal:#F8AC28;
 --clr-amarillo-secundario:#FABA4D;
 --clr-amarillo-terciario:#FDCB74;
 
 --clr-rojovino-principal:#A81737;
 --clr-rojovino-secundario:#BA2F5A;
 --clr-rojovino-terciario:#C85E7E;
}

body{
 background-color:var(--clr-azul-degradado);
}

.enlace-publicaciones{
 text-decoration:none!important;
color:black;
}




.box-title-categoria{
 display:flex;
 justify-content:center;
 align-items:center;
}


 .box-title-categoria span{
 font-family:var(--font-content);
 color:var(--clr-azul-principal);
 text-transform:uppercase;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:23px;
 font-weight:700;
 margin:10px 0;
 }

 .box-title-categoria span::before,
 .box-title-categoria span::after{
 content:"";
 flex:1;
 border-bottom:1px solid var(--clr-celeste-principal);
 margin:0 20px;
 width:60px !important;
 }

@media (max-width:768px){
 .box-title-categoria span{
 font-size:19px;
 font-weight:bold;
 margin:10px 0;
 }

 .box-title-categoria span::before,
 .box-title-categoria span::after{
 content:"";
 flex:1;
 border-bottom:1px solid var(--clr-celeste-principal);
 margin:0 15px;
 width:60px !important;
 }
}


 

 .navbar-main{
 background-color:white;
 width:100%;
 box-shadow:rgba(0,0,0,0.19) 0px 10px 20px,rgba(0,0,0,0.23) 0px 6px 6px;
 }
 
 .navbar-main .img-logo-inec{
 width:150px;
 }

 .navbar-main .ref-home{
 text-decoration:none;
 }

 .navbar-main .navbar-brand{
 color:var(--clr-azul-principal);
 font-family:var(--font-titles);
 font-size:20px;
 text-transform:uppercase;
 font-weight:900;
 }
 
 .navbar-main .navbar-collapse .navbar-nav .nav-item a{
 color:var(--clr-azul-principal);
 font-family:var(--font-content);
 }
 .navbar-main .navbar-collapse .navbar-nav .nav-item a:hover{
 background:var(--clr-celeste-principal)!important;
 color:white!important;
 }



 .navbar .dropdown-menu .dropdown-item:active{
 background-color:var(--clr-azul-principal) !important;
 color:white !important;
 }


.navbar .dropdown-menu .dropdown-item:focus{
 background-color:var(--clr-azul-principal) !important;
 color:white !important;
}


 
 .wrapp-btn-nav{
 display:flex;
 column-gap:10px;
 }

 .wrapp-btn-nav a{
 
 
 text-decoration:none;
 font-size:14px;
 background-color:var(--clr-celeste-degradado);
 padding:10px;
 border-radius:10px;
 }

 .wrapp-btn-nav a svg{
 width:20px;
 color:var(--clr-celeste-principal);
 }

 .wrapp-btn-nav a span{
 margin-left:1px;
 }







@media (max-width:768px){
 .navbar-main .img-logo-inec{
 width:100px;
 }
 .search-bar{
 width:90% !important;
 }
}


@media screen and (min-width:768px) and (max-width:1023px){
}


@media only screen and (width:1024px){
 .navbar-brand{
 display:none;
 }

 .wrapp-btn-nav a{
 font-size:9px;
 padding:5px;
 }

 .navbar-main .img-logo-inec{
 width:40px !important;
 }
 .wrapp-btn-nav span{
 display:none;
 }

 .wrapp-btn-nav a svg{
 width:10px !important;
 }

 .navbar-main .navbar-collapse .navbar-nav .nav-item a{
 font-size:12px !important;
 }

 .search-bar{
 width:140px !important;
 margin-left:5px;
 }

 .search-icon svg{
 width:13px;
 }

 .search-icon{
 padding:5px;
 }
}


@media screen and (min-width:1025px) and (max-width:1511px){
 .navbar-brand{
 display:none;
 }

 .wrapp-btn-nav a{
 font-size:12px;
 padding:5px;
 }
}


@media screen and (min-width:1025px) and (max-width:1280px){

 .navbar-main .img-logo-inec{
 width:60px !important;
 }

 .wrapp-btn-nav a svg{
 width:15px !important;
 }

 .navbar-main .navbar-collapse .navbar-nav .nav-item a{
 font-size:12.8px !important;
 }
 
 .search-bar{
 width:170px !important;
 margin-left:10px;
 }
 .wrapp-btn-nav span{
 display:none;
 }

 .search-input{
 padding:0 5px 0 15px !important;
 }

 .search-icon{
 padding:5px;
 }


 .search-icon svg{
 width:20px;
 color:white;
 }
}

@media screen and (min-width:1281px) and (max-width:1511px){


 .navbar-main .img-logo-inec{
 width:50px !important;
 }

 .wrapp-btn-nav a{
 font-size:13px!important;
 padding:5px;
 }
 .wrapp-btn-nav span{
 display:none;
 }

 .wrapp-btn-nav a svg{
 width:15px !important;
 }

 .navbar-main .navbar-collapse .navbar-nav .nav-item a{
 font-size:14.5px!important;
 }
 


 .search-input{
 padding:0 5px 0 15px !important;
 }

 .search-icon{
 padding:5px;
 }


 .search-icon svg{
 width:20px;

 color:white;
 }
}


@media screen and (min-width:1281px) and (max-width:1439px){
 .search-bar{
 width:230px !important;
 margin-left:5px;
 }
}

@media screen and (min-width:1440px) and (max-width:1511px){
 .search-bar{
 width:230px !important;
 margin-left:15px;
 }
}



@media screen and (min-width:1512px) and (max-width:1599px){
 .navbar-brand{
 display:none;
 }

 .navbar-main .img-logo-inec{
 width:70px !important;
 }

 .wrapp-btn-nav a{
 font-size:14px;
 padding:5px;
 }

 .wrapp-btn-nav a svg{
 width:15px !important;
 }

 .navbar-main .navbar-collapse .navbar-nav .nav-item a{
 font-size:16px !important;
 }
 
 .search-bar{
 width:170px !important;
 margin-left:10px;
 }

 .search-input{
 padding:0 5px 0 15px !important;
 }

 .search-icon{
 padding:5px;
 }


 .search-icon svg{
 width:20px;
 color:white;
 }
}

@media screen and (min-width:1600px) and (max-width:1790px){

 .navbar-main .img-logo-inec{
 width:90px !important;
 }

 .wrapp-btn-nav a{
 font-size:15px;
 padding:10px;
 }

 .wrapp-btn-nav a svg{
 width:15px !important;
 }

 .navbar-main .navbar-collapse .navbar-nav .nav-item a{
 font-size:16px !important;
 }
 

 .search-bar{
 width:210px !important;
 margin-left:10px;
 }

 .search-icon{
 padding:10px;
 }


 .search-icon svg{
 width:20px;
 color:white;
 }
}

@media screen and (min-width:1600px) and (max-width:1792px){
 .navbar-brand{
 display:none;
 }
}

@media screen and (min-width:1791px) and (max-width:1919px){

 .navbar-main .img-logo-inec{
 width:90px !important;
 }

 .wrapp-btn-nav a{
 font-size:16px;
 padding:10px;
 }

 .wrapp-btn-nav a svg{
 width:15px !important;
 }

 .navbar-main .navbar-collapse .navbar-nav .nav-item a{
 font-size:18px !important;
 }
 

 .search-bar{
 width:250px !important;
 margin-left:12px;
 }

 .search-icon{
 padding:10px;
 }


 .search-icon svg{
 width:20px;
 color:white;
 }
}

@media screen and (min-width:1920px) and (max-width:2559px){


 .navbar-main .img-logo-inec{
 width:90px !important;
 }

 .wrapp-btn-nav a{
 font-size:14px;
 padding:10px;
 }

 .wrapp-btn-nav a svg{
 width:15px !important;
 }

 .navbar-main .navbar-collapse .navbar-nav .nav-item a{
 font-size:16px !important;
 }
 

 .search-bar{
 width:270px !important;
 margin-left:12px;
 }

 .search-icon{
 padding:10px;
 }


 .search-icon svg{
 width:20px;
 color:white;
 }
}

@media screen and (min-width:2560px){

 .navbar-main .img-logo-inec{
 width:100px !important;
 }

 .wrapp-btn-nav a{
 font-size:22px;
 padding:15px;
 }

 .wrapp-btn-nav a svg{
 width:20px !important;
 }

 .navbar-main .navbar-collapse .navbar-nav .nav-item a{
 font-size:22px !important;
 }
 

 .search-bar{
 width:450px !important;
 margin-left:15px;
 }

 .search-icon{
 padding:15px;
 }


 .search-icon svg{
 width:20px;
 color:white;
 }
}




 

 .search-container{
 position:relative;
 
 margin-left:30px;
 }

 .search-bar{
 position:relative;
 display:flex;
 width:100px;
 align-items:center;
 background-color:var(--clr-azul-degradado);
 border-radius:10px;
 padding:0px;
 overflow:hidden;
 transition:all 0.3s ease;
 }

 .search-input{
 width:100%;
 border:none;
 background:none;
 color:var(--clr-azul-principal);
 font-size:16px;
 border-radius:10px;
 padding:0 10px 0 20px;
 outline:none;
 }

 .search-input::placeholder{
 color:#aaa;
 }

 .search-icon{
 display:flex;
 align-items:center;
 justify-content:center;
 padding:10px;
 background-color:var(--clr-celeste-quinto);
 border-radius:10px;
 margin-left:10px;
 cursor:pointer;
 transition:background-color 0.3s ease;
 }


 .search-icon svg{
 fill:var(--clr-celeste-principal);
 width:25px;
 color:white;
 }

 .search-icon:hover{
 box-shadow:var(--clr-celeste-principal) 0px 3px 8px;
 }

 .search-bar:hover{
 box-shadow:0 0 15px rgba(255,255,255,0.2);
 }

 .search-bar:focus-within{
 box-shadow:0 0 30px rgba(255,255,255,0.4);
 }

 .glow{
 position:absolute;
 top:50%;
 left:50%;
 width:100%;
 height:200%;
 border-radius:100px;
 background:radial-gradient(circle,rgba(255,255,255,0.1),transparent);
 transition:all 0.5s ease;
 transform:translate(-50%,-50%) scale(0);
 z-index:-1;
 }

 .search-bar:hover + .glow{
 transform:translate(-50%,-50%) scale(1);
 }

 .search-bar:focus-within + .glow{
 transform:translate(-50%,-50%) scale(1.2);
 background:radial-gradient(circle,rgba(255,255,255,0.2),transparent);
 }

 
 .wrapper-carousel{
 margin-top:0px;
 }

 .wrapper-carousel .carousel .carousel-inner .carousel-item img{
 width:100%;
 height:100%;
 object-fit:scale-down;
 object-position:center center;
 }





 
 .carousel-control-prev-icon,
 .carousel-control-next-icon{
 background-image:none !important;
 width:2rem;
 height:2rem;
 border:solid var(--clr-azul-principal);
 border-width:0 0.3rem 0.3rem 0;
 display:inline-block;
 padding:.5rem;
 }

 
 .carousel-control-prev-icon{
 transform:rotate(135deg);
 margin-left:10px;
 }

 
 .carousel-control-next-icon{
 transform:rotate(-45deg);
 margin-right:10px;
 }




 



 

 .wrapp-cards{
 padding-top:30px;
 background-color:VAR(--clr-azul-degradado);
 }

 .wrapp-cards .content-cards{
 width:100%;
 }

 .cards{
 width:100%;
 height:304px;
 border-radius:10px;
 background:white;
 position:relative;
 padding:1.4rem;
 border:1px solid #c3c6ce;
 transition:.5s ease-out;
 overflow:visible;
 }


 .card-details{
 color:black;
 height:100%;
 display:grid;
 place-content:center;
 }
.enlace-anuncio{
text-decoration:none!important;

}
 .aviso{
 color:black;
 text-shadow:0 0 2px #0c3381,0 0 4px #0c3381,0 0 8px #0c3381,0 0 16px #0c3381,0 0 32px #0c3381;
 animation:glow 1.5s infinite alternate;

 font-weight:700;
 margin-top:-20px;

 }
 @keyframes glow{
 0%{
 text-shadow:0 0 2px #FBAE24,0 0 4px #FBAE24,0 0 8px #FBAE24,0 0 16px #FBAE24,0 0 32px #FBAE24;
 }
 100%{
 text-shadow:0 0 2px #FDD58C,0 0 4px #FDD58C,0 0 8px #FDD58C,0 0 16px #FDD58C,0 0 32px #FDD58C;
 }
}

 .cards .card-details .text-title{
 font-size:1.0em;
 font-weight:bold;
 text-transform:uppercase;
 font-family:var(--font-content);
 color:var(--clr-azul-principal);
 }

 .cards .card-details .card-body{
 display:flex;
 align-items:center;
 gap:1rem;
 }


 

 .col1,.col2{
 flex:1;
 text-align:center;
 }

 .divider{
 width:1px;
 background-color:#ccc;
 height:100%;
 }

 .cards .card-details .card-body p{
 font-family:var(--font-content);
 margin-top:10px;
 }

 .cards .card-details .card-body span{
 color:var(--clr-celeste-principal);
 font-size:1.2em;
 font-weight:800;
 font-family:var(--font-alternative);
 }

 
 .text-body{
 color:#860000;
 }

 
 .cards:hover{
 border-color:VAR(--clr-celeste-principal);
 box-shadow:0 4px 18px 0 rgba(0,0,0,0.25);
 }





@media (max-width:1023px){
 .card-button-mobile{
 background-color:var(--clr-azul-principal)!important;
 color:white!important;
 padding-top:5px!important;
 padding-bottom:5px !important;
 padding-left:30px!important;
 padding-right:30px!important;
 border-radius:10px;
 margin-top:-30px!important;

 }

 .card-button-mobile:hover{
 background-color:var(--clr-celeste-principal) !important;
 border:1px solid var(--clr-azul-principal);
 }

 .card-button-pc{
 display:none !important;
 }
}

 
@media screen and (min-width:1024px) and (max-width:2560px){
 .card-button-pc{
 transform:translate(-50%,125%);
 width:60%;
 border-radius:1rem;
 border:none;
 background-color:VAR(--clr-azul-principal);
 color:#fff;
 font-size:1rem;
 padding:.5rem 1rem;
 position:absolute;
 left:50%;
 top:78%;
 opacity:0;
 z-index:1;
 transition:.3s ease-out;
 }

 .cards:hover .card-button-pc{
 transform:translate(-50%,50%)!important;
 opacity:1!important;
 }

 .card-button-mobile{
 display:none!important;
 }

}





@media (max-width:768px){
 .wrapp-cards .content-cards{
 padding:0px 6px 0px 6px!important;
 }
 .wrapp-cards .content-cards .cards{
 margin-top:15px;
 }
}



 
@media screen and (min-width:1025px) and (max-width:1511px){
 .wrapp-cards{
 padding-top:20px!important;
 padding-left:20px;
 padding-right:20px;
 }
 
}

 
 @media screen and (min-width:768px) and (max-width:1023px){
 .wrapp-cards{
 padding-left:50px;
 padding-right:50px;
 }

 .wrapp-cards .content-cards .col:nth-child(n+2){
 margin-top:10px;
 }
 }
 
 @media (max-width:768px){
 .wrapp-cards{
 padding-top:10px;
 padding-left:20px;
 padding-right:20px;
 }

 .wrapp-cards .content-cards .col:nth-child(n+2){
 margin-top:10px;
 }
 }




 
 .wrapp-cards .modal .modal-dialog .modal-header .modal-title{
 color:var(--clr-azul-principal);
 }


 @media (max-width:768px){
 .chart-responsive{
 width:100%;
 height:100%;
 overflow-x:auto;
 overflow-y:auto !important;
 }

 .chart-control{
 width:308px !important;
 height:250px !important;
 }

 .chart-scroll-container{
 min-width:10px !important;
 min-height:10px !important;
 }
 }

 
 .wrapper-theme{
 background-color:var(--clr-azul-degradado);
 margin-top:30px;
 }

 .wrapper-theme .content-theme{
 padding-top:20px;
 text-align:center;
 background-color:white;
 height:100%;
 
 }



 .wrapper-theme .content-theme .row .col{
 padding:30px;
 }

 @media (max-width:768px){
 .wrapper-theme{
 padding:0 1rem;
 }

 .wrapper-theme .content-theme .row .col{
 padding:0px 15px 0px 15px;
 }

 .item-subtema svg{
 margin-left:0px;
 }
 }


 @media screen and (min-width:1024px){
 .item-subtema svg{
 margin-left:-19px;
 }
 }

 .wrapper-theme .content-theme svg{
 width:60px;
 color:red;
 }

 .wrapper-theme .content-theme h1{
 font-size:1.2em;
 margin-top:10px;
 font-family:var(--font-content);
 text-transform:uppercase;
 color:var(--clr-azul-principal);
 }

 .separator-horizontal{
 height:1px;
 background-color:var(--clr-celeste-cuaternario);
 width:100%;
 margin:10px 0;
 }



 
 .accordion .accordion-item a{
 color:var(--clr-azul-principal);
 text-align:left;
 font-family:var(--font-content);
 }

 .accordion .accordion-item .accordion-header .accordion-button{
 color:var(--clr-azul-principal);
 }

 .accordion .accordion-item .accordion-body{
 text-align:left;
 }

 .accordion .accordion-item .accordion-body .list-group .list-group-item a{
 text-decoration:none;
 }

 .accordion .accordion-item .accordion-body .list-group .list-group-item:hover{
 background-color:var(--clr-celeste-degradado);
 }


 .accordion-body{
 text-align:left;
 padding-left:0;
 }

 .lista-subtemas{
 list-style:none;
 padding-left:0;
 margin:0;
 }

 .lista-subtemas .item-subtema a:hover{
 color:var(--clr-celeste-principal);
 }

 .item-subtema{
 margin-bottom:8px;
 width:100%;
 padding-left:0;
 }

 .item-subtema a{
 display:inline-flex;
 align-items:flex-start;
 text-decoration:none;
 font-size:15px;
 color:inherit;
 max-width:100%;
 padding-left:0px;
 margin-left:0px;
 gap:0px;
 }

 .item-subtema span{
 display:inline-block;
 word-wrap:break-word;
 line-height:1.4;
 margin-left:-20px;
 }

 .item-subtema svg{
 
 flex-shrink:0;
 margin-top:2px;
 }

 .lista-subtemas{
 list-style:none;
 padding-left:0;
 margin-left:0;
 }

 .item-subtema{
 margin:0;
 padding:0;
 text-align:left;
 }

 .item-subtema a{
 display:flex;
 align-items:center;
 gap:8px;
 text-decoration:none;
 color:#000;
 padding:4px 0;
 }





 

 .nav-dash{
 padding:15px;
 }

 .nav-pills .nav-link{
 text-align:left;
 color:var(--clr-azul-principal);
 font-family:var(--font-content);
 }

 .nav-pills .nav-link.active{
 background-color:#2257A2 !important;
 color:#fff !important;
 }

 .nav-pills .nav-link i{
 margin-right:.5rem;
 }

 
 .wrapp-dashboard{
 background-color:#f6f6f7;
 padding-left:20px;
 height:40rem;
 padding-right:20px;
 padding-top:20px;
 padding-bottom:20px;
 }

 .wrapp-dashboard .body-dashboard{
 background-color:white;
 padding-bottom:50px;
 padding-top:20px;
 }

 
 .wrapp-dashboard .body-dashboard .tab-content{
 padding-top:20px;
 padding-left:15px;
 }


 
 .wrapp-dashboard .body-dashboard .tab-content h1{
 font-family:var(--font-content);
 color:var(--clr-celeste-principal);
 text-transform:uppercase;
 display:flex;
 align-items:center;
 text-align:center;
 font-size:20px;
 font-weight:bold;
 }

 .wrapp-dashboard .body-dashboard .tab-content h1::before,
 .wrapp-dashboard .body-dashboard .tab-content h1::after{
 content:"";
 width:20px;
 border-bottom:1px solid var(--clr-celeste-principal);
 margin:0 10px;
 }


 
 .wrapper-cards .row{
 display:flex;
 justify-content:center;
 align-items:center;
 }


.card-dashboard{
 background-color:#e9eef5;
 width:100%;
 padding-top:60px;
 padding-bottom:20px;
 border-radius:10px;
 box-shadow:0 8px 16px rgba(0,0,0,0.1);
 position:relative;
 text-align:center;
 transition:all 0.3s ease;
 border:2px solid transparent;
}

 .card-dashboard:hover{
 transform:scale(1.05);
 box-shadow:var(--clr-celeste-principal) 0px 1px 4px;
 cursor:pointer;
 }

 .card-dashboard .box-content{
 z-index:1;
 transition:opacity 0.4s ease;
 }

.link-dashboard{
 text-decoration:none;
}



.card-dashboard .box-img{
 width:100px;
 height:100px;
 border-radius:50%;
 background-color:#f2f4f9;
 object-fit:cover;
 border:4px solid #fff;
 position:absolute;
 top:-50px;
 left:50%;
 transform:translateX(-50%);
}

 .card-dashboard .box-img svg{
 margin-top:12px;
 width:70px;
 }

.card-dashboard .box-title{
 background-color:white;
 padding:5px;
}

 .card-dashboard .box-title .title-dashboard{
 
 font-size:1rem;
 font-family:var(--font-content);
 color:var(--clr-azul-principal);
 }

.card-dashboard .box-content .overlay{
 position:absolute;
 top:0;
 left:0;
 z-index:2;
 border-radius:10px;
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,0);
 display:flex;
 align-items:center;
 justify-content:center;
 transition:background-color 0.4s ease;
 pointer-events:none;
}

 .card-dashboard .box-content .overlay svg{
 width:20px;
 color:var(--clr-azul-principal);
 }

.card-dashboard .btn-ver{
 background-color:white;
 color:var(--clr-azul-principal);
 font-weight:bold;
 padding:10px 25px;
 border:none;
 text-decoration:none;
 border-radius:20px;
 opacity:0;
 transition:opacity 0.4s ease;
}

.card-dashboard:hover .overlay{
 background-color:rgba(0,0,0,0.6);
 pointer-events:auto;
}

.card-dashboard:hover .btn-ver{
 opacity:1;
}


.scroll-mobile{
 overflow:hidden;
 height:100vh;
}






@media (max-width:768px){
 
 .wrapp-dashboard{
 height:115vh!important;
 padding:0 1rem;
 margin-top:20px;
 margin-bottom:100px;
 }
 .body-dashboard{
 padding:0px !important;

 }

 .wrapp-dashboard .nav-dash{
 width:100px!important;
 }

 .wrapp-dashboard .nav-dash .nav-link{
 background-color:var(--clr-azul-principal)!important;
 margin-top:10px !important;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:4px;
 text-align:center;
 padding:10px!important;

 }


 .nav-pills .nav-link.active{
 background-color:var(--clr-celeste-principal) !important;
 color:#fff !important;
 }

 .nav-pills .nav-link i{
 margin-right:.5rem;
 }


 .wrapp-dashboard .nav-dash .nav-link span{
 text-align:center !important;
 color:white;
 }

 .wrapp-dashboard .nav-dash svg{
 width:20px !important;
 display:none;
 }



 .wrapp-dashboard .body-dashboard .tab-content h1{
 font-size:16px!important;
 text-align:center!important;
 margin-left:30px!important;
 }

 .wrapp-dashboard .body-dashboard .tab-content h1::before,
 .wrapp-dashboard .body-dashboard .tab-content h1::after{
 display:none!important;
 }


 .scroll-mobile{
 overflow-y:auto;
 padding-right:8px;

 height:100%!important;
 }

 .card-dashboard{
 
 width:100%!important;

 padding-top:40px;
 padding-bottom:20px;
 border-radius:10px;
 box-shadow:0 8px 16px rgba(0,0,0,0.1);
 position:relative;
 text-align:center;
 transition:all 0.3s ease;
 border:2px solid transparent;
 }
 .title-dashboard{
 font-size:14px!important;
 }

 .wrapper-cards .p-1{
 padding:5px 15px 5px 15px!important;
 }
 .wrapper-cards .col:first-child{
 margin-top:20px;
 }

}
@media screen and (min-width:1024px) and (max-width:2560px){
 .wrapp-dashboard .nav-dash svg{
 width:25px !important;
 }
}

@media screen and (min-width:768px) and (max-width:1023px){
 .wrapp-dashboard{
 height:85vh !important;
 padding:0 1rem;
 margin-top:20px;
 margin-bottom:100px;
 }

 .body-dashboard{
 padding:0px !important;
 }

 .wrapp-dashboard .nav-dash{
 width:100px !important;
 }

 .wrapp-dashboard .nav-dash .nav-link{
 background-color:var(--clr-azul-principal) !important;
 margin-top:10px !important;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 gap:4px;
 text-align:center;
 padding:10px !important;
 }


 .nav-pills .nav-link.active{
 background-color:var(--clr-celeste-principal) !important;
 color:#fff !important;
 }

 .nav-pills .nav-link i{
 margin-right:.5rem;
 }


 .wrapp-dashboard .nav-dash .nav-link span{
 text-align:center !important;
 color:white;
 }

 .wrapp-dashboard .nav-dash svg{
 width:20px !important;
 display:none;
 }



 .wrapp-dashboard .body-dashboard .tab-content h1{
 font-size:16px !important;
 text-align:center !important;
 margin-left:30px !important;
 }

 .wrapp-dashboard .body-dashboard .tab-content h1::before,
 .wrapp-dashboard .body-dashboard .tab-content h1::after{
 display:none !important;
 }


 .scroll-mobile{
 overflow-y:auto;
 padding-right:8px;
 height:100% !important;
 }

 .card-dashboard{
 
 width:100% !important;
 padding-top:40px;
 padding-bottom:20px;
 border-radius:10px;
 box-shadow:0 8px 16px rgba(0,0,0,0.1);
 position:relative;
 text-align:center;
 transition:all 0.3s ease;
 border:2px solid transparent;
 }

 .title-dashboard{
 font-size:14px !important;
 }

 .wrapper-cards .p-1{
 padding:5px 15px 5px 15px !important;
 }

 .wrapper-cards .col:first-child{
 margin-top:20px;
 }

 .scroll-mobile{
 max-height:77vh;
 overflow-y:auto;
 padding-right:8px;
 }

 .card-dashboard{
 margin-top:40px;
 }

 .card-dashboard .btn-ver{
 padding:5px 15px;
 }
}





@media screen and (min-width:1024px) and (max-width:1366px){
 .wrapp-dashboard{

 height:80vh !important;
 padding:11px !important;
 }

 .wrapp-dashboard .nav-dash{
 width:390px !important;
 }

 .scroll-mobile{
 overflow-y:auto;
 padding-right:8px;
 height:67vh !important;
 }


 .wrapp-dashboard .tab-pane .wrapper-cards{
 
 }

 .wrapp-dashboard .tab-pane .wrapper-cards .row{
 
 padding-bottom:30px !important;
 }

 .wrapp-dashboard .tab-pane .wrapper-cards .row .card-dashboard{
 margin-top:50px;
 }
}

@media screen and (min-width:1367px) and (max-width:1511px){
 .wrapp-dashboard{

 height:85vh!important;
 padding:11px!important;
 }
 .body-dashboard{
 padding:0px!important;

 }
 .wrapp-dashboard .nav-dash{
 width:390px!important;
 }

 .scroll-mobile{
 overflow-y:auto;
 padding-right:8px;
 height:70vh !important;
 }

 .wrapp-dashboard .tab-pane{

 }
 .wrapp-dashboard .tab-pane .wrapper-cards{

 }

 .wrapp-dashboard .tab-pane .wrapper-cards .row{
 padding-bottom:30px!important;
 }

 .wrapp-dashboard .tab-pane .wrapper-cards .row .card-dashboard{
 margin-top:50px;
 }
}






@media screen and (min-width:1512px) and (max-width:1791px){
 .wrapp-dashboard{

 height:85vh !important;
 padding:11px !important;
 }

 .body-dashboard{
 padding:0px !important;

 }

 .wrapp-dashboard .nav-dash{
 width:300px !important;
 }


 .scroll-mobile{
 overflow-y:auto;
 padding-right:8px;
 height:70vh !important;
 }


 .wrapp-dashboard .tab-pane{

 }

 .wrapp-dashboard .tab-pane .wrapper-cards{

 }


 .wrapp-dashboard .tab-pane .wrapper-cards .row{

 padding-bottom:40px !important;
 }

 .wrapp-dashboard .tab-pane .wrapper-cards .row .card-dashboard{
 margin-top:40px;
 }
}



@media screen and (min-width:1792px) and (max-width:1919px){
 .wrapp-dashboard{

 height:75vh !important;
 padding:11px !important;
 }

 .body-dashboard{
 padding:0px !important;
 width:100% !important;
 height:71vh !important;

 }

 .wrapp-dashboard .nav-dash{
 width:500px !important;
 }


 .scroll-mobile{
 overflow-y:auto;
 padding-right:8px;
 height:70vh !important;
 }


 .wrapp-dashboard .tab-pane{

 width:100% !important;
 }

 .wrapp-dashboard .tab-pane .wrapper-cards{

 padding:1px !important;

 }


 .wrapp-dashboard .tab-pane .wrapper-cards .row{

 width:100%!important;
 padding-bottom:30px !important;
 }

 .wrapp-dashboard .tab-pane .wrapper-cards .row .card-dashboard{
 margin-top:50px;
 }
}




@media screen and (min-width:1920px) and (max-width:2560px){
 .wrapp-dashboard{

 height:70vh !important;
 padding:11px !important;
 }

 .body-dashboard{
 padding:0px !important;
 width:100% !important;
 height:78vh !important;

 }

 .wrapp-dashboard .nav-dash{
 width:550px !important;
 }


 .scroll-mobile{
 overflow-y:auto;
 padding-right:8px;
 height:56vh !important;
 }


 .wrapp-dashboard .tab-pane{

 width:100% !important;
 }

 .wrapp-dashboard .tab-pane .wrapper-cards{

 padding:1px !important;
 }


 .wrapp-dashboard .tab-pane .wrapper-cards .row{

 width:100% !important;
 padding-bottom:30px !important;
 }

 .wrapp-dashboard .tab-pane .wrapper-cards .row .card-dashboard{
 margin-top:57px;
 }
}






 
 @media (max-width:768px){
 .scroll-mobile{
 max-height:77vh;
 overflow-y:auto;
 padding-right:8px;
 }

 .card-dashboard{
 margin-top:40px;
 }

 .card-dashboard .btn-ver{
 padding:5px 15px;
 }
 }





#owl-demo .item{
margin:1px !important;
}

#owl-demo .item img{
 display:block;
 width:100%;
 height:auto;
}

.wrapper-sitios{
 background-color:var(--clr-azul-degradado) !important;
 padding:10px !important;
}

 .wrapper-sitios .owl-carousel{
 height:20vh !important;
 background-color:white;
 padding:20px;
 margin-top:-5px !important;
 }

 .wrapper-sitios .body-sitios{
 height:100% !important;
 background-color:white !important;
 padding:10px;
 }

@media (max-width:768px){
 #owl-demo .item img{
 display:block;
 width:100%;
 height:auto;
 }

 .wrapper-sitios{
 background-color:var(--clr-azul-degradado) !important;
 margin-top:-100px !important;
 }

 .wrapper-sitios .owl-carousel{
 max-width:100% !important;
 height:auto !important;
 background-color:white;
 margin-bottom:-5px !important;
 }

 .wrapper-sitios .body-sitios{
 height:auto;
 background-color:white !important;
 margin-left:5px;
 margin-right:10px;
 
 }
}
@media screen and (min-width:768px) and (max-width:1023px){
 #owl-demo .item img{
 display:block;
 width:100%;
 height:auto;
 }

 .wrapper-sitios{
 background-color:var(--clr-azul-degradado) !important;
 margin-top:-100px !important;
 }

 .wrapper-sitios .owl-carousel{
 max-width:100% !important;
 height:auto !important;
 background-color:white;
 margin-bottom:-5px !important;
 }

 .wrapper-sitios .body-sitios{
 height:auto;
 background-color:white !important;
 margin-left:5px;
 margin-right:10px;
 }
}
@media screen and (min-width:1024px) and (max-width:1511px){
 #owl-demo .item img{
 display:block;
 width:100%;
 height:auto;
 }

 .wrapper-sitios{
 background-color:var(--clr-azul-degradado) !important;
 margin-top:20px !important;
 }

 .wrapper-sitios .owl-carousel{
 max-width:100% !important;
 height:auto !important;
 background-color:white;
 margin-bottom:-5px !important;
 }

 .wrapper-sitios .body-sitios{
 height:auto;
 background-color:white !important;
 margin-left:5px;
 margin-right:10px;
 }
}



 

 
 .footer-inec{
 background:#190000;
 background:#0D1D3F;
 background:linear-gradient(90deg,rgba(13,29,63,1) 28%,rgba(34,87,162,1) 100%);

 font-family:var(--font-content);
 }

 .footer-inec h1{
 font-family:var(--font-content);
 color:var(--clr-celeste-degradado);
 text-transform:uppercase;
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
 font-size:20px;
 font-weight:bold;
 }


 .footer-inec h1::before,
 .footer-inec h1::after{
 content:"";
 width:20px;
 border-bottom:1px solid var(--clr-amarillo-principal);
 margin:0 15px;
 }


 .footer-inec .footer-ubicacion p{
 color:white;
 font-family:var(--font-content);
 font-size:15px !important;
 }

 .footer-ubicacion .logo{
 display:flex;
 justify-content:center;
 align-items:center;
 }


 .footer-ubicacion .row .licence{
 color:white !important;
 text-decoration:none !important;
 }

 .footer-ubicacion .row .licence a{
 color:white !important;
 text-decoration:none !important;
 }

 .footer-ubicacion .cgr-inec{
 width:50%;
 }


 .footer-copyright{
 background-color:var(--clr-celeste-principal) !important;
 }

 .footer-copyright{
 font-family:var(--font-content);
 font-size:15px;
 padding-top:10px;
 text-align:center;
 color:white;
 }

 
 .footer-ubicacion .redes-sociales a{
 padding:6px;
 color:white;
 }


 




@media (max-width:768px){

 footer-ubicacion .logo .cgr-inec{
 width:40px !important;
 }
 .footer-inec h1{
 font-size:16px!important;
 }
 .footer-inec h1::before,
 .footer-inec h1::after{
 width:10px!important;
 margin:0 5px!important;
 }

 .footer-inec .footer-ubicacion p{
 font-size:14px !important;
 }
 .footer-inec .redes-sociales svg{
 width:20px !important;
 }
 .footer-inec .row-telefonos{
 margin-top:10px !important;
 }
}




@media screen and (min-width:481px) and (max-width:768px){

}


@media screen and (min-width:1024px) and (max-width:1511px){
 .footer-inec{
 padding-top:15px!important;
 padding-bottom:0px!important;
 padding-left:0px!important;
 padding-right:0px!important;
 }
 .o
 .footer-inec h1{
 font-size:16px;
 }
 .footer-inec .redes-sociales svg{
 width:30px!important;
 }
 .footer-inec .row-telefonos{
 margin-top:10px!important;
 }
}

@media (min-width:1512px){
 .footer-inec{
 padding-top:20px !important;
 padding-bottom:0px !important;
 padding-left:10px !important;
 padding-right:10px !important;
 }

 .footer-inec h1{
 font-size:24px;
 }
 .footer-inec .footer-ubicacion p{
 font-size:20px !important;
 }
 .footer-inec .redes-sociales svg{
 width:40px !important;
 }

 .footer-inec .row-telefonos{
 margin-top:10px !important;
 }
}