/* Menú Categorías (posición 2) - Scoped styles */
.one-menu-cat .pt-menu-categories .pt-dropdown-menu,
.pt-menu-categories .pt-dropdown-menu {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

.one-menu-cat .pt-menu-categories.opened .pt-dropdown-menu,
.pt-menu-categories.opened .pt-dropdown-menu {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Menú Principal (posición 1) - Dropdown open (COPIADO DEL EJEMPLO) */
.pt-desctop-menu .dropdown.open .dropdown-menu {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* FORZAR VISIBILIDAD DEL DROPDOWN MENU - MÁXIMA ESPECIFICIDAD */
.pt-desctop-menu .dropdown.open .dropdown-menu,
.pt-desctop-menu .dropdown.open .dropdown-menu * {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	z-index: 9999 !important;
	position: relative !important;
}

/* Mostrar submenús en hover */
.one-menu-cat .pt-menu-categories .dropdown:hover .dropdown-menu,
.pt-menu-categories .dropdown:hover .dropdown-menu {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Dropdown principal (ancho/posicion) */
.one-menu-cat .pt-menu-categories .pt-dropdown-menu,
.pt-menu-categories .pt-dropdown-menu {
	width: auto !important;
	min-width: 200px !important;        /* Tamaño mínimo del botón */
	max-width: none !important;         /* Sin límite máximo - se ajusta al contenido */
	overflow: visible !important;
	white-space: nowrap !important;
	z-index: 9999 !important;          /* Z-index muy alto para estar por encima */
	position: relative !important;
}

/* DROPDOWN PARA MENÚ PRINCIPAL (posicion = 1, tipo_menu = 2) - USAR CSS ORIGINAL DEL TEMA */
.pt-desctop-menu .dropdown-menu {
	width: auto !important;
	min-width: 200px !important;
	max-width: none !important;
	overflow: visible !important;
	white-space: nowrap !important;
	z-index: 9999 !important;
	position: absolute !important;
	padding-top: 0px !important;      /* Reducido: era 33px, ahora 0px */
	padding-bottom: 24px !important;  /* Reducido: era 34px, ahora 24px */
	padding-left: 29px !important;   /* Reducido: era 39px, ahora 29px */
}

/* SOLUCIÓN SIMPLE - SOLO PARA EL BOTÓN DESTACADOS */
.pt-desctop-menu li.dropdown.pt-megamenu-col-01.pt-submenu {
	position: relative !important;
}

.pt-desctop-menu li.dropdown.pt-megamenu-col-01.pt-submenu .dropdown-menu {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	margin-top: 0 !important;
	z-index: 9999 !important;
}

/* DEJAR TIPO 3 (MEGAMENU) SIN TOCAR - YA FUNCIONA PERFECTO */
.pt-desctop-menu .megamenu .dropdown-menu {
	/* NO aplicar ningún estilo - dejar que funcione como está */
}

/* AJUSTE MÍNIMO: Espaciado entre texto y flecha - MAYOR ESPECIFICIDAD */
.pt-desctop-menu .dropdown-menu ul li a {
	padding-right: 30px !important;  /* Espacio para la flecha */
	/* DOCUMENTACIÓN: Flexbox para alinear badges a la derecha en tipo_menu=2, posición=1 */
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	position: relative !important;    /* Necesario para que las flechas ::before con position absolute funcionen */
}

/* FORZAR ESPACIADO CON MÁS ESPECIFICIDAD */
.pt-desctop-menu .dropdown-menu ul li a span {
	margin-right: 25px !important;  /* Espacio entre texto y flecha (15px original + 10px adicional) */
	/* DOCUMENTACIÓN: Flex para que el span ocupe el espacio disponible y el badge quede a la derecha */
	flex: 1 1 auto !important;
}

/* DOCUMENTACIÓN: Alinear badges a la derecha en tipo_menu=2, posición=1 */
/* Los badges con promo se alinean a la derecha para que todos queden uniformemente alineados */
/* El badge tiene 20px de margen con la flecha ">" del texto más largo */
/* Padding y fuente iguales a posición 2 para consistencia */
.pt-desctop-menu .dropdown-menu ul li a .one-badge-promo {
	margin-left: auto !important;  /* Empujar el badge a la derecha */
	margin-right: 20px !important; /* 20px de margen con la flecha ">" */
	order: 2 !important;           /* Asegurar que esté después del texto */
	/* Padding y fuente iguales a posición 2 */
	font-size: 13px !important;    /* Igual a posición 2 */
	font-weight: 500 !important;   /* Igual a posición 2 */
	padding-left: 6px !important;  /* Padding horizontal igual a posición 2 */
	padding-right: 6px !important; /* Padding horizontal igual a posición 2 */
	padding-top: 2px !important;   /* Padding vertical reducido para posición 1 */
	padding-bottom: 2px !important; /* Padding vertical reducido para posición 1 */
	line-height: 1 !important;     /* Quitar interlineado del badge */
}

/* DOCUMENTACIÓN: Asegurar que las flechas ">" sigan a la derecha con flexbox */
/* Las flechas ::before deben posicionarse a la derecha cuando el <a> es flexbox */
/* Usar position absolute para que la flecha siempre esté a la derecha */
.pt-desctop-menu .dropdown-menu ul li a:not(:only-child)::before {
	float: none !important;        /* Desactivar float porque usamos flexbox */
	position: absolute !important;  /* Posición absoluta para fijar a la derecha */
	right: 9px !important;         /* Posición a la derecha (mantener el valor original) */
	top: 50% !important;           /* Centrar verticalmente */
	transform: translateY(-50%) !important; /* Centrar verticalmente */
	margin-top: 0 !important;     /* Sin margen superior */
	margin-left: 0 !important;     /* Sin margen izquierdo */
	margin-right: 0 !important;     /* Sin margen derecho */
}

/* SOLUCIÓN DIRECTA: SOBRESCRIBIR one-title-link COMPLETAMENTE */
.one-title-link {
	display: block !important;
	align-items: unset !important;
	justify-content: unset !important;
	flex-direction: unset !important;
	flex-wrap: unset !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* ESPACIADO PARA SUBCATEGORÍAS (nivel 2 y siguientes) - MÁXIMA ESPECIFICIDAD */
.pt-desctop-menu .dropdown-menu ul li ul li a {
	padding-right: 37px !important;  /* Espacio para la flecha en subcategorías (+2px) */
}

.pt-desctop-menu .dropdown-menu ul li ul li a span {
	margin-right: 32px !important;  /* Espacio entre texto y flecha en subcategorías (22px original + 10px adicional) */
}

/* FORZAR CON SELECTOR MÁS ESPECÍFICO */
.pt-desctop-menu .dropdown-menu ul li ul li a:not(:only-child) {
	padding-right: 37px !important;
}

.pt-desctop-menu .dropdown-menu ul li ul li a span:not(:empty) {
	margin-right: 32px !important;  /* Espacio entre texto y flecha (22px original + 10px adicional) */
}

/* ESTILO ESPECIAL PARA TÍTULOS PERSONALIZADOS CON SUBCATEGORÍAS */
/* font-weight y color eliminados - se aplican dinámicamente desde BD */
.pt-desctop-menu .dropdown-menu ul.pt-megamenu-submenu li.one-title-item a.one-title-link {
	padding: 4px 0 !important;
}

/* AJUSTE ESPECÍFICO PARA SUBMENÚ EN POSICIÓN 1, TIPO_MENU 2 */
.pt-desctop-menu .dropdown-menu ul li ul {
	top: -20px !important;
	margin-top: 0 !important;
}

/* Ajustar ancho del submenú y posicionamiento inicial */
.one-menu-cat .pt-menu-categories .dropdown-menu,
.pt-menu-categories .dropdown-menu {
	width: auto !important;
	min-width: 180px !important;
	max-width: none !important;
	top: -10px !important;
	margin-top: 0 !important;
	left: 100% !important;
	margin-left: 0 !important;
	position: absolute !important;
	border-radius: 3 !important;
	overflow: visible !important;
	white-space: nowrap !important;
	z-index: 10000 !important;
}

/* Contenedor del menú principal */
.one-menu-cat .pt-menu-categories,
.pt-menu-categories {
	overflow: visible !important;
	width: auto !important;
	position: relative !important;
	z-index: 9998 !important;
}

/* Internos utilitarios */
.one-menu-cat .pt-menu-categories .dropdown-menu .dropdown-menu-wrapper,
.pt-menu-categories .dropdown-menu .dropdown-menu-wrapper { width: auto !important; }
.one-menu-cat .pt-menu-categories .dropdown-menu .row,
.pt-menu-categories .dropdown-menu .row { width: auto !important; }
.one-menu-cat .pt-menu-categories .dropdown-menu .col,
.pt-menu-categories .dropdown-menu .col { width: auto !important; flex: 0 0 auto !important; max-width: none !important; }

/* Alineación de ítems/flechas */
.one-menu-cat .pt-dropdown-menu ul li,
.pt-dropdown-menu ul li { text-align: left !important; }
.one-menu-cat .pt-dropdown-menu ul li a,
.pt-dropdown-menu ul li a {
	text-align: left !important;
	justify-content: flex-start !important;
	white-space: nowrap !important;
	padding-right: 30px !important;
	outline: none !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
}
.one-menu-cat .pt-dropdown-menu ul li a span,
.pt-dropdown-menu ul li a span { text-align: left !important; margin-right: 15px !important; flex: 1 !important; }
.one-menu-cat .pt-dropdown-menu ul li:has(ul) > a::after,
.pt-dropdown-menu ul li:has(ul) > a::after { margin-left: 12px !important; flex-shrink: 0 !important; }
.one-menu-cat .pt-dropdown-menu ul li.dropdown > a,
.pt-dropdown-menu ul li.dropdown > a { padding-right: 35px !important; }

/* Animación panel derecho (vertical + derecha→izquierda) */
@keyframes one-sidePanelIn { 0% { transform: translate(5px, -6px); opacity: 0; } 70% { transform: translate(0, -3px); opacity: .85; } 100% { transform: translate(0, 0); opacity: 1; } }
.one-menu-cat .pt-menu-categories .dropdown:hover > .dropdown-menu,
.pt-menu-categories .dropdown:hover > .dropdown-menu { animation: one-sidePanelIn 260ms ease both; }

/* Estilos de títulos/enlaces destacados reutilizables */
/* font-weight y color eliminados - se aplican dinámicamente desde BD */
.one-title-item > a.one-title-link,
.one-title-link {
	display: flex;
	align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* CSS SÚPER ESPECÍFICO PARA POSICIÓN 2 - ELIMINAR TODO LO QUE INTERFIERA */
.pt-obj-menu-categories .one-title-item a.one-title-link span,
.pt-obj-menu-categories .one-title-item.pt-submenu a.one-title-link span,
.pt-obj-menu-categories .one-title-item.dropdown.megamenu.pt-submenu a.one-title-link span,
.pt-obj-menu-categories .one-title-item[style*="position: relative"] a.one-title-link span,
.pt-obj-menu-categories .dropdown.megamenu.one-title-item a.one-title-link span,
.pt-obj-menu-categories .pt-megamenu-submenu li.one-title-item a.one-title-link span {
	font-weight: 600 !important;
	color: #000 !important;
	text-decoration: none !important;
	font-size: inherit !important;
	/* line-height eliminado - se aplica dinámicamente desde BD */
	letter-spacing: inherit !important;
	text-transform: inherit !important;
}

/* CSS AÚN MÁS AGRESIVO - FORZAR CON SELECTOR UNIVERSAL */
.pt-obj-menu-categories * .one-title-item * a.one-title-link * span {
	font-weight: 600 !important;
	color: #000 !important;
}

/* CSS PARA EL ENLACE COMPLETO */
.pt-obj-menu-categories .one-title-item a.one-title-link {
	font-weight: 600 !important;
	color: #000 !important;
}

/* CSS SÚPER AGRESIVO - FORZAR CON TODO */
.pt-obj-menu-categories li.one-title-item a.one-title-link span,
.pt-obj-menu-categories li.one-title-item a.one-title-link,
.pt-obj-menu-categories .one-title-item a span,
.pt-obj-menu-categories .one-title-item a {
	font-weight: 600 !important;
	color: #000 !important;
}

/* CSS FINAL - SELECTOR UNIVERSAL MÁS AGRESIVO */
.pt-obj-menu-categories li[class*="one-title-item"] a[class*="one-title-link"] span {
	font-weight: 600 !important;
	color: #000 !important;
}

/* CSS ESPECÍFICO PARA POSICIÓN 2 - COPIAR EXACTO DE POSICIÓN 1 */
.pt-obj-menu-categories .pt-dropdown-menu ul.pt-megamenu-submenu li.one-title-item a.one-title-link {
	font-weight: 600 !important;
	color: #000 !important;
	padding: 4px 0 !important;
}

/* CSS ADICIONAL PARA POSICIÓN 2 - FORZAR CON MÁS ESPECIFICIDAD */
.pt-obj-menu-categories .dropdown-menu ul li.one-title-item a.one-title-link {
	font-weight: 600 !important;
	color: #000 !important;
}

/* CSS SÚPER ESPECÍFICO PARA SOBRESCRIBIR TEMA PRINCIPAL */
.pt-obj-menu-categories .pt-megamenu-submenu li.one-title-item a.one-title-link {
	font-weight: 600 !important;
	color: #000 !important;
}

.pt-obj-menu-categories .pt-megamenu-submenu li.one-title-item a.one-title-link span {
	font-weight: 600 !important;
	color: #000 !important;
}

/* SUBMENÚS OCULTOS POR DEFECTO - SOLO SE MUESTRAN AL HOVER */
.pt-obj-menu-categories .dropdown-menu ul li ul,
.pt-obj-menu-categories .dropdown-menu ul li ul li ul,
.pt-obj-menu-categories .dropdown-menu ul li ul li ul li ul,
.pt-obj-menu-categories .dropdown-menu ul li ul li ul li ul li ul {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	position: absolute !important;
	top: 0 !important;
	left: 100% !important;
	z-index: 9999 !important;
	background: white !important;
	border: 1px solid #ddd !important;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

/* HOVER PARA MOSTRAR SUBMENÚS - SOLO AL PASAR EL MOUSE */
.pt-obj-menu-categories .dropdown-menu ul li:hover > ul,
.pt-obj-menu-categories .dropdown-menu ul li ul li:hover > ul,
.pt-obj-menu-categories .dropdown-menu ul li ul li ul li:hover > ul,
.pt-obj-menu-categories .dropdown-menu ul li ul li ul li ul li:hover > ul {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Badge completamente PROPIO - CLASE one-badge-promo */
.one-badge-promo {
	/* CSS base para todos los badges */
	margin-left: 5px !important;
	display: inline-block !important;
	border-radius: 3px !important;
	vertical-align: middle !important;
	position: relative !important;
	/* color y background-color vienen inline desde PHP (DB) */
}

/* DOCUMENTACIÓN: Flexbox para alinear badges a la derecha en tipo_menu=2, posición=2 */
/* Similar a posición 1, pero usando el selector de posición 2 */
.pt-menu-categories .pt-dropdown-menu nav > ul .pt-megamenu-submenu > li > a,
.pt-menu-categories .pt-dropdown-menu nav > ul > li.dropdown.megamenu > a {
	/* DOCUMENTACIÓN: Flexbox para alinear badges a la derecha en tipo_menu=2, posición=2 */
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	position: relative !important;    /* Necesario para que las flechas ::before con position absolute funcionen */
}

/* DOCUMENTACIÓN: Span con flex para que ocupe el espacio disponible */
.pt-menu-categories .pt-dropdown-menu nav > ul .pt-megamenu-submenu > li > a span,
.pt-menu-categories .pt-dropdown-menu nav > ul > li.dropdown.megamenu > a span {
	/* DOCUMENTACIÓN: Flex para que el span ocupe el espacio disponible y el badge quede a la derecha */
	flex: 1 1 auto !important;
}

/* DOCUMENTACIÓN: Alinear badges a la derecha en tipo_menu=2, posición=2 */
/* Los badges con promo se alinean a la derecha para que todos queden uniformemente alineados */
/* El badge tiene 20px de margen con la flecha ">" del texto más largo */
/* Fuente igual a posición 1 para consistencia - MÁXIMA ESPECIFICIDAD */
.pt-menu-categories .pt-dropdown-menu nav > ul .pt-megamenu-submenu > li > a .one-badge-promo.one-badge-subcategoria,
.pt-menu-categories .pt-dropdown-menu nav > ul .pt-megamenu-submenu > li > a .one-badge-promo.one-badge-principal,
.pt-menu-categories .pt-dropdown-menu nav > ul > li.dropdown.megamenu > a .one-badge-promo.one-badge-subcategoria,
.pt-menu-categories .pt-dropdown-menu nav > ul > li.dropdown.megamenu > a .one-badge-promo.one-badge-principal {
	margin-left: auto !important;  /* Empujar el badge a la derecha */
	margin-right: 20px !important; /* 20px de margen con la flecha ">" */
	order: 2 !important;           /* Asegurar que esté después del texto */
	/* Fuente igual a posición 1 - FORZAR CON MÁXIMA ESPECIFICIDAD */
	font-size: 13px !important;    /* Igual a posición 1 */
	font-weight: 500 !important;   /* Igual a posición 1 */
}

/* DOCUMENTACIÓN: Asegurar que las flechas ">" sigan a la derecha con flexbox en posición 2 */
/* Las flechas ::before deben posicionarse a la derecha cuando el <a> es flexbox */
.pt-menu-categories .pt-dropdown-menu nav > ul .pt-megamenu-submenu > li > a:not(:only-child)::before,
.pt-menu-categories .pt-dropdown-menu nav > ul > li.dropdown.megamenu > a:not(:only-child)::before {
	float: none !important;        /* Desactivar float porque usamos flexbox */
	position: absolute !important;  /* Posición absoluta para fijar a la derecha */
	right: 9px !important;         /* Posición a la derecha (mantener el valor original) */
	top: 50% !important;           /* Centrar verticalmente */
	transform: translateY(-50%) !important; /* Centrar verticalmente */
	margin-top: 0 !important;     /* Sin margen superior */
	margin-left: 0 !important;     /* Sin margen izquierdo */
	margin-right: 0 !important;     /* Sin margen derecho */
}

/* Badge de SUBCATEGORÍAS - MANTENER COMO ESTÁ (REFERENCIA) */
.one-badge-subcategoria {
	font-size: 13px !important;         /* PÍXELES FIJOS - FORZAR PARA QUE NO HEREDE DEL <a> */
	font-weight: 500 !important;
	padding: 4px 6px !important;       /* PADDING MÍNIMO - SOLO UNOS PÍXELES */
	top: -2px !important;               /* POSICIÓN ORIGINAL */
	line-height: 1 !important;
	display: inline-block !important;   /* TAMAÑO MÍNIMO NECESARIO */
	width: auto !important;             /* ANCHO AUTOMÁTICO SEGÚN CONTENIDO */
	max-width: fit-content !important;  /* FORZAR ANCHO MÍNIMO */
	flex-shrink: 0 !important;         /* NO PERMITIR QUE SE ESTIRE */
}

/* DOCUMENTACIÓN: Forzar font-size en posición 2 para que no herede del <a> padre (16px) */
/* El <a> en posición 2 tiene font-size: 16px, pero el badge debe ser 13px */
.pt-menu-categories .pt-dropdown-menu nav > ul .pt-megamenu-submenu > li > a .one-badge-subcategoria,
.pt-menu-categories .pt-dropdown-menu nav > ul .pt-megamenu-submenu > li > a .one-badge-principal,
.pt-menu-categories .pt-dropdown-menu nav > ul > li.dropdown.megamenu > a .one-badge-subcategoria,
.pt-menu-categories .pt-dropdown-menu nav > ul > li.dropdown.megamenu > a .one-badge-principal {
	font-size: 13px !important;    /* Forzar 13px para que no herede el 16px del <a> padre */
}

/* Badge de CATEGORÍAS PRINCIPALES - IGUAL AL SEGUNDO */
.one-badge-principal {
	font-size: 13px !important;         /* PÍXELES FIJOS - IGUAL AL SEGUNDO */
	font-weight: 500 !important;
	padding: 4px 6px !important;       /* PADDING MÍNIMO - SOLO UNOS PÍXELES */
	top: -2px !important;               /* IGUAL AL SEGUNDO */
	line-height: 1 !important;          /* IGUAL AL SEGUNDO */
	display: inline-block !important;   /* TAMAÑO MÍNIMO NECESARIO */
	width: auto !important;             /* ANCHO AUTOMÁTICO SEGÚN CONTENIDO */
	max-width: fit-content !important;  /* FORZAR ANCHO MÍNIMO */
	flex-shrink: 0 !important;         /* NO PERMITIR QUE SE ESTIRE */
}

/* El badge NO debe cambiar NUNCA en hover - mantener valores inline de la DB */
a:hover .one-badge-promo {
	/* NO cambiar NADA - los valores inline de la DB deben permanecer intactos */
	/* No aplicar ningún estilo adicional en hover */
}

/* Hover en enlaces del menú - solo cambia color del texto */
/* El color se aplica dinámicamente desde JavaScript leyendo .headinfo-color */
/* NO definir color fijo aquí - el JS inyecta el CSS dinámico con el color del template */

/* Botón específico de oferta - POSICIÓN 3 */
.pt-btn-oferta {
    vertical-align: top !important;     /* Alinear hacia arriba */
    position: relative !important;
    top: -1px !important;               /* SUBIR 1PX */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 2px !important;       /* MARGEN DERECHO 2PX */
}

/* Botón posición 3 - específico */
.pt-single-button .pt-btn-custom {
    vertical-align: top !important;     /* Alinear hacia arriba */
    position: relative !important;
    top: -1px !important;               /* SUBIR 1PX */
    margin-right: 2px !important;       /* MARGEN DERECHO 2PX */
}

.one-menu-cat .pt-btn-custom .pt-text,
.pt-menu-categories .pt-btn-custom .pt-text {
    padding: 4px 0px 4px !important;    /* Padding uniforme (4px arriba y abajo) */
    position: relative !important;
    top: 0 !important;                  /* Sin desplazamiento vertical */
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
}

/* ========================================
   JERARQUÍA DE Z-INDEX
   ========================================
   
   Modales de alerta:     z-index: 999999 (más alto)
   Backdrop de modales:   z-index: 999998 (debajo del modal)
   Buscador (lupa):       z-index: 9999+ (muy alto)
   Menú principal:        z-index: 9999 (alto)
   Menú categorías:        z-index: 1-2 (extremadamente bajo, debajo del buscador)
   Contenido normal:       z-index: 0
   
   Esta jerarquía asegura que:
   - Los modales siempre estén por encima de todo
   - El menú esté por encima del contenido normal
   - Los submenús estén por encima del menú principal
   ======================================== */

/* FORZAR QUE EL MENÚ SALGA DEL HEADER - PARA TODOS LOS HEADERS */
.one-menu-cat .pt-menu-categories,
.pt-menu-categories {
	position: relative !important;
	z-index: 1 !important;                /* Z-index bajo para quedar debajo del buscador */
	overflow: visible !important;          /* Permitir que el contenido salga del contenedor */
}

.one-menu-cat .pt-menu-categories.opened,
.pt-menu-categories.opened {
	z-index: 1 !important;                /* Z-index bajo cuando está abierto */
	overflow: visible !important;          /* Permitir que el contenido salga del contenedor */
}

.one-menu-cat .pt-menu-categories .pt-dropdown-menu,
.pt-menu-categories .pt-dropdown-menu {
	position: absolute !important;        /* ABSOLUTE para salir del contenedor */
	z-index: 1 !important;               /* Z-index bajo para el menú desplegado */
	overflow: visible !important;        /* Permitir que el contenido salga */
}

.one-menu-cat .pt-menu-categories .dropdown-menu,
.pt-menu-categories .dropdown-menu {
	position: absolute !important;        /* ABSOLUTE para salir del contenedor */
	z-index: 2 !important;               /* Z-index ligeramente más alto para submenús */
	overflow: visible !important;        /* Permitir que el contenido salga */
}

/* FORZAR QUE LOS CONTENEDORES DEL HEADER PERMITAN OVERFLOW */
.pt-desktop-header,
.headinfo-box,
.navinfo,
.pt-desctop-parent-menu-categories,
.pt-obj-menu-categories {
	overflow: visible !important;          /* Permitir que el menú salga del header */
}

/* Z-INDEX para menú principal de navegación */
nav .dropdown-menu {
	z-index: 9999 !important;           /* Z-index alto para submenús del menú principal */
	position: absolute !important;
}

/* BAJAR Z-INDEX de elementos específicos del header que interfieren */
header .pt-search,
header .pt-compare,
header .pt-wishlist,
header .pt-cart,
header .pt-account,
header .pt-language,
header .pt-currency {
	z-index: 1 !important;              /* Z-index bajo para elementos del header */
	position: relative !important;
}

/* SOLO FORZAR que el modal esté por encima de todo - SIN TOCAR SU Z-INDEX */
.modal {
	z-index: 999999 !important;        /* Z-index alto para el modal */
}

.modal-backdrop {
	z-index: 999998 !important;       /* Z-index ligeramente más bajo para el backdrop */
}