.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* ==========================================================================
   SUBRAYADO SVG EXCLUSIVO PARA HOVER (CLASE UNIFICADA)
   ========================================================================== */

/* 1. Anclaje al texto del ítem */
.menu-guion-hover .e-n-menu-title-text,
.menu-guion-hover .elementor-item,
.menu-guion-hover a span {
  position: relative !important;
  display: inline-block !important;
}

/* 2. Limpiar pseudoelementos por defecto de Elementor */
.menu-guion-hover .e-n-menu-title-container::after,
.menu-guion-hover .e-n-menu-title-container::before,
.menu-guion-hover .elementor-item::after {
  content: none !important;
}

/* 3. Subrayado SVG ÚNICAMENTE en Hover */
.menu-guion-hover .e-n-menu-title-container:hover .e-n-menu-title-text::after,
.menu-guion-hover .elementor-item:hover::after,
.menu-guion-hover a:hover span::after {
  content: "" !important;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 4px;
  background-image: url("/wp-content/uploads/2026/07/linea-1.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
  pointer-events: none;
  animation: mostrarGuionHover 0.2s ease-in-out forwards;
}

/* Transición suave */
@keyframes mostrarGuionHover {
  from {
    opacity: 0;
    transform: scaleX(0.6);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}/* End custom CSS */