html { position: relative; margin: 0; padding: 0; height: 100%; }
body { margin: 0; padding: 0; text-align: left; height: 100%; }
#imPageExtContainer {min-height: 100%; }
#imPageIntContainer { position: relative;}
#imPage { position: relative; width: 100%; }
#imHeaderBg { position: absolute; left: 0; top: 0; width: 100%; }
#imContent { position: relative; overflow-x: clip; }
#imFooterBg { position: absolute; left: 0; bottom: 0; width: 100%; }
#imStickyBarContainer { visibility: hidden; position: fixed; overflow: hidden; }
#imPageToTop { position: fixed; bottom: 30px; right: 30px; z-index: 10500; display: none; opacity: 0.75 }
#imPageToTop:hover {opacity: 1; cursor: pointer; }
@media (min-width: 1150.0px) {
#imPageExtContainer { background-image: none; background-color: transparent; z-index: 0; position: relative; }
#imPage { padding-top: 0px; padding-bottom: 0px; min-width: 1150px; }
#imHeaderBg { height: 210px; background-image: none; background-color: rgba(243, 243, 243, 1); }
#imHeader { background-image: none; background-color: rgba(255, 255, 255, 1); }
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 210px; width:1150px; }
#imContent { align-self: start; padding: 0px 0 0px 0; }
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
#imFooterBg { z-index: -1; height: 300px; background-image: none; background-color: rgba(94, 42, 140, 1); }
#imFooter { z-index: 1; background-image: none; background-color: transparent; }
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 300px; width:1150px; }
#imSideBar { background-image: none; background-color: transparent; overflow: visible; zoom: 1; z-index: 200; }
#imSideBarObjects { position: relative; height: 600px; }
}
@media (max-width: 1149.9px) and (min-width: 720.0px) {
#imPageExtContainer { background-image: none; background-color: transparent; z-index: 0; position: relative; }
#imPage { padding-top: 0px; padding-bottom: 0px; min-width: 720px; }
#imHeaderBg { height: 200px; background-image: none; background-color: transparent; }
#imHeader { background-image: none; background-color: transparent; }
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 200px; width:720px; }
#imContent { align-self: start; padding: 0px 0 0px 0; }
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
#imFooterBg { z-index: -1; height: 200px; background-image: none; background-color: transparent; }
#imFooter { z-index: 1; background-image: none; background-color: rgba(117, 80, 169, 1); }
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 200px; width:720px; }
#imSideBar { background-image: none; background-color: rgba(211, 218, 220, 1); overflow: visible; zoom: 1; z-index: 200; }
#imSideBarObjects { position: relative; height: 600px; }
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; z-index: 10301; }
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; background-image: none; background-color: transparent; position: absolute; }
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 720px }
#imStickyBarObjects { position: relative; height: 70px; }
}
@media (max-width: 719.9px) and (min-width: 480.0px) {
#imPageExtContainer { background-image: none; background-color: rgba(255, 255, 255, 1); z-index: 0; position: relative; }
#imPage { padding-top: 0px; padding-bottom: 0px; min-width: 480px; }
#imHeaderBg { height: 200px; background-image: none; background-color: transparent; }
#imHeader { background-image: none; background-color: transparent; }
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 200px; width:480px; }
#imContent { align-self: start; padding: 0px 0 0px 0; }
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
#imFooterBg { z-index: -1; height: 400px; background-image: none; background-color: transparent; }
#imFooter { z-index: 1; background-image: none; background-color: rgba(117, 80, 169, 1); }
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 400px; width:480px; }
#imSideBar { background-image: none; background-color: rgba(211, 218, 220, 1); overflow: visible; zoom: 1; z-index: 200; }
#imSideBarObjects { position: relative; height: 600px; }
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; z-index: 10301; }
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; background-image: none; background-color: transparent; position: absolute; }
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 480px }
#imStickyBarObjects { position: relative; height: 70px; }
}
@media (max-width: 479.9px) {
#imPageExtContainer { background-image: none; background-color: transparent; z-index: 0; position: relative; }
#imPage { padding-top: 0px; padding-bottom: 0px; }
#imHeaderBg { height: 200px; background-image: none; background-color: transparent; }
#imHeader { background-image: none; background-color: transparent; }
#imHeaderObjects { margin-left: auto; margin-right: auto; position: relative; height: 200px; width:320px; }
#imContent { align-self: start; padding: 0px 0 0px 0; }
#imContentGraphics { min-height: 600px; background-image: none; background-color: transparent; }
#imFooterBg { z-index: -1; height: 400px; background-image: none; background-color: transparent; }
#imFooter { z-index: 1; background-image: none; background-color: rgba(117, 80, 169, 1); }
#imFooterObjects { margin-left: auto; margin-right: auto; position: relative; height: 400px; width:320px; }
#imSideBar { background-image: none; background-color: rgba(211, 218, 220, 1); overflow: visible; zoom: 1; z-index: 200; }
#imSideBarObjects { position: relative; height: 600px; }
#imStickyBarContainer { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; z-index: 10301; }
#imStickyBarGraphics { top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 70px; box-sizing: border-box; background-image: none; background-color: transparent; position: absolute; }
#imStickyBar { position: relative; top: 0; left: 0; margin: auto; width: 320px }
#imStickyBarObjects { position: relative; height: 70px; }
}
/* =========================================================
FIX PROFESIONAL: HEADER (logo + menú) sin “bloques vacíos”
========================================================= */
/* 1) El menú NO debe estar centrado con max-width/margin auto */
#imHeader_imMenuObject_03_container{
max-width: none !important;
margin: 0 !important;
}
/* 2) Alinea el menú hacia la izquierda y controla la separación real */
#imHeader_imMenuObject_03_container > ul{
justify-content: flex-start !important;
gap: 10px !important; /* separación entre items (ajústalo) */
padding-left: 12px !important; /* acerca/aleja menú respecto al borde */
}
/* 3) Mover el logo a la derecha SIN cambiar su tamaño */
#imHeader_imObjectImage_04_wrapper{
transform: translateX(24px) !important; /* ajusta 12–40px */
}
/* 4) Evita que capas “tapen” los desplegables */
#imHeader_imMenuObject_03_container{
overflow: visible !important;
position: relative !important;
z-index: 9999 !important;
}
#imHeader_imMenuObject_03_container li ul{
z-index: 10000 !important;
}
/* =========================================================
EMA - Header consistente en TODAS las páginas (WebSite X5)
- NO toca tamaño del logo (solo lo desplaza)
- Menú igual en todas las secciones
- Submenús funcionales (sin recortes)
========================================================= */
/* 1) Padding del header: mueve el contenido (logo incluido) a la derecha */
#imHeader{
padding-left: 28px !important; /* ajusta 18–40px */
padding-right: 18px !important;
background: transparent !important;
}
/* 2) En desktop: logo + menú en una fila */
@media (min-width: 992px){
#imHeaderObjects{
display: flex !important;
align-items: center !important;
gap: 18px !important; /* espacio entre logo y menú */
}
/* wrapper del logo (no cambia tamaño, solo su lugar en la fila) */
#imHeader_imObjectImage_04_wrapper{
flex: 0 0 auto !important;
margin: 0 !important;
}
/* wrapper del menú: ocupa el resto */
[id^="imHeader_imMenuObject_"][id$="_wrapper"]{
flex: 1 1 auto !important;
min-width: 0 !important;
}
}
/* 3) Menú: selectores genéricos (funciona aunque cambie el número _03, _02, etc.) */
[id^="imHeader_imMenuObject_"] nav[id$="_container"]{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
overflow: visible !important; /* CLAVE: submenús visibles */
position: relative !important;
z-index: 9999 !important;
background: #fff !important;
border: 1px solid rgba(0,0,0,.08) !important;
border-radius: 12px !important;
box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
padding: 8px 12px !important;
}
/* UL principal */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-start !important; /* arranca desde la izquierda */
gap: 6px 10px !important; /* items más cerca */
}
/* LI sin “ancho raro” */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul > li{
flex: 0 0 auto !important;
width: auto !important;
}
/* Links */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] .label{
display: inline-block !important;
padding: 8px 10px !important;
border-radius: 10px !important;
text-decoration: none !important;
font-weight: 600 !important;
color: #111827 !important;
white-space: nowrap !important;
}
/* Hover */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] li:hover > .label-wrapper .label,
[id^="imHeader_imMenuObject_"] nav[id$="_container"] li:focus-within > .label-wrapper .label{
background: rgba(30,64,175,.10) !important;
}
/* Submenús por encima de todo */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] li ul{
z-index: 10000 !important;
max-width: 92vw !important;
}
/* 4) Evitar “parches”/capas del template arriba (si los tienes) */
#imHeaderBg{ display: none !important; }
#imContentGraphics{ display: none !important; }
/* ===== AJUSTE FINAL: logo + menú consistente en todas las páginas ===== */
/* 1) Mover más el logo (realmente se mueve todo el contenido del header) */
#imHeader{
padding-left: 100px !important; /* <-- sube/baja (50–90px) */
}
/* 2) Menú: evita que se salga en otras páginas */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
justify-content: flex-start !important;
gap: 6px 8px !important; /* más juntos */
flex-wrap: wrap !important; /* CLAVE: si no cabe, baja a 2da línea */
}
/* 3) Compactar botones (mantiene negrita/sombra) */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] .label{
padding: 8px 8px !important; /* menos ancho */
font-size: 14px !important;
}
/* 4) En pantallas medianas: aún más compacto para que no reviente */
@media (max-width: 1200px){
[id^="imHeader_imMenuObject_"] nav[id$="_container"] .label{
padding: 7px 6px !important;
font-size: 13px !important;
}
}
/* 5) En pantallas pequeñas: permitir partir texto SOLO aquí (para que no se salga) */
@media (max-width: 980px){
[id^="imHeader_imMenuObject_"] nav[id$="_container"] .label{
white-space: normal !important; /* permite 2 líneas si hace falta */
}
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
row-gap: 6px !important;
}
}
/* ===== FIX: mover SOLO el logo, NO el menú ===== */
/* 1) Quita el empuje global del header (esto estaba moviendo menú también) */
#imHeader{
padding-left: 0 !important;
padding-right: 0 !important;
}
/* 2) Mueve SOLO el logo a la derecha (ajusta el número) */
#imHeader_imObjectImage_04_wrapper{
transform: translateX(120px) !important; /* <-- pon aquí el valor que te gustó */
}
/* 3) Menú arranca cerca del logo (sin hueco) */
@media (min-width: 992px){
#imHeaderObjects{
display: flex !important;
align-items: center !important;
gap: 14px !important; /* espacio entre logo y menú */
}
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
justify-content: flex-start !important;
margin-left: 0 !important;
padding-left: 0 !important;
}
}
/* =========================================================
FIX LOGO CORTADO (WebSite X5)
- No cambia el tamaño del logo
- Evita recorte por overflow/altura del header
========================================================= */
/* 1) Que el header NO recorte contenido */
#imHeader,
#imHeaderObjects,
#imHeader_imObjectImage_04_wrapper,
#imHeader_imObjectImage_04,
#imHeader_imObjectImage_04_container{
overflow: visible !important;
height: auto !important;
}
/* 2) Asegura que el bloque donde va el logo tenga altura suficiente */
#imHeader_imObjectImage_04_wrapper{
min-height: 160px !important; /* logo es 150px, deja margen */
display: flex !important;
align-items: center !important;
}
/* 3) El logo como bloque (evita cortes por line-height/baseline) */
#imHeader_imObjectImage_04_container img{
display: block !important;
}
/* ======================================================
EMA – FIX FINAL HEADER Y MENÚ (ESTABLE Y GLOBAL)
====================================================== */
@media (min-width: 992px){
/* ----- HEADER: vuelve al layout original de X5 ----- */
#imHeaderObjects{
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 12px !important;
}
/* ----- LOGO: tamaño normal, sin cortes ----- */
#imHeader_imObjectImage_04_container img{
max-height: 110px !important;
width: auto !important;
height: auto !important;
display: block !important;
}
/* ----- CONTENEDOR DEL MENÚ ----- */
[id^="imHeader_imMenuObject_"] nav[id$="_container"]{
margin: 0 !important;
padding: 6px 12px !important;
background: #fff !important;
border-radius: 14px !important;
box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
width: auto !important;
max-width: none !important;
}
/* ----- UL PRINCIPAL: PEGADO AL LOGO, ÍTEMS UNIDOS ----- */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
left: 0 !important;
transform: none !important;
}
/* ----- ÍTEMS ----- */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul > li{
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
/* ----- LINKS ----- */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] .label{
padding: 8px 10px !important;
font-weight: 700 !important;
white-space: nowrap !important;
border-radius: 10px !important;
}
/* ----- SUBMENÚS (NO SE ROMPEN) ----- */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] li ul{
z-index: 9999 !important;
}
}
/* ======================================================
EMA – MENÚ PEGADO (quita separación tipo "columnas" X5)
Pegar al FINAL de style/template.css
====================================================== */
@media (min-width: 992px){
/* Contenedor del nav: que no centre ni reparta */
[id^="imHeader_imMenuObject_"] nav[id$="_container"]{
text-align: left !important;
width: auto !important;
max-width: none !important;
}
/* UL principal: FLEX real (no table/float) */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
display: flex !important;
justify-content: flex-start !important; /* NO space-between */
align-items: center !important;
flex-wrap: nowrap !important;
gap: 8px !important; /* separación corta real */
margin: 0 !important;
padding: 0 !important;
width: auto !important;
max-width: none !important;
}
/* LI: eliminar cualquier width % que los separa */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul > li{
float: none !important;
display: block !important;
flex: 0 0 auto !important; /* CLAVE: NO se estiran */
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* Wrappers internos de X5: quitar paddings/márgenes que abren huecos */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul > li .label-wrapper,
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul > li .label-inner-wrapper{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
/* Links/títulos: compactos */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] a.label,
[id^="imHeader_imMenuObject_"] nav[id$="_container"] span.label{
display: inline-block !important;
padding: 8px 10px !important;
white-space: nowrap !important;
}
}
/* ===== EMPUJAR MENÚ A LA IZQUIERDA (sin romper submenús) ===== */
@media (min-width: 992px){
/* Quita cualquier margen/padding que lo esté corriendo */
[id^="imHeader_imMenuObject_"][id$="_wrapper"]{
margin-left: 0 !important;
padding-left: 0 !important;
}
[id^="imHeader_imMenuObject_"] nav[id$="_container"]{
margin-left: 0 !important;
padding-left: 0 !important;
}
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
margin-left: 0 !important;
padding-left: 0 !important;
}
/* CLAVE: acerca el menú al logo reduciendo espacio entre “logo” y “menú” */
#imHeaderObjects{
justify-content: flex-start !important;
gap: 8px !important; /* baja si quieres más cerca: 4px */
}
}
/* ===== ACERCAR MENÚ AL LOGO (el logo está reservando mucho ancho) ===== */
@media (min-width: 992px){
/* Reduce el ancho del bloque del logo (wrapper y contenedor) */
#imHeader_imObjectImage_04_wrapper{
width: 170px !important; /* prueba 150–220 según tu logo */
min-width: 170px !important;
max-width: 170px !important;
}
#imHeader_imObjectImage_04{
width: 170px !important;
max-width: 170px !important;
}
#imHeader_imObjectImage_04_container{
width: 170px !important;
max-width: 170px !important;
overflow: visible !important;
}
/* Asegura que el menú no tenga offsets raros */
[id^="imHeader_imMenuObject_"] nav[id$="_container"],
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
margin-left: 0 !important;
padding-left: 0 !important;
}
}
/* ===== EMA: MOVER TODO EL BLOQUE DEL MENÚ A LA IZQUIERDA (DESKTOP) ===== */
@media (min-width: 992px){
/* mueve el wrapper del menú completo hacia la izquierda */
[id^="imHeader_imMenuObject_"][id$="_wrapper"]{
position: relative !important;
left: 40px !important; /* <-- AJUSTA ESTE VALOR (-120 / -100 / -80) */
transform: none !important;
}
/* por si X5 empuja el nav internamente */
[id^="imHeader_imMenuObject_"] nav[id$="_container"]{
position: relative !important;
left: 0 !important;
transform: none !important;
}
/* asegura que el UL no tenga offsets raros */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
margin-left: 0 !important;
padding-left: 0 !important;
left: 0 !important;
transform: none !important;
}
}
/* ===== MOVER SOLO EL LOGO EMA (SIN AFECTAR NADA MÁS) ===== */
@media (min-width: 992px){
#imHeader_imObjectImage_04_container img{
position: relative !important;
left: -15px !important; /* <-- ajusta SOLO este valor */
}
}
/* =========================================================
EMA - FIX RESPONSIVE MENU (mantiene desktop perfecto)
Pega al FINAL de style/template.css
========================================================= */
/* 1) DESKTOP: tus ajustes (compacto, pegado, en fila) */
@media (min-width: 992px){
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
flex-wrap: wrap !important; /* permite saltar si falta espacio */
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
max-width: none !important;
}
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul > li{
flex: 0 0 auto !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
}
[id^="imHeader_imMenuObject_"] nav[id$="_container"] .label{
display: inline-block !important;
padding: 8px 10px !important;
white-space: nowrap !important;
}
}
/* 2) MÓVIL/TABLET: devolver comportamiento nativo X5 (hamburger + vertical) */
@media (max-width: 991px){
/* Asegura que el botón hamburguesa sea visible y clickeable */
[id^="imHeader_imMenuObject_"] .hamburger-button{
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
z-index: 10001 !important;
}
/* Quita el “flex” del UL en móvil (esto es lo que rompe el responsive) */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul{
display: block !important;
width: 100% !important;
max-width: 100% !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
}
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul > li{
display: block !important;
width: 100% !important;
}
[id^="imHeader_imMenuObject_"] nav[id$="_container"] .label{
display: block !important;
white-space: normal !important;
padding: 12px 14px !important;
}
/* Evita recortes del panel móvil / submenús */
#imHeader, #imHeaderObjects{
overflow: visible !important;
}
}
/* =========================================================
EMA - FIX MENU RESPONSIVE (X5)
- Escritorio queda igual
- En móvil: vuelve hamburguesa + menú nativo (JS de X5)
========================================================= */
/* --- MÓVIL/TABLET: el punto de quiebre real de X5 suele ser 992 --- */
@media (max-width: 991px){
/* 1) Mostrar el botón hamburguesa SIEMPRE */
[id^="imHeader_imMenuObject_"] .hamburger-button{
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
position: relative !important;
z-index: 20000 !important;
}
/* 2) IMPORTANTÍSIMO: si X5 marca el UL como "hidden", debe estar oculto.
(tu CSS actual lo está forzando a verse, por eso queda atravesado) */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul.hidden{
display: none !important;
}
/* 3) Cuando X5 QUITA "hidden" (al abrir el menú), se muestra como menú móvil */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul:not(.hidden){
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* 4) Items en móvil: full ancho (vertical limpio) */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul:not(.hidden) > li{
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
/* 5) Enlaces del menú móvil */
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul:not(.hidden) .label{
display: block !important;
padding: 14px 16px !important;
white-space: normal !important;
}
/* 6) Evita que algún contenedor recorte el panel móvil */
#imHeader, #imHeaderObjects, #imPage, #imPageIntContainer{
overflow: visible !important;
}
}
/* =========================================================
EMA - OVERRIDE GLOBAL RESPONSIVE MENU X5 (AGRESIVO)
Objetivo: que en móvil se vea hamburguesa y el UL NO quede atravesado
========================================================= */
@media (max-width: 991px){
/* 1) HAMBURGUESA VISIBLE SIEMPRE */
body #imPageExtContainer #imPageIntContainer #imHeader
[id^="imHeader_imMenuObject_"] .hamburger-button.hamburger-component{
display: inline-flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
position: relative !important;
z-index: 999999 !important;
}
/* 2) SI UL TIENE .hidden, DEBE ESTAR OCULTO (esto evita el “vertical atravesado”) */
body #imPageExtContainer #imPageIntContainer #imHeader
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul.hidden{
display: none !important;
}
/* 3) CUANDO X5 QUITA .hidden (al abrir), MOSTRARLO COMO MENÚ MÓVIL LIMPIO */
body #imPageExtContainer #imPageIntContainer #imHeader
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul:not(.hidden){
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
left: auto !important;
transform: none !important;
}
body #imPageExtContainer #imPageIntContainer #imHeader
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul:not(.hidden) > li{
display: block !important;
width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
body #imPageExtContainer #imPageIntContainer #imHeader
[id^="imHeader_imMenuObject_"] nav[id$="_container"] > ul:not(.hidden) .label{
display: block !important;
padding: 14px 16px !important;
white-space: normal !important;
}
/* 4) EVITA RECORTES */
body #imPageExtContainer #imPageIntContainer,
body #imPageExtContainer #imPageIntContainer #imPage,
body #imPageExtContainer #imPageIntContainer #imHeader,
body #imPageExtContainer #imPageIntContainer #imHeaderObjects{
overflow: visible !important;
}
}
#pluginAppObj_4_06 div,
#pluginAppObj_4_47 div {
height: 50px !important;
}