/* * UPSEX V334 * SVG únicos por subcategoría y VER TODO centrado abajo. * Solo tablet y PC. */ @media screen and (min-width:768px){ /* * V332 permanece instalado para evitar que vuelva * a insertar iconos. Su icono anterior queda oculto. */ #upsex-desktop-header-v1 .upsex-v332-submenu-real .upsex-v332-submenu-icon{ display:none!important; } /* * Nuevo SVG propio de cada subcategoría. */ #upsex-desktop-header-v1 .upsex-v334-category-icon{ box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; grid-column:1!important; width:32px!important; height:32px!important; min-width:32px!important; margin:0!important; padding:0!important; color:#8F6B00!important; background:#fffdf8!important; border:1px solid rgba(184,138,0,.27)!important; border-radius:10px!important; box-shadow:none!important; } #upsex-desktop-header-v1 .upsex-v334-category-icon svg{ display:block!important; width:18px!important; height:18px!important; overflow:visible!important; fill:none!important; stroke:currentColor!important; stroke-width:1.75!important; stroke-linecap:round!important; stroke-linejoin:round!important; } #upsex-desktop-header-v1 .upsex-v334-category-icon svg text{ fill:currentColor!important; stroke:none!important; font-family:Arial,sans-serif!important; font-size:8px!important; font-weight:800!important; text-anchor:middle!important; dominant-baseline:middle!important; } /* * Ocultar el VER TODO original. * Se crea un pie único al final del módulo. */ #upsex-desktop-header-v1 .upsex-v334-original-ver-todo{ display:none!important; } /* * Pie situado al final y ocupando todo el ancho, * incluso cuando el módulo tiene dos columnas. */ #upsex-desktop-header-v1 .upsex-v334-ver-todo-footer{ box-sizing:border-box!important; column-span:all!important; break-inside:avoid!important; display:block!important; clear:both!important; width:100%!important; min-width:100%!important; max-width:100%!important; margin:10px 0 0!important; padding:10px 0 0!important; background:#fffaf1!important; border-top:1px solid rgba(184,138,0,.22)!important; text-align:center!important; } #upsex-desktop-header-v1 .upsex-v334-ver-todo-footer > a{ box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-width:100%!important; min-height:42px!important; margin:0!important; padding:8px 14px!important; color:#7A5A18!important; background:#F3E4B8!important; border:1px solid rgba(184,138,0,.52)!important; border-radius:11px!important; font-family:Manrope,Arial,sans-serif!important; font-size:13px!important; line-height:1.2!important; font-weight:850!important; letter-spacing:.035em!important; text-align:center!important; text-transform:uppercase!important; text-decoration:none!important; writing-mode:horizontal-tb!important; text-orientation:mixed!important; white-space:normal!important; transform:none!important; box-shadow:none!important; transition: color .15s ease, background-color .15s ease, border-color .15s ease!important; } #upsex-desktop-header-v1 .upsex-v334-ver-todo-footer > a:hover, #upsex-desktop-header-v1 .upsex-v334-ver-todo-footer > a:focus{ color:#ffffff!important; background:#4d423f!important; border-color:#4d423f!important; transform:none!important; outline:none!important; } } /* UPSEX_V338_VER_TODO_REAL_START */ @media screen and (min-width:768px){ /* * No se modifica el panel: * no se fuerza display, opacity, visibility, * position ni pointer-events. */ /* * Eliminar cualquier pie artificial que haya * quedado de los intentos anteriores. */ #upsex-desktop-header-v1 .upsex-v332-submenu-real > .upsex-v334-ver-todo-footer, #upsex-desktop-header-v1 .upsex-v332-submenu-real > .upsex-v335-ver-todo-footer{ display:none!important; } /* * Este es el VER TODO real del tema: * * div.dropdown-menu * div.dropdown-inner * a.see-all */ #upsex-desktop-header-v1 .upsex-v332-submenu-real > a.see-all{ box-sizing:border-box!important; column-span:all!important; break-inside:avoid!important; position:relative!important; inset:auto!important; float:none!important; clear:both!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:9px!important; width:100%!important; min-width:100%!important; max-width:100%!important; min-height:44px!important; margin:18px 0 0!important; padding:10px 16px!important; color:#fffaf1!important; background:#4d423f!important; border:1px solid #4d423f!important; border-radius:11px!important; font-family:Manrope,Arial,sans-serif!important; font-size:13px!important; line-height:1.2!important; font-weight:850!important; letter-spacing:.045em!important; text-align:center!important; text-transform:uppercase!important; text-decoration:none!important; writing-mode:horizontal-tb!important; text-orientation:mixed!important; white-space:normal!important; cursor:pointer!important; overflow:visible!important; transform:none!important; box-shadow: 0 5px 14px rgba(77,66,63,.18)!important; transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease!important; } /* * Separador delgado y de ancho completo. * Queda entre las subcategorías y VER TODO. */ #upsex-desktop-header-v1 .upsex-v332-submenu-real > a.see-all::before{ content:""!important; position:absolute!important; top:-10px!important; left:0!important; right:0!important; display:block!important; width:100%!important; height:1px!important; background:#ffffff!important; box-shadow: 0 1px 0 rgba(184,138,0,.20)!important; pointer-events:none!important; } /* * Flecha para dejar claro que es un enlace. */ #upsex-desktop-header-v1 .upsex-v332-submenu-real > a.see-all::after{ content:"→"!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; flex:0 0 23px!important; width:23px!important; height:23px!important; color:#4d423f!important; background:#F3E4B8!important; border-radius:999px!important; font-size:15px!important; line-height:1!important; font-weight:900!important; pointer-events:none!important; } #upsex-desktop-header-v1 .upsex-v332-submenu-real > a.see-all:hover, #upsex-desktop-header-v1 .upsex-v332-submenu-real > a.see-all:focus{ color:#4d423f!important; background:#F3E4B8!important; border-color:#B88A00!important; box-shadow: 0 7px 17px rgba(77,66,63,.22)!important; transform:translateY(-1px)!important; outline:none!important; } #upsex-desktop-header-v1 .upsex-v332-submenu-real > a.see-all:hover::after, #upsex-desktop-header-v1 .upsex-v332-submenu-real > a.see-all:focus::after{ color:#fffaf1!important; background:#4d423f!important; } } /* UPSEX_V338_VER_TODO_REAL_END */