@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;
}

:root{
 
 --font-titles:'Montserrat';
 --font-content:'Roboto';
 --font-alternative:'Montserrat Alternates';
 
 --color-principal:#19446d;
 --color-secundario:#2a72b5;
 --color-terciario:#f59c1a;
 --color-cuarto:#00bec7;
}



.header-menu{
 width:100% !important;
 background:#190000;
 background:linear-gradient(90deg,rgba(25,68,109,0.9864320728291317) 10%,rgba(26,125,218,1) 26%,rgba(42,114,181,1) 40%,rgba(57,139,214,1) 49%,rgba(42,114,181,1) 58%,rgba(42,114,181,1) 65%,rgba(25,68,109,1) 81%) !important;
 height:40px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:0 40px;

 margin:0 auto;
 display:flex;
 justify-content:center;
 align-items:center;
 border-bottom:2px solid var(--color-principal);
}

 .header-menu .logo{
 width:300px;
 margin-top:8px;
 color:white !important;
 }

 .header-menu .logo .title{
 color:white !important;
 }

 .menu .logo{
 display:none;
 }

 .menu .menu-ul{
 display:flex;
 }

._title_esoc{
 color:var(--color-principal) !important;
 font-size:20px;
 font-family:var(--font-content);
 font-weight:900;
 text-transform:uppercase !important;
}


@media only screen and (max-width:480px){
 .nv-right{
 float:right !important;
 }

 .nv-left{
 float:left !important;
 margin-left:0px !important;
 margin-top:-10px !important;
 }
}



@media (min-width:481px) and (max-width:640px){
 .nv-right{
 float:right !important;
 }

 .nv-left{
 float:left !important;
 margin-left:30px !important;
 margin-top:-10px !important;
 }

}

@media (max-width:767px){

 
 .container-logo .row .col .img-logo{
 margin-left:90px!important;
 }
 .container-logo .navbar-brand{
 display:none!important;
 }
 .header-menu{
 margin-top:49px !important;
 position:fixed!important;
 z-index:1021!important;
 }

 .header-menu .logo{
 padding-left:6px;
 padding-right:6px;

 }
 .header-menu .logo .INEC{
 color:white;
 font-size:14.5px;
 font-weight:500;
 font-family:var(--font-content);
 }
 .header-menu .menu{
 height:100%;
 position:fixed;
 overflow-y:scroll;
 background:#190000;
 background:linear-gradient(16deg,rgba(25,68,109,0.9864320728291317) 10%,rgba(42,114,181,1) 26%,rgba(42,114,181,1) 42%,rgba(25,68,109,1) 81%);
 }
 .header-menu .menu .menu-ul .dropdown__list{
 list-style:none;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link:hover{
 background-color:var(--color-secundario) !important;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub .dropdown__li:hover{
 background-color:var(--color-secundario) !important;
 }

 .header-menu .menu .menu-ul .dropdown__list:has( :checked ) .dropdown__content{
 --rows:1fr;
 --rotate:rotate(180deg);
 --bg:#28303B;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link{
 color:#b80000;
 padding:1em .7em;
 text-decoration:none;
 display:flex;
 align-items:center;
 gap:.6rem;
 position:relative;
 background-color:var(--bg,transparent);
 border-radius:6px;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link a{
 color:white;
 text-decoration:none;
 font-size:15px;
 font-family:var(--font-content);
 
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link .dropdown__check{
 position:absolute;
 width:100%;
 height:100%;
 opacity:0;
 cursor:pointer;
 }
 
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link .dropdown__icon{
 color:var(--color-terciario);
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link .dropdown__span{
 color:white;
 font-size:15px;
 font-family:var(--font-content);
 }
 
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link .dropdown__arrow{
 color:var(--color-cuarto);
 margin-left:auto;
 transform:var(--rotate,0);
 transition:.2s transform;
 }

 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content{
 display:grid;
 grid-template-rows:var(--rows,0fr);
 transition:.3s grid-template-rows;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub{
 overflow:hidden;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub .dropdown__li{
 width:85%;
 list-style:none;
 padding-left:10px;
 padding-right:10px;
 
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub .dropdown__li .dropdown__anchor{
 padding:1em 0;
 display:block;
 font-family:var(--font-content);
 font-size:15px;
 color:white;
 text-decoration:none;
 }
 .header-menu .icon-responsive{
 background-color:var(--color-secundario);
 }
 .header-menu .icon-responsive div{
 color:var(--color-secundario);
 }


}

@media (min-width:768px){
 
 .icon-menus_{
 display:none!important;
 }
}

@media (min-width:768px){
 .header-menu .logo .INEC{
 display:none !important;
 z-index:2!important;
 }

 .header-menu .logo{
 display:none !important;
 }
}

@media (min-width:992px){

 .header-menu{

 position:fixed !important;
 z-index:1021 !important;
 }

 .header-menu .menu .menu-ul .dropdown__list{
 padding:25px;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown{
 position:relative;
 display:inline-block;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link{
 background:none;
 border:none !important;
 color:white;
 font-family:var(--font-content),Arial;
 font-size:18px;
 cursor:pointer;
 margin-top:15px;
 display:flex;
 justify-content:center;
 align-items:center;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link a{
 text-decoration:none;
 color:white;
 }
 
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link .dropdown__icon{
 color:var(--color-cuarto);
 display:none;

 }
 
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link .dropdown__arrow{
 color:var(--color-terciario);
 padding-left:5px!important;
 margin-left:auto;
 transform:var(--rotate,0);
 transition:.2s transform;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content{
 display:none;
 position:absolute;
 background-color:#f9f9f9;
 min-width:160px;
 box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index:2;
 color:var(--color-principal);
 }

 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub{
 padding-left:20px;
 padding-right:20px;
 padding-top:15px;
 padding-bottom:15px;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub .dropdown__li{
 padding-top:10px;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub .dp-glos{
 display:flex;
 justify-content:center;
 align-items:center;
 padding-top:3px!important;
 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub .dropdown__li .dropdown__anchor:hover{
 color:var(--color-terciario)!important;
 font-weight:600;
 }



 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub .dropdown__li .dropdown__anchor{
 font-family:var(--font-content);
 font-size:16px;
 }

 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub .dropdown__li .dropdown__anchor span{
 font-weight:600;
 

 }
 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content a{
 text-decoration:none;
 display:block;
 color:var(--color-principal) !important;
 }

 .header-menu .menu .menu-ul .dropdown__list .__dropdown:has( :checked) .dropdown__content{
 display:block;
 }

}



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

 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link{
 font-size:13.3px;
 }

 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__content .dropdown__sub .dropdown__li .dropdown__anchor{
 font-size:14px!important;
 }

}


@media (min-width:993px) and (max-width:1919px){
 
 .header-menu{
 margin-top:-7px !important;

 }

}
 @media only screen and (max-width:1100px){
 .header-menu{
 width:90%;
 padding:0 20px;
 }

 .menu{
 position:absolute;
 left:-300px;
 top:0px;
 z-index:999;
 width:280px;
 height:100vh;
 background-color:#fefefe;
 transition:.2s;
 box-shadow:2px 0 20px 0 rgba( 0,0,0,0.05);
 }

 #nav_check:checked ~ .menu{
 left:0;
 }

 .menu .logo{
 display:block;
 height:70px;
 display:flex;
 align-items:center;
 margin-left:30px;
 }

 .menu .menu-ul{
 display:block;
 padding:0 20px;
 margin-top:30px;
 }

 .icon-responsive{
 display:blocK;
 }
 }

 .facebook-icon{
 background-color:var(--color-secundario) !important;
 }



 @media(max-width:767px){
 .menu .menu-ul li a{
 color:black;
 }
 }

 .icon-responsive{
 display:none;
 height:fit-content;
 cursor:pointer;
 padding:3px 8px;
 border-radius:5px;
 transition:.2s;
 }

 .icon-responsive:hover{
 background:var(--color-secundario);
 }

 .icon-responsive div{
 width:30px;
 height:2px;
 margin:6px 0;
 background:white !important;
 }



 .header-menu .menu .menu-ul .dropdown__list .__dropdown .dropdown__link .dropdown__check{
 position:absolute;
 width:100%;
 height:100%;
 opacity:0;
 cursor:pointer;
 }





 .m-top{
 margin-top:140px;
 }