/*! HEADER =====================================
============================================= */
.main-header{background:var(--rojo);top:0;width:100%;z-index:999;box-shadow:0 3px 6px 0 rgb(0 0 0 / 20%)}
.main-header a{color:#fff}
.main-header a:hover{text-decoration:none}
.button-toggle svg,.ico-search,.redes svg{fill:#fff}
.redes,.redes a{display:flex;align-items:center}
.redes{list-style:none;margin:0;padding:0}
.ico-search,.redes svg{width:auto;height:18px;opacity:.7;transition:opacity ease-in-out .2s}
.ico-search:hover,.redes a:hover svg{opacity:1}
.redes a{margin:0 7.5px}
.btn-buscador{display:flex;margin-left:7.5px}
/*! Boton toggle */
.button-toggle{background-color:transparent;border:none;display:flex;align-items:center;color:#fff;line-height:1em;text-transform:uppercase;position:relative}
.button-toggle span{margin-left:30px;font-size:.8em}
.button-toggle .toggle-icon{position:absolute;top:50%;transform:translateY(-50%) scale(.8);transform-origin:0 50%;left:0}
/*!  antes de 12 años*/
.main-logo--img{width:500px}
.main-logo--img.main-logo-14a{width:650px}
@media screen and (max-width:768px){
body{padding-top:60px}
/*!  antes de 12 años*/
.main-logo--img{width:240px}
.main-logo--img.main-logo-14a{width:calc(100% - 30px);height:auto}
.button-toggle .toggle-icon{left:-30px}
}
/*!  solo  12 años*/
@media screen and (max-width:375px){
.main-logo--img{width:230px}
.toggle-icon{position:absolute;right:-3px;top:-7px}
}
@media screen and (min-width:376px) and (max-width:768px){
.col.col-logo{width:100%}
.toggle-icon{position:relative}
}

/*! menu desktop */
.nav-desktop .nav.ul-main{width:100%;justify-content:center}
.nav-desktop .nav.ul-main>li{position:relative;padding:7px 7px;border-right:solid 1px rgb(255 255 255 / 10%)}
.nav-desktop .nav.ul-main>li.item-vertical--1,.nav-desktop .nav.ul-main>li:first-child{position:relative;border-left:solid 1px rgb(255 255 255 / 10%)}
.nav-desktop .nav.ul-main li.border-r{border-right:solid 1px rgb(255 255 255 / 10%)}
.nav-desktop .nav.ul-main>li .nav-ico-submenu{margin-left:10px}
.nav-desktop .nav.ul-main>li>a{color:rgba(255,255,255,.7);position:relative;text-transform:uppercase;padding:0}
/*!hover*/
.nav-desktop .nav.ul-main>li{transition:background-color .5s linear}
.nav-desktop .nav.ul-main>li:hover{background-color:var(--azul-oscuro)}
.nav-desktop .nav.ul-main>li:hover>a{color:#fff}
.nav-desktop .nav.ul-main>li>a:hover{color:#fff;background-color:transparent}
.nav-ico-submenu{fill:rgba(255,255,255,.7)}
.nav-desktop .nav.ul-main>li:hover .nav-ico-submenu{color:#fff}
.nav-subsec{list-style:none;margin:0;padding:0}
.nav-desktop .nav-subsec{position:absolute;background-color:var(--azul-oscuro);top:100%;left:0;min-width:100%;border-top:solid 2px #000;z-index:99;display:none}
.nav-desktop .nav-subsec li{border-bottom:solid 1px rgba(255,255,255,.1)}
.nav-desktop .nav-subsec a{padding:.7em 1em;color:rgba(255,255,255,.6);font-size:.9em;width:max-content}
.nav-desktop .nav-subsec a:hover{color:rgba(255,255,255,1)}
/*!activo*/
.nav-desktop .nav.ul-main>li>a.activo{color:#fff;font-weight:700}
.nav-desktop .nav.ul-main>li>a.activo::after{width:100%}
/*! logos verticales */
.nav-desktop img[class^=logo-]{width:auto;height:14px}
.nav-desktop img.logo-yosoytu{height:19px}
.nav-desktop .nav.ul-main>li:hover a img{filter:brightness(1.2)}
/*! cuando no es portada, que no este el deco */
body:not(.home) .nav-desktop .nav.ul-main>li>a.activo.inicio:after{width:0}
.form-control::-webkit-input-placeholder{color:var(--azul)}
.form-control:-moz-placeholder{color:var(--azul)}
.form-control::-moz-placeholder{color:var(--azul)}
.form-control:-ms-input-placeholder{color:var(--azul)}
.form-control:focus{-webkit-box-shadow:0 0 5px 0 rgba(255,255,255,1);-moz-box-shadow:0 0 5px 0 rgba(255,255,255,1);box-shadow:0 0 5px 0 rgba(255,255,255,1)}
.header-zone-1 .container{display:flex;align-items:center;height:60px}
.header-zone-1 .container .col{padding:0}
@media screen and (min-width:768px){
.header-zone-1 .container{height:130px}
.header-zone-1 .container .col{display:flex;align-items:center;width:33.33%}
.header-zone-1 .container .col:nth-child(1){justify-content:flex-start}
.header-zone-1 .container .col:nth-child(2){justify-content:center}
.header-zone-1 .container .col:nth-child(3){justify-content:flex-end}
.header-zone-1 .container .col.logo{display:flex;flex-direction:column;align-items:center}
.header-fecha {
    text-align: center;
    color: rgba(255, 255, 255, 1);
    font-size: 11px;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    margin-bottom: 5px
}


.header-fecha span{display:block;padding:0 15px}
.header-fecha::after,.header-fecha::before{content:"";display:block;height:1px;background-color:#ebebeb4f;flex:1 auto}
/*!logo desktop regiones*/
img.main-logo--img.hidalgo{width:660px}
img.main-logo--img.guanajuato{width:660px}
img.main-logo--img.veracruz{width:660px}
.nav.ul-main,.nav.ul-main a,.navbar-nav>li{line-height:normal}
}
.header-zone-2{justify-content:center;align-items:center;background-color:var(--azul)}
body.body-noscroll #main-content{filter:blur(2px)}
/*! HEADER VARIOS EN MOBILE---- */
@media only screen and (max-width :768px){
/*! Al body, acl clickear toggle anulo el scroll Y (ver js)*/
.main-header{position:fixed;top:0;width:100%;transition:background-color .5s ease-in-out}
.header-zone-1 .col.toggle{order:2;margin-left:auto;margin-right:-15px}
body.body-noscroll{overflow-y:hidden}
/*! animo abro*/
body.body-noscroll .main-header{z-index:9999;background-color:#000}
body .main-logo--img{transition:width .2s ease-in-out;transition-delay:.1s}
body.body-noscroll .main-logo--img{width:180px}
.header-fecha{display:none}
img.main-logo--img.hidalgo{width:300px}
img.main-logo--img.guanajuato{width:300px}
img.main-logo--img.veracruz{width:300px}
}
/*! Fixed effect ===== */
@media screen and (min-width:768px){
body{padding-top:0}
.main-header.fixed .header-zone-1{display:none}
.main-header.fixed .header-zone-2{position:fixed;top:0;width:100%;z-index:99}
}
/*! Sliding Buscador ===== */
.sliding-buscador{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.85);z-index:999}
.sliding-buscador .container{padding:30px;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:flex;flex-direction:column}
.sliding-buscador form{width:50%;display:block}
.sliding-buscador .search-group{height:50px;position:relative}
.sliding-buscador .btn-submit,.sliding-buscador .input-buscar{background-color:#fff;border:none;padding-left:15px;padding-right:15px}
.sliding-buscador .input-buscar{border-top-left-radius:5px;border-bottom-left-radius:5px;flex:1 1 90%}
.sliding-buscador .btn-submit{border-top-right-radius:5px;border-bottom-right-radius:5px;font-size:1.8em;line-height:1em;flex:1 1 10%;text-align:right}
.sliding-buscador .search-group button.btn{background-color:transparent}
.titulo-buscar{text-align:left;color:#fff;font-size:2.5em;font-weight:100}
.sliding-buscador .input-buscar::-webkit-input-placeholder{/*! Edge */color:#000}
.sliding-buscador .input-buscar:-ms-input-placeholder{/*! Internet Explorer 10-11 */color:#000}
.sliding-buscador .input-buscar::placeholder{color:#000}
.sliding-buscador .input-buscar:focus{outline:0;color:#000}
/*! boton cerrar */
#x-sliding-buscador{cursor:pointer;cursor:hand;position:absolute;right:15px;top:15px;opacity:.85}
#x-sliding-buscador img{filter:invert(1);width:35px}
#x-sliding-buscador:hover{opacity:1}
/*! Fixed cabecera fija */
.main-header.fixed .logo-en-fixed{display:flex;align-items:center}
.main-header.fixed .logo-en-fixed .main-logo--img{width:100px;height:auto;margin-top:-2px}
.main-header.fixed .logo-en-fixed small{color:#fff;font-size:.85em;line-height:1em;margin-left:8px;line-height:1em;margin-top:1px}
.main-header.fixed .container.nav-desktop{display:flex;align-items:center;margin-right:auto}
.main-header.fixed .nav-desktop .nav.ul-main{width:auto;margin-left:auto}
.main-header.fixed .nav-desktop .nav.ul-main a{font-size:.8em}
.main-header.fixed .nav-desktop img.logo-yosoytu{height:13px}
.main-header.fixed .nav-desktop img[class^=logo-]{height:11px}
.main-header.fixed .logo-en-fixed img.main-logo--img.guanajuato{width:216px}
.main-header.fixed .logo-en-fixed img.main-logo--img.hidalgo{width:188px;margin-top:-4px}
.main-header.fixed .logo-en-fixed img.main-logo--img.veracruz{width:188px;margin-top:-4px}
.main-header.la-cadera-de-eva{background-color:#93278f}
@media screen and (min-width:768px){
.main-header.la-cadera-de-eva .header-zone-2{background-color:#5c185e}
.main-header.la-cadera-de-eva.fixed .header-zone-2{background-color:#93278f}
.main-header.la-cadera-de-eva.fixed .nav-desktop img[class^=logo-]{filter:grayscale(100) brightness(50)}
}