:root {
  /* Neutros */
  --color-menu_top-eu:  #4a4a49;
  --color-menu_top-gris:#EDEDED; 
  --color-menu_top-rojo:  #DC2626;
  --color-menu_top-btn:#222828;
}

.menu_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background-color: #2563eb;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
}

a.liga_menu,a.liga_menu:active,a.liga_menu:link,a.liga_menu:visited{display:inline-flex;font-size:1.06em;color:#fff;cursor:pointer;font-weight:900;letter-spacing:1px;-moz-osx-font-smoothing:grayscale;text-decoration:none;}
a.liga_menu:hover {text-decoration:none;}
a.liga_menu:hover .menu_arrow {transform:rotate(180deg);color:var(--color-menu_top-btn);}
a.liga_menu .menu_arrow {font-size:1.4em;font-weight:600;display:inline-block;color:var(--color-menu_top-rojo);transition:transform 0.3s ease, color 0.3s ease;margin-left:6px;
}

a.liga_menub,a.liga_menub:active,a.liga_menub:link,a.liga_menub:visited{font-size:1em;color:#fff!important;cursor:pointer;font-weight:900;letter-spacing:1px;-moz-osx-font-smoothing:grayscale;text-decoration:none;background-color:var(--color-menu_top-btn);border:0px!important;padding:4px 12px;margin-top:16px;}
a.liga_menub:hover{text-decoration:none;background-color:var(--color-menu_top-rojo);transition:all 0.2s linear;}


.logo_r_menu{height:70px;width:auto;max-height:70px;min-width:150px;margin-left:50px;margin-top:-20px;}
.cuadro_menu{
	width:80vw!important;background-color:#fff!important;
	position:fixed!important;left:0;right:0!important;margin:auto!important;
	z-index:10;box-shadow: 0 0 20px 6px rgba(0,0,0,0.4);
	transition: all 0.6s step-end;
	opacity:0;
	top:90px!important;
	max-width:600px;
}

.menu_mobile{display:none;z-index:99;color:#000!important;margin-top:-30px;margin-left:-14px;width:100%;height:100%;}

.bloque_menu_mobile{position:relative;width:100vw;height:0vh;font-size:0.8em;font-weight:500;transition:height .3s linear;background:#fff;overflow:hidden;margin-top:100px;}

.mobile_op{width:100%;border-bottom:1px solid #aaa;height:46px;padding:10px;cursor:pointer;}
.mobile_op::after{float:right;content:"\f054";font-family:icomoon;color:#000;font-size:1em;margin-right:14px;}

.bloque_submenu{position:absolute;top:0px;right:-1200px;width:100vw;height:100vh;background:#fff;z-index:9999;}
.submenu_mobile_tit{background:#000;color:#fff;width:100%;height:42px;padding:6px;padding-right:20px;cursor:pointer;}
.submenu_mobile_tit::before{content:"\f053";font-family:icomoon;color:#fff;font-size:1em;margin-left:10px;margin-right:16px;}

.cuadro_submenu{display:hidden;overflow-y:scroll;width:100vw!important;}

.submenu_header{background:#ededed;width:100%!important;height:60px;padding:8px;font-size:1.4rem;padding-left:20px;padding-top:12px;}
.submenu_contenido{padding:20px;}

.accordion{width:100vw!important;overflow:none!important;padding:0;margin:0;}
.card{width:130vw!important;}
.card-header::after{float:right;content:"\f078";font-family:icomoon;color:#000;font-size:0.9rem;margin:0;margin-right:14px;font-weight:400;}
.collapse{min-height:50px!important;width:100vw!important;}
a.mobile:link,a.mobile:visited,a.mobile:active {text-transform:none!important;font-size:1em;font-weight:500;color:#286DAA;text-decoration:none;line-height:2.1rem!important;}

.icono_menu{height:26px;width:auto;object-fit:cover;}
.icono_menu_mobile{height:auto;width:26px;object-fit:cover;}

button.navbar-toggler .icon-menu,
button.navbar-toggler .icon-menu::before {
  color:var(--color-menu_top-btn)!important;
}
.navbar-toggler {
  font-size:1.8em;font-weight:800;color:var(--color-menu_top-btn)!important;font-size:px;vertical-align: middle;display:inline-block!important;border:none;margin-top:-30px;
}

.icono-search-obj{position:relative;width:40px;height:40px;}
.icon-search{position:absolute;top:-21px;}

.menu > ul > li.menu_lupa{max-height:40px;margin-right:20px;margin-left:10vw;}
.menu_content{width:100%;min-height:60px;font-size:1.2rem;font-weigth:500;font-family:"roboto",sans-serif;}

.menu > ul > li > ul {max-width:792px;margin:right;}
.menu > ul > li > ul > li a {font-size:1.1rem;font-weight:500;color:#000;text-decoration:none;line-height:1.1rem;}
.menu > ul > li > ul > li a:hover{color:#000;text-decoration:underline!important;}

.menu > ul > li > ul > li a.oscuro {font-size:1.1rem;font-weight:500;color:#000;text-decoration:none;line-height:1.1rem;}
.menu > ul > li > ul > li a.oscuro:hover{text-decoration:underline!important;}

.menu {
  width:100%;
}
.menu-container {
  width:100%;
  margin-right:0px;
}

.menu_right{
	float:right!important;
}

.menu-mobile_ {
  display: none;
  padding: 20px;
}

.menu-mobile_:after {
  content: "\e900";
  color:#fff;
  font-family: "icomoon";
  font-size: 2rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
}

.menu-dropdown-icon:before {
  display: none;
  cursor: pointer;
  padding: 1.5em 2em;
  background:transparent;
  color: #fff!important;
}
.menu > ul {
  margin-right:0px;
  width:100%;
  list-style:none;
  padding:0;
  position:relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing:border-box;
  clear:right;
}
.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}
.menu > ul:after {
  clear: both;
}
.menu > ul > li {
  float: left;
  background: transparent;
  padding: 0;
  margin: 0;
}
.menu > ul > li > a {

  text-decoration: none;
  padding: 0.5em 1.5em;
  display: inline-block;
  color:var(--color-menu_top-btn)!important;
  border-bottom:3px solid transparent;
  margin-top:10px;
  margin-bottom:12px;
}
.menu > ul > li > a:hover {
  border-bottom:2px solid #b02;
}
.menu > ul > li > ul {
  display: none;
  box-shadow: 0 0 20px 6px rgba(0,0,0,0.4);
  width: 100%;
  background: #fff;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  margin-top:20px;
  transition: all 0.3s;
}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}
.menu > ul > li > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: .8em;
}
.menu > ul > li > ul > li > ul > li a {
  border: 0;    
  font-size: 14px;
}
.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}


@media only screen and (max-width: 1480px) {
	.menu > ul > li.menu_lupa{margin-right:0px;margin-left:0px;}
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 992px) {
  .menu-container {
    width: 100%;
  }
  .menu-container .menu{
	display:inline-block;
   }
  .menu-mobile {
    display: block;    
    float: right;    
    padding: 20px 20px 0;
  }
  .menu-dropdown-icon:before {
    display: block;
  }
  .menu > ul {
    display: none;
    width:100%;
  }
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  .menu > ul > li a {
    padding: 1.5em;
    width: 100%;
    display: block;
  }
  .menu > ul > li > ul {
    position: relative;    
    padding: 0 40px;
  }
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .menu > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
  }
  /*
  .menu .show-on-mobile {
    display: none;
  }
  */
  .bloque_menu_mobile {
    display: block;
    /*height:100vh!important;*/
  }
  .menu_desktop {
    display:none;
  }
}