.nam_empr_menu {
	font-size: var(--h4);
	width: 250px;
	max-width: 100%;
}
header.menutp1 .mencentrado {
	width: 1170px;
	max-width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	height: 100px;
}
header.menutp1 {
	padding-top: 1px;
	color: var(--colorTexto);
}
header.menutp1.flotante{
		background-color: rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
header.menutp1 .logo {
	width: 200px;
	height: auto;
	margin: 0px;
}
header.menutp1 .logo img {
	height: 60px;
}
header.menutp1 menu {
	display: flex;
	justify-content: flex-end;
	width: calc(100% - 250px);
}
header.menutp1 menu > div {
	padding: 10px;
	margin-left: 30px;
	cursor: pointer;
	font-size: var(--h3);
	text-align: center;
	border-radius: 10px;
	margin-top: 13px;
}
header.menutp3 {
	padding-top: 20px;
}
header.menutp3 #menuCont {
	width: 1100px;
	max-width: 90vw;
	margin: auto;
	padding: 20px;
	border-radius: 46px;
	
}
header.menutp3.flotante #menuCont {
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
}
.bd_style6 header.flotante{
	position:fixed;	
}
.menutp3 #menuCont .row {
	justify-content: space-between;
	font-size: 21px;
}
header.menutp3 #menuCont img {
	max-height: 50px;
}
.menutp3 #menuCont .row {
	font-size: 21px;
}
#menumobile.menutp3_hamburguesa.menutp3  {
	position: fixed;
	top: 20px;
	right: 20px;
	height: 50px;
	width: 60px;
	z-index: 9999;
	display: none;
}
#menumobile.menutp3_hamburguesa.menutp3  > div {
	height: 10px;
	background-color: rgba(14, 36, 54,0.9);
	border-radius: 3.5px;
	width: 60px;
	margin-bottom: 10px;
}
#menumobile.menutp3 {
	position: fixed;
	height: 100vh;
	width: 100vw;
	background-color: rgba(14, 36, 54,0.9);
	top: 0px;
	left: 0px;
	z-index: 5000;
	display: none;
}
#menumobile.menutp3 #menumobile.menutp3_cont {
	padding: 20px;
	padding-top: 50px;
	text-align: center;
}
#menumobile.menutp3 #menumobile.menutp3_cont #logo {
	text-align: center;
	margin-bottom: 40px;
	display: none;
}
#menumobile.menutp3 #menumobile.menutp3_cont #logo img {
	width: 200px;
}
#menumobile.menutp3_opts {
	margin-top: 100px;
	font-size: 30px;
}
#menumobile.menutp3_opts div {
	padding-bottom: 15px;
	color: #FFF;
	font-family: 'Titulo';
}
.menutp3 #menuCont #logo{
	width:200px;	
}
.menutp3 #menuCont menu{
	width:calc(100% - 200px);
	display: flex;
  align-items: center;
}
.menutp3 #menuCont menu .row{
	width:100%;
	justify-content: flex-end;
}
.menu4Containner{
	display:flex;
	flex-wrap:wrap;
	position:fixed;
	left:0px;
	top:0px;
	height:100vh;
}
.menu4Containner .menu4Containner_menu{
	width:350px;
	padding:40px;
	height:100vh;
	display:flex;
	flex-direction:column;
	background-color:var(--colorFondoBis);
	justify-content: center;
}
.menu4Containner .menu4Containner_menu.fnd_oscuro{
	background-color:var(--colorSecundario);
	color:var(--colorFondo);
}
.menu4Containner .menu4Containner_menu.fnd_oscuro img {
	filter: grayscale(500%) brightness(5000%);
}
.menu4Containner .menu4Containner_menuconta{
	
}
.menu4Containner_webSite {
	width: calc(100vw - 350px);
  	height: 100vh;
  	overflow: auto;
}
.menu4Containner header {
	position: relative;
	width: auto;
}
.menu4Containner #logo {
	margin-bottom: 60px;
}
.menu4Containner_webSite section.fnd_intercalado {
	background-color: var(--colorFondo);
	color: var(--colorTexto);
}
header.menutp5 .mencentrado {
	width: 1170px;
	max-width: 100%;
	margin: auto;
	/* height: 100px; */
	border-bottom: 1px solid var(--colorSecundario);
	padding-bottom: 20px;
}
header.menutp5 {
	padding-top: 1px;
	color: var(--colorTexto);
}
header.menutp5 .logo {
	width: 200px;
	height: auto;
	margin: 0px;
	margin-bottom: 20px;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
header.menutp5 .logo img {
	height: 50px;
}
header.menutp5 menu {
	display: flex;
	justify-content: center;
	width: 100%;
}
header.menutp5 menu > div {
	padding: 10px;
	margin-left: 30px;
	cursor: pointer;
	font-size: var(--h3);
	text-align: center;
	border-radius: 10px;
	margin-top: 13px;
}
section.aire_1#section_hd.contemenu_5{
	padding-top:180px;
}
.bd_style6 header{
	position:relative;	
}
.menumov_hov{
	width:100vw;
	height:100vh;
	top:0px;
	left:0px;
	opacity:0.93;
	background-color: white;
	z-index:5000;
	display:none;
	position:fixed;
}
.menumov_con{
		width:100vw;
	height:100vh;
	z-index:5100;
	display:none;
	position:fixed;
	align-items:center;
	justify-content:center;
}
.menumov_con2{
	display:block;
	position:relative;
	width:300px;
}
.menumov_con2 #logo{
	margin-bottom:40px;
}
.hamburgeMenuMob{
	position:fixed;
	top:20px;
	right:20px;
	width: 57px;
	z-index: 6000;
	cursor:pointer;
	display:none;
}
.hamburgeMenuMob > div{
	height:7px;
	width: 57px;
	margin-bottom:7px;
	position:relative;
	background-color:var(--colorPrincipal);	
	
}
.hamburgeMenuMob:hover div{
	background-color:var(--colorInteraccion);	
	position:relative;
}
.menu4Containner_webSite .anchocontent {
	padding-left: 20px;
	padding-right: 20px;
	width: auto;
	max-width: 1100px;
}
.bd_style5 .menu4Containner_webSite section{
	width:100%;	
}
header.menutp5.flotante menu{
	
}
header.menutp5.flotante{
	padding:10px;	
		background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
}
header.menutp5.flotante .logo{
	margin:0px;
}
header.menutp5.flotante .mencentrado{
	padding-bottom:0px;
	border:0px solid transparent;
	
}
.menutp5.flotante a {
	height: 20px;
}
header.menutp5.flotante menu {
	height: 20px;
}
.menutp5.flotante .mencentrado {
	display: flex;
	align-items: center;
}
.bd_style6 header.menutp5 .mencentrado{
	border-bottom:0px solid transparent;;
}
@media(max-width:1200px){
	.menu4Containner .menu4Containner_menu {
		width:320px;	
	}
	.menu4Containner .menu4Containner_webSite{
		width: calc(100vw - 320px);
	}
}
@media(max-width:1050px){
	.menu4Containner .menu4Containner_menu {
		width:270px;	
	}
	.menu4Containner .menu4Containner_webSite{
		width: calc(100vw - 270px);
	}
}
@media(max-width:900px){
	.menu4Containner .menu4Containner_menu {
		width:240px;	
	}
	.menu4Containner .menu4Containner_webSite{
		width: calc(100vw - 240px);
	}
}
@media(max-width:750px){
	.menu4Containner .menu4Containner_menu {
		display:none;	
	}
	.menu4Containner .menu4Containner_webSite{
	width:100%;			
	}
	.hamburgeMenuMob{
		display:block;	
	}
	section{
		padding:0px;	
	}
	body.openMenu .menumov_hov{
	position:fixed;
		display:block;
}
body.openMenu .menumov_con{
	position:fixed;
	display:flex;
}
body.openMenu .menumov_con2{
	position:relative;
	position:block;
}
.menumov_close{
	position:fixed;
}
	header{
		display:none;	
	}
	body.openMenu #hbm0{
		transform: rotate(45deg);
  		top: 20px;
	}
	body.openMenu #hbm1{
		left:200px;
	}
	body.openMenu #hbm2{
		transform: rotate(-45deg);
  		top: -8px;
	}
section .anchocontent {
	position: relative;
	z-index: 300;
	padding-left: 20px;
	padding-right: 20px;
}
	.menu4Containner .menu4Containner_menu.fnd_oscuro {
	background-color: var(--colorSecundario);
	color: var(--colorFondo);
	display: none;
}
	.menu4Containner_webSite {
	width: 100vw;
}
	header.menutp2{
	display:block;		
}
}
.socialMediaMenu .rssIcon{
	height:30px;
	font-size:35px;
	margin-right:30px;
}
.socialMediaMenu .rssIcon:hover{
	color:var(--colorInteraccion);	
}
.menuopt{
    padding:10px;
}
/*.bd_style2  .menuopt, .bd_style6  .menuopt, .bd_style2 .nam_empr_menu, .bd_style6  .nam_empr_menu, 
.bd_style2 .iconMenu, .bd_style6  .iconMenu{
	color:var(--colorTextoClaro);		
}*/
.bd_style2 .flotante  .menuopt, .bd_style6  .flotante .menuopt,
.bd_style2 .flotante  .nam_empr_menu, 
.bd_style6 .flotante .nam_empr_menu, 
.bd_style2 .flotante  .iconMenu, 
.bd_style6 .flotante .iconMenu{
	color:var(--colorTexto);		
}
header.menutp1 menu .menuopt {
	color: var(--colorTexto);
}
header.menutp1 menu a .menuopt {
	margin-left:30px;
}
.menutp3 menu .menuopt {
	margin-right: 35px;
}
.menu4Containner header .menuopt {
	font-size: calc(var(--p-1) * 1.3);
	padding-bottom: 15px;
	text-align: right;
}
header.menutp5 menu .menuopt {
	color: var(--colorTexto);
}
header.menutp5 menu a .menuopt {
	margin-left:30px;
}
.menumov_con2 .menuopt{
	margin-bottom:10px;	
	font-size:20px;
}
.menuHov_0 .menuopt.current_opt{
    color:var(--colorInteraccion);
}
.menuHov_1 .menuopt.current_opt{
    opacity:0.7;
}
.menuHov_2 .menuopt.current_opt{
    border-top:5px solid var(--colorPrincipal);
}
.menuHov_3 .menuopt.current_opt{
    border-bottom:5px solid var(--colorPrincipal);
}
.menuHov_4 .menuopt.current_opt{
    border-right:5px solid var(--colorPrincipal);
}
.menuHov_5 .menuopt.current_opt{
    border-left:5px solid var(--colorPrincipal);
}
.menuHov_6 .menuopt.current_opt{
    background-color:var(--colorPrincipal);
    color:white;
}
body header.menuSelcOptv_0 .menuopt:hover{
    color:var(--colorInteraccion);
}
body header.menuSelcOptv_1 .menuopt:hover{
    opacity:0.7;
}
body header.menuSelcOptv_2 .menuopt:hover{
    border-top:5px solid var(--colorPrincipal);
}
body header.menuSelcOptv_3 .menuopt:hover{
    border-bottom:5px solid var(--colorPrincipal);
}
body header.menuSelcOptv_4 .menuopt:hover{
    border-right:5px solid var(--colorPrincipal);
}
body header.menuSelcOptv_5 .menuopt:hover{
    border-left:5px solid var(--colorPrincipal);
}
body header.menuSelcOptv_6 .menuopt:hover{
    background-color:var(--colorPrincipal);
    color:white;
}
.menu4Containner_menuconta #logo{
	text-align:right;	
}
.menu4Containner_menuconta img{
	max-height:120px;	
}
.zdhc_sty_color2 header menu .menuopt{
	color:white;
}
.zdhc_sty_color2 header.flotante menu .menuopt{
	color:var(--colorTexto);	
}
.bd_style3 #section_hd {
	padding-top: 80px;
}
body.bd_style3 header.flotante menu .menuopt{
	color:var(--colorTexto);	
}
body.bd_style3.zdhc_sty_color2 header menu .menuopt{
	color:var(--colorTexto);	
}
/* ==========================================
   MENU TIPO 6
   Logo centrado + navegación dividida
========================================== */
header.menutp6 {
    width:100%;
    padding-top:1px;
    color:var(--colorTexto);
}
header.menutp6 .menu6_container {
    width:1170px;
    max-width:100%;
    height:100px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
/* ==========================
   ZONA IZQUIERDA
========================== */
header.menutp6 .menu6_left {
    width:40%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:25px;
}
header.menutp6 .menu6_left .menuopt {
    padding:10px;
    cursor:pointer;
    font-size:var(--h3);
    text-align:center;
    border-radius:10px;
}
/* ==========================
   LOGO CENTRAL
========================== */
header.menutp6 .menu6_logo {
    width:20%;
    display:flex;
    justify-content:center;
    align-items:center;
}
header.menutp6 .menu6_logo img {
    max-height:60px;
    width:auto;
}

/* ==========================
   ZONA DERECHA
========================== */
header.menutp6 .menu6_right {
    width:40%;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:20px;
}
header.menutp6 .menu6_right .menuopt {
    padding:10px;
    cursor:pointer;
    font-size:var(--h3);
    text-align:center;
    border-radius:10px;
}
/* ==========================
   OPCIÓN ACTIVA
========================== */
header.menutp6 .current_opt {
    color:var(--colorPrincipal);
}

/* ==========================
   ICONOS USUARIO / CESTA
========================== */
header.menutp6 .iconMenu {
    position:relative;
    cursor:pointer;
}
header.menutp6 .iconMenu i {
    font-size:var(--h3);
}

/* ==========================
   EFECTO HOVER
========================== */
header.menutp6.menuHov_1 .menuopt:hover {
    background:var(--colorPrincipal);
    color:var(--colorTextoContraste);
}
header.menutp6.menuHov_2 .menuopt:hover {
    transform:translateY(-3px);
}
header.menutp6.menuHov_3 .menuopt:hover {
    border-bottom:2px solid var(--colorPrincipal);
}

/* ==========================
   VERSION FLOTANTE
========================== */
header.menutp6.flotante {
    background-color:rgba(255,255,255,0.9);
    -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.15);
    box-shadow:0px 5px 5px 0px rgba(0,0,0,0.15);
}

/* ==========================
   RESPONSIVE
========================== */
@media(max-width:900px){
    header.menutp6 .menu6_container {
        height:auto;
        padding:20px;
        flex-wrap:wrap;
    }
    header.menutp6 .menu6_left,
    header.menutp6 .menu6_right {
        display:none;
    }
    header.menutp6 .menu6_logo {
        width:100%;
    }
}
/* ==========================================
   MENU TIPO 7
   Sidebar lateral colapsable
========================================== */
header.menutp7 {
    width:100%;
    color:var(--colorTexto);
}
/* CONTENEDOR LATERAL */
header.menutp7 .menu7_sidebar {
    position:fixed;
    left:0;
    top:0;
    width:260px;
    height:100vh;
    background:var(--colorFondo);
    display:flex;
    flex-direction:column;
    z-index:1000;
    padding:20px 0;
    transition:all .35s ease;
}
/* LOGO */
header.menutp7 .menu7_logo {
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px;
}
header.menutp7 .menu7_logo img {
    max-width:180px;
    max-height:70px;
    width:auto;
}
/* MENU */
header.menutp7 .menu7_options {
    width:100%;
    flex:1;
    display:flex;
    flex-direction:column;
    padding:20px;
}
header.menutp7 .menu7_options a {
    text-decoration:none;
    color:inherit;
}
header.menutp7 .menu7_options .menuopt {
    width:100%;
    padding:14px 18px;
    margin-bottom:8px;
    cursor:pointer;
    font-size:var(--h3);
    border-radius:10px;
    transition:.25s;
}
/* OPCION ACTUAL */
header.menutp7 .current_opt .menuopt {
    color:var(--colorPrincipal);
}

/* PARTE INFERIOR */
header.menutp7 .menu7_bottom {
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:15px;
}
header.menutp7 .menu7_user,
header.menutp7 .menu7_cart {
    display:flex;
    align-items:center;
}

/* ICONOS */
header.menutp7 .iconMenu {
    position:relative;
    cursor:pointer;
}
header.menutp7 .iconMenu i {
    font-size:var(--h3);
}

/* BOTON HAMBURGUESA */
header.menutp7 .menu7_button {
    position:fixed;
    left:20px;
    top:20px;
    z-index:1200;
    width:45px;
    height:45px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
header.menutp7 .menu7_button div {
    width:28px;
    height:3px;
    margin:4px 0;
    background:var(--colorTexto);
    transition:.3s;
}

/* ESTADO CERRADO */
header.menutp7.cerrado .menu7_sidebar {
    transform:translateX(-260px);
}
/* ESTADO ABIERTO */
header.menutp7.abierto .menu7_sidebar {
    transform:translateX(0);
}

/* HOVER ESTILO 1 */
header.menutp7.menuHov_1 .menuopt:hover {
    background:var(--colorPrincipal);
    color:var(--colorTextoContraste);
}

/* HOVER ESTILO 2 */
header.menutp7.menuHov_2 .menuopt:hover {
    transform:translateX(8px);
}

/* HOVER ESTILO 3 */
header.menutp7.menuHov_3 .menuopt:hover {
    border-left:4px solid var(--colorPrincipal);
}

/* REDES SOCIALES */
header.menutp7 .socialMediaMenu {
    display:flex;
    justify-content:center;
    gap:10px;
}

/* PARA QUE EL CONTENIDO NO QUEDE TAPADO */
body.menu7-active {
    padding-left:260px;
}

/* RESPONSIVE */
@media(max-width:900px){
    header.menutp7 .menu7_sidebar {
        transform:translateX(-260px);
    }
    header.menutp7.abierto .menu7_sidebar {
        transform:translateX(0);
    }
}
/* ==========================================
   MENU TIPO 8
   Header corporativo con navegación avanzada
========================================== */
header.menutp8 {
    width:100%;
    color:var(--colorTexto);
    position:relative;
    z-index:999;
}
/* MINI HEADER SUPERIOR */
header.menutp8 .menu8_top {
    height:35px;
    width:100%;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:0 40px;
    font-size:var(--h4);
}
/* CONTENEDOR PRINCIPAL */
header.menutp8 .menu8_container {
    width:1170px;
    max-width:100%;
    margin:auto;
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
/* LOGO */
header.menutp8 .menu8_logo {
    width:220px;
    display:flex;
    align-items:center;
}
header.menutp8 .menu8_logo img {
    max-width:100%;
    max-height:70px;
    width:auto;
}

/* NAVEGACION */
header.menutp8 nav {
    flex:1;
    display:flex;
    justify-content:flex-end;
}
header.menutp8 nav ul {
    list-style:none;
    display:flex;
    align-items:center;
    gap:25px;
    margin:0;
    padding:0;
}
header.menutp8 nav li {
    position:relative;
}
header.menutp8 nav a {
    text-decoration:none;
    color:inherit;
}
header.menutp8 .menuopt {
    padding:15px 5px;
    cursor:pointer;
    font-size:var(--h3);
    white-space:nowrap;
}
/* OPCION ACTIVA */
header.menutp8 .current_opt .menuopt {
    color:var(--colorPrincipal);
}

/* ==================================
   SUBMENUS
================================== */
header.menutp8 .submenu {
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    background:var(--colorFondo);
    padding:15px;
    display:none;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}
header.menutp8 li:hover .submenu {
    display:block;
}
header.menutp8 .submenu .menuopt {
    width:100%;
    padding:12px;
}

/* ICONOS DERECHA */
header.menutp8 .menu8_actions {
    display:flex;
    align-items:center;
    gap:15px;
}

header.menutp8 .iconMenu {
    position:relative;
}

/* ==================================
   EFECTOS HOVER
================================== */
header.menutp8.menuHov_1 .menuopt:hover {
    color:var(--colorPrincipal);
}

header.menutp8.menuHov_2 .menuopt:hover {
    border-bottom:2px solid var(--colorPrincipal);
}

header.menutp8.menuHov_3 .menuopt:hover {
    background:var(--colorPrincipal);
    border-radius:10px;
}

/* ==================================
   HEADER FLOTANTE
================================== */
header.menutp8.flotante {
    position:fixed;
    top:0;
    left:0;
    background:rgba(255,255,255,.95);
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

/* ==================================
   ESTADO SCROLL
================================== */
header.menutp8.scrolled .menu8_container {
    min-height:70px;
}
header.menutp8.scrolled .menu8_logo img {
    max-height:50px;
}

/* ==================================
   RESPONSIVE
================================== */
@media(max-width:900px){
    header.menutp8 .menu8_top {
        display:none;
    }
    header.menutp8 .menu8_container {
        padding:15px 20px;
    }
    header.menutp8 nav {
        display:none;
    }
    header.menutp8 .menu8_logo {
        width:auto;
    }
}
/* ==========================================
   MENU TIPO 9
   Header Overlay + Sticky al hacer scroll
========================================== */
header.menutp9 {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    color:var(--colorTexto);
    transition:all .35s ease;
}

/* CONTENEDOR */
header.menutp9 .menu9_container {
    width:1170px;
    max-width:100%;
    height:100px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
}

/* LOGO */
header.menutp9 .menu9_logo {
    width:220px;
    display:flex;
    align-items:center;
}
header.menutp9 .menu9_logo img {
    max-width:100%;
    max-height:70px;
    width:auto;
}

/* MENU CENTRAL */
header.menutp9 .menu9_navigation {
    flex:1;
    display:flex;
    justify-content:center;
}
header.menutp9 .menu9_navigation a {
    text-decoration:none;
    color:inherit;
}
header.menutp9 .menu9_navigation {
    display:flex;
    gap:30px;
}
header.menutp9 .menuopt {
    padding:12px 5px;
    font-size:var(--h3);
    cursor:pointer;
    position:relative;
}

/* OPCION ACTUAL */
header.menutp9 .current_opt {
    color:var(--colorPrincipal);
}

/* ACCIONES */
header.menutp9 .menu9_actions {
    width:220px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:15px;
}

/* ICONOS */
header.menutp9 .iconMenu {
    position:relative;
    cursor:pointer;
}
header.menutp9 .iconMenu i {
    font-size:var(--h3);
}

/* =====================================
   ESTADO CUANDO HACE SCROLL
===================================== */
header.menutp9.flotante,
header.menutp9.scrolled {
    position:fixed;
    top:0;
    left:0;
    background:rgba(255,255,255,.95);
    box-shadow:
    0 5px 20px rgba(0,0,0,.15);
}

header.menutp9.scrolled .menu9_container {
    height:75px;
}

header.menutp9.scrolled .menu9_logo img {
    max-height:50px;
}

/* =====================================
   HOVER
===================================== */
header.menutp9.menuHov_1 .menuopt:hover {
    color:var(--colorPrincipal);
}

header.menutp9.menuHov_2 .menuopt:hover:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background:var(--colorPrincipal);
}

header.menutp9.menuHov_3 .menuopt:hover {
    background:var(--colorPrincipal);
    border-radius:20px;
    padding-left:15px;
    padding-right:15px;
}

/* =====================================
   FONDO OSCURO SOBRE HERO
===================================== */
header.menutp9.heroDark {
    color:white;
}

/* =====================================
   MENU MOBILE
===================================== */
header.menutp9 .hamburgeMenuMob {
    display:none;
}

@media(max-width:900px){
    header.menutp9 .menu9_container {
        height:80px;
        padding:0 20px;
    }
    header.menutp9 .menu9_navigation,
    header.menutp9 .menu9_actions {
        display:none;
    }
    header.menutp9 .menu9_logo {
        width:auto;
    }
    header.menutp9 .hamburgeMenuMob {
        display:flex;
    }
}
/* ==========================================
   MENU TIPO 10
   Header corporativo estilo builder
========================================== */
header.menutp10 {
    width:100%;
    color:var(--colorTexto);
    position:relative;
    z-index:999;
}

/* ==========================================
   MINI HEADER
========================================== */
header.menutp10 .menu10_miniHeader {
    width:100%;
    height:35px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding:0 40px;
    font-size:var(--h4);
}

header.menutp10 .languageSelector {
    display:flex;
    align-items:center;
    gap:10px;
}

header.menutp10 .languageSelector a {
    text-decoration:none;
    color:inherit;
}

/* ==========================================
   HEADER PRINCIPAL
========================================== */
header.menutp10 .menu10_main {
    width:1170px;
    max-width:100%;
    height:95px;
    margin:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/* ==========================================
   LOGO
========================================== */
header.menutp10 .menu10_logo {
    width:260px;
    display:flex;
    align-items:center;
}
header.menutp10 .menu10_logo img {
    max-width:100%;
    max-height:75px;
    width:auto;
}

/* ==========================================
   NAVEGACION
========================================== */
header.menutp10 .menu10_navigation {
    flex:1;
    display:flex;
    justify-content:center;
}

header.menutp10 .menu10_navigation ul {
    display:flex;
    align-items:center;
    gap:30px;
    list-style:none;
    padding:0;
    margin:0;
}

header.menutp10 .menu10_navigation a {
    text-decoration:none;
    color:inherit;
}

header.menutp10 .menuopt {
    font-size:var(--h3);
    cursor:pointer;
    padding:15px 5px;
    position:relative;
    white-space:nowrap;
}

/* ==========================================
   OPCION ACTUAL
========================================== */
header.menutp10 .current_opt .menuopt {
    color:var(--colorPrincipal);
}

/* ==========================================
   ACCIONES DERECHA
========================================== */
header.menutp10 .menu10_actions {
    width:160px;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:15px;
}

header.menutp10 .iconMenu {
    cursor:pointer;
    position:relative;
}

header.menutp10 .iconMenu i {
    font-size:var(--h3);
}

/* ==========================================
   SUBMENU PREPARADO
========================================== */
header.menutp10 .submenu {
    position:absolute;
    top:100%;
    left:0;
    min-width:250px;
    background:var(--colorFondo);
    padding:15px;
    display:none;
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

header.menutp10 li:hover .submenu {
    display:block;
}

header.menutp10 .submenu .menuopt {
    padding:12px;
}


/* ==========================================
   STICKY
========================================== */
header.menutp10.flotante,
header.menutp10.scrolled {
    position:fixed;
    top:0;
    left:0;
    background:rgba(255,255,255,.95);
    box-shadow:
    0 5px 20px rgba(0,0,0,.12);
}

header.menutp10.scrolled .menu10_main {
    height:70px;
}
header.menutp10.scrolled .menu10_logo img {
    max-height:50px;
}

/* ==========================================
   HOVER CONFIGURABLE
========================================== */
header.menutp10.menuHov_1 .menuopt:hover {
    color:var(--colorPrincipal);
}

header.menutp10.menuHov_2 .menuopt:hover {
    border-bottom:2px solid var(--colorPrincipal);
}

header.menutp10.menuHov_3 .menuopt:hover {
    background:var(--colorPrincipal);
    border-radius:8px;
}


/* ==========================================
   RESPONSIVE
========================================== */
@media(max-width:900px){
    header.menutp10 .menu10_miniHeader {
        display:none;
    }
    header.menutp10 .menu10_main {
        height:80px;
        padding:0 20px;
    }
    header.menutp10 .menu10_navigation,
    header.menutp10 .menu10_actions {
        display:none;
    }
    header.menutp10 .menu10_logo {
        width:auto;
    }
}