del menu). */ .wme-dropdown, .wme-dropdown *{ all:revert; box-sizing:border-box !important; } /* Especificidad reforzada (clase repetida) para ganarle a reglas del tema que tambien usan !important con selectores mas anidados. */ .wme-item.wme-item.wme-item{position:relative !important} .wme-link.wme-link.wme-link{display:inline-flex !important;align-items:center !important;gap:6px !important} .wme-caret.wme-caret.wme-caret{display:inline-block !important;width:7px !important;height:7px !important;border:0 !important;border-right:2px solid currentColor !important;border-bottom:2px solid currentColor !important;background:transparent !important;transform:rotate(45deg) translateY(-2px) !important;opacity:.7 !important;margin-left:4px !important;flex:0 0 auto !important;font-size:0 !important;line-height:0 !important;color:inherit !important;overflow:hidden !important} /* ===== BASE (comun a cualquier tipo de dropdown) ===== IMPORTANTE: acá NO van background/color/padding/width — esas son siempre especificas de cada tipo (.wme-dropdown-elementor / .wme-dropdown-sidebar) más abajo, con mayor especificidad, para que jamas puedan perder contra esta regla. */ .wme-dropdown.wme-dropdown.wme-dropdown{ display:none !important;position:fixed !important; border-radius:10px !important;box-shadow:0 20px 45px rgba(0,0,0,.35) !important; z-index:2147483647 !important;overflow:hidden !important; margin:0 !important;text-align:left !important; } /* Visibilidad en DESKTOP: la controla JS con esta clase (el dropdown vive en , ya no es hijo del

, así que :hover del

no puede seleccionarlo por CSS). */ .wme-dropdown.wme-dropdown.wme-dropdown.is-visible{display:block !important} /* Caret como indicador de estado abierto (desktop activo + mobile wme-open) */ .wme-caret.wme-caret.wme-caret{transition:transform .15s ease !important} .wme-has-mega.wme-has-mega.wme-open>.wme-link>.wme-caret.wme-caret.wme-caret{ transform:rotate(225deg) translateY(2px) !important; } .wme-has-mega.wme-has-mega>ul.sub-menu{display:none !important} /* ===== Tipo: Página Elementor ===== Especificidad (3 clases) > base (2 clases): estas reglas SIEMPRE ganan para background/color/padding/width sobre la base. El ancho manual se pasa como variable CSS inline (--wme-elementor-width) desde PHP; si no se configuró, cae a los valores por defecto. */ .wme-dropdown-elementor.wme-dropdown-elementor.wme-dropdown-elementor{ background:#171717 !important;color:#eee !important; padding:20px !important; width:var(--wme-elementor-width, auto) !important; min-width:var(--wme-elementor-width, 320px) !important; max-width:none !important; } /* ===== Tipo: Mega menú sidebar + columnas ===== Fondo BLANCO con texto oscuro (contrario al tema oscuro de Elementor). */ .wme-dropdown-sidebar.wme-dropdown-sidebar.wme-dropdown-sidebar{ background:#ffffff !important;color:#222 !important;padding:0 !important; width:auto !important;min-width:220px !important;max-width:980px !important; } .wme-dropdown-sidebar.wme-dropdown-sidebar.wme-dropdown-sidebar.is-visible{ display:flex !important; } .wme-sidebar-inner.wme-sidebar-inner{display:flex !important;background:#ffffff !important} .wme-sidebar-list.wme-sidebar-list{ position:static !important;display:block !important;z-index:auto !important; list-style:none !important;margin:0 !important;padding:10px !important; width:220px !important;flex:0 0 220px !important;text-align:left !important; box-shadow:none !important;border-right:1px solid #e6e6e6 !important;background:#ffffff !important; } .wme-sidebar-item.wme-sidebar-item{display:block !important} .wme-sidebar-item.wme-sidebar-item>a{display:block !important;padding:10px 14px !important;border-radius:8px !important;color:#333 !important;text-decoration:none !important;font-size:14px !important;background:transparent !important} .wme-sidebar-item.is-active>a,.wme-sidebar-item:hover>a{background:#eef3fb !important;color:#1f3a5f !important} .wme-sidebar-item.has-columns>a::after{content:'›' !important;float:right !important;opacity:.6 !important;transition:transform .15s ease !important;display:inline-block !important} .wme-sidebar-item.has-columns.is-open>a::after{transform:rotate(90deg) !important} .wme-columns-wrap.wme-columns-wrap{padding:22px 26px !important;width:760px !important;min-width:760px !important;max-width:760px !important;display:block !important;background:#ffffff !important} .wme-columns-wrap.wme-columns-wrap.is-empty{display:none !important;width:0 !important;min-width:0 !important;padding:0 !important;border:0 !important} .wme-columns.wme-columns{display:grid !important;grid-template-columns:repeat(var(--wme-cols,3),minmax(140px,1fr)) !important;gap:28px !important} .wme-columns.wme-columns[hidden]{display:none !important} .wme-column.wme-column h4{margin:0 0 10px !important;font-size:12px !important;letter-spacing:.04em !important;text-transform:none !important;color:#8a8a8a !important;font-weight:500 !important} .wme-column.wme-column ul{ position:static !important;z-index:auto !important;width:auto !important; text-align:left !important;box-shadow:none !important;background:transparent !important; list-style:none !important;margin:0 !important;padding:0 !important; display:flex !important;flex-direction:column !important;gap:10px !important; } .wme-column.wme-column li{display:block !important;padding:0 !important;background:none !important;border:0 !important} .wme-column.wme-column a{color:#222 !important;text-decoration:none !important;font-size:14px !important} .wme-column.wme-column a:hover{text-decoration:underline !important} @media (max-width:782px){ .wme-nav ul.wme-menu{flex-direction:column;gap:0} .wme-dropdown.wme-dropdown.wme-dropdown{position:static !important;width:100% !important;border-radius:0 !important} .wme-has-mega.wme-has-mega.wme-open>.wme-dropdown.wme-dropdown.wme-dropdown{display:block !important} .wme-has-mega.wme-has-mega.wme-open>.wme-dropdown-sidebar.wme-dropdown-sidebar{display:block !important} .wme-dropdown-sidebar.wme-dropdown-sidebar,.wme-sidebar-inner.wme-sidebar-inner{min-width:0 !important} .wme-sidebar-list.wme-sidebar-list{width:100% !important;border-right:0 !important} .wme-columns-wrap.wme-columns-wrap{display:none !important} .wme-sidebar-item.wme-sidebar-item .wme-columns.wme-columns{display:block !important;grid-template-columns:1fr !important;padding:4px 0 10px 18px !important} .wme-sidebar-item.wme-sidebar-item .wme-columns.wme-columns[hidden]{display:none !important} .wme-sidebar-item.wme-sidebar-item .wme-column{margin-bottom:14px !important} }