/*-----------------------------------
      HEADER
------------------------------------*/

/* Crono para programa */

#cronoPrograma {
  background: var(--verde); 
  padding:3px;
  text-align: center;

}
#cronoPrograma .col-sm-4{
  display: flex !important;
  align-items: center;
  justify-content: center;;
}

#cronoPrograma .col-sm-4{
  display: flex !important;
  align-items: center;
  border-left: 1px solid #a3a3a3; 
}
#cronoPrograma .col-sm-4:first-child{
border-left: 0px ;
}
#cronoPrograma p{
  margin-bottom:0 !important;
  font-size:15px;
  display: inline-block;
  margin-right: 7px !important;
  font-weight: bold;;
}
#cronoPrograma p a{
  color:var(--azul) !important;
}
.tminus_countdown{
  width: 100px !important;
}

.darth-weeks_dash, .darth-hours_dash, .darth-days_dash, .darth-minutes_dash, .darth-seconds_dash{
  background: transparent !important;

}
.darth-dash{
  float:none;
  width: auto !important;
  height: auto !important;
  padding-left: 0 !important;
  padding-top: 0 !important;
}
.darth-dash:before{
  content: ':';
  background-size: 6px 6px;
  padding-left: 3px !important;;
}

.darth-dash:last-child::before{
  display: none;
}
.darth-dashboard{
  display: flex;
  height: auto !important;
  font-size: 15px !important;
  width: auto !important;

}
.darth-digit{
  font: bold 14px 'Raleway' !important;
  width: auto !important;
}
.darth-dash_title{
  display: none !important; 
}

/* Baner top */

.banner-top p{
  margin-bottom: 0 !important;
  font-size: 12px;
  padding:5px;
  font-weight: 700;
}

.logo {
    display: flex;
    align-items: center;
}
.logo img {
    width: 200px;
    margin-right: 20px;
}
.texto-header {
    color: white;
    font-size: 11px;
}

.boton-rosa input[type="submit"] {
    margin-bottom: 0;
}



#header {
  background: var(--azul);
  width: 100%;
  height: 100%;
}
#header .main, #cronoPrograma .main {
  max-width: 1500px;
  margin: 0 auto;
  padding: 10px;
}

#header .main-simple {
  max-width: 1800px;
  margin: 0 auto;
  padding: 10px;
}
 
#header .d-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#header .bloques{
  display: grid;
  grid-template-columns: 200px 1fr;
  align-items: center;;
}
#header a{color: #fff !important}

#header .menu .enlaces{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0  0 15px 0;
}
#header .menu .enlaces > div{
  padding: 0 2%;
  border-right: 1px solid #fff;
}
#header .menu > div .idiomas{
  border-right: 0 !important;
}
#header .enlaces a, #header .enlaces p{
  padding: 0;
  font-size: 13px !important;
  /* font-weight: bold; */
  letter-spacing: 0.5px;
  line-height: 1;
}
#header p{
  padding: 0;
  margin: 0;
}
#header i{
  font-size:13px;
  margin:0 7px;
}


/*
#header .idiomas .f-verde {
  width: max-content;
  float:right;
}

#header .idiomas .f-verde p {
  margin-bottom: 0 !important;
}
#header .idiomas .f-verde span {
  margin: 0px 5px;
  font-size: 13px;
}
*/
#header .idiomas .f-beige {
  width: max-content;
  float:right;
  background: transparent !important;
  border: 1px solid var(--beige);
}

#header .idiomas .f-beige p {
  margin-bottom: 0 !important;
}
#header .idiomas .f-beige span {
  margin: 0px 5px;
  font-size: 13px;
}

#mega-menu-max_mega_menu_5 {
  display: flex !important;
  flex-direction: row;
  justify-content: flex-end;
  font-family: "Raleway", sans-serif;
}
#menu
  #mega-menu-wrap-max_mega_menu_5
  #mega-menu-max_mega_menu_5
  > li.mega-menu-tabbed
  > ul.mega-sub-menu {
  width: 100% !important;
  max-width: 200px !important;
  transition: none !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #eeeeee !important;
  grid-template-rows: repeat(5, 1fr);
  min-height: 190px !important;
  left: inherit !important;
  top: 50px;
  box-shadow: 3px 2px 5px grey;
  border-left: 1px solid #ccc;
}
#mega-menu-wrap-max_mega_menu_5
  #mega-menu-max_mega_menu_5
  > li.mega-menu-item
  a {
  text-transform: uppercase !important;
  color: #fff !important;
  /* font-weight: 600 !important;  */
  font-size:14px !important;
  letter-spacing: 0.5px;;


}
#mega-menu-wrap-max_mega_menu_5
  #mega-menu-max_mega_menu_5
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item {
  width: 100% !important;
  transition: none !important;
}

#mega-menu-wrap-max_mega_menu_5
  #mega-menu-max_mega_menu_5
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link ,
  #mega-menu-wrap-max_mega_menu_5 #mega-menu-max_mega_menu_5 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
  width: 100% !important;
  background: #ffffff !important;
  color: var(--azul) !important;
  line-height: 42px !important;
  text-transform: none !important;
  font-size: 14px !important;
  transition: none !important;
}
#mega-menu-wrap-max_mega_menu_5
  #mega-menu-max_mega_menu_5
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item
  > a.mega-menu-link:hover,
  #mega-menu-wrap-max_mega_menu_5 #mega-menu-max_mega_menu_5 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
  width: 100% !important;
  background: #dfdfdf !important;
  color: var(--azul) !important;
  transition: none !important;
}
 #mega-menu-wrap-max_mega_menu_5 #mega-menu-max_mega_menu_5 {
  top:50px;
  gap:20px !important;
 } 
#mega-menu-wrap-max_mega_menu_5
  #mega-menu-max_mega_menu_5
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item
  > ul.mega-sub-menu {
  width: 600px !important;
  left: 199px !important;
  background: #ffffff !important;
  display: block !important;
  border: 1px solid #eeeeee;
  box-shadow: 3px 2px 5px grey;
  transition: none !important;
}
#mega-menu-wrap-max_mega_menu_5
  #mega-menu-max_mega_menu_5
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item
  > ul.mega-sub-menu
  > li.mega-menu-item {
  opacity: 0 !important;
  transition: 0.1s !important;
}

#mega-menu-wrap-max_mega_menu_5
  #mega-menu-max_mega_menu_5
  > li.mega-menu-tabbed
  > ul.mega-sub-menu
  > li.mega-menu-item:hover
  > ul.mega-sub-menu
  > li.mega-menu-item {
  opacity: 1 !important;
  transition: 0.1s !important;
}
#mega-menu-wrap-max_mega_menu_5
  #mega-menu-max_mega_menu_5
  li.mega-menu-megamenu
  > ul.mega-sub-menu
  > li.mega-menu-row {
  width: 100%;
  height: 100%;
  padding: 10px 12px;
  text-align: center;
}
li.widget_custom_html {
  text-align: center;
}
#contenido-cat-menu { 
  display: flex;
  align-items: center; 
}
#contenido-cat-menu .texto-cat-menu { 
  text-align: center;
  padding: 0px 15px;
  width: 100%;
  color: var(--azul);
}

#contenido-cat-menu .img-cat-menu img {
  max-width: 235px !important;
  height: auto;
}
.menuResp-si{display:none}
.menuResp-no{display:block}

.lupa{
  height: 100%;
  display: inline-flex;
  align-items: center;
  /* color: var(--rosa); */
  font-size: 20px;
}


.lupa a{
  color:white !important;
}

#mega-menu-wrap-max_mega_menu_6 #mega-menu-max_mega_menu_6 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after{
  content: "\025ba" !important;
    color: var(--rosa) !important;
    margin: 0px 5px !important ;
}
#mega-menu-wrap-max_mega_menu_6 #mega-menu-max_mega_menu_6 > li.mega-menu-item > a.mega-menu-link{
  overflow: hidden !important;
}




/*-------------------------------------------------------------
      RESPONSIVE
----------------------------------------------------------------*/


@media only screen and (max-width: 1400px) {}


@media only screen and (max-width: 1200px) {
  #mega-menu-wrap-max_mega_menu_5 #mega-menu-max_mega_menu_5 {
    top: 50px;
    gap: 0px !important;
  }



}


@media only screen and (max-width: 1078px) {
  .menuResp-si{display:block !important;}
  .menuResp-no{display:none !important;}
  .texto-header{
    display: none;
  }
  #headerNuevo {
    z-index: 9;
    background: var(--azul);
    width: 100%;
    height: auto;
    position: fixed;
  }
  #mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle{
    justify-content: center;
  }
  #card-buscador .card.card-body{
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 10;
  }
  .banner-top.f-verde{
    position: fixed;
    top:0;
    width: 100%;
    z-index: 9;
  }
  #mega-menu-wrap-max_mega_menu_10 #mega-menu-max_mega_menu_10 > li.mega-menu-item > a.mega-menu-link{
    font-size: 16px !important;
  }
  .lupa i{
    font-size: 18px;
    color: #fff !important
  }
  #mega-menu-wrap-max_mega_menu_10 #mega-menu-max_mega_menu_10 > li.mega-menu-item.mega-wpml-ls-current-language > a.mega-menu-link {
    color: #fff !important;
  }
  #mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle .mega-toggle-block-1:after {
    content: '\F479' !important;
    font-family: bootstrap-icons !important;
    font-size: 26px !important;
    color: #fff !important;
    
  }

}

@media only screen and (max-width: 992px) {




}


@media only screen and (max-width: 768px) {
.logo {
    display: flex;
    align-items: center;
}
.logo img {
    width: 120px;
    margin-right: 20px;
}

}


@media only screen and (max-width: 575px) {


}