/**
 * Custom Header Hover Styles - SOLO HOMEPAGE
 */

/* ============================================
   HEADER EN HOVER - SOLO EN HOMEPAGE
   ============================================ */

/* Solo aplicar cuando body tiene clase 'home' */
body.home .elementor-location-header.menu-hovered,
body.home .elementor-header.menu-hovered,
body.home.header-menu-hovered .elementor-location-header,
body.home.header-menu-hovered .elementor-header {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

body.home .elementor-location-header.menu-hovered .elementor-section,
body.home .elementor-header.menu-hovered .elementor-section,
body.home.header-menu-hovered .elementor-location-header .elementor-section,
body.home.header-menu-hovered .elementor-header .elementor-section,
body.home .elementor-location-header.menu-hovered .e-con,
body.home .elementor-header.menu-hovered .e-con,
body.home.header-menu-hovered .elementor-location-header .e-con,
body.home.header-menu-hovered .elementor-header .e-con {
    background-color: #ffffff !important;
}

/* ============================================
   #borde LINEA - SOLO HOMEPAGE
   ============================================ */

body.home #borde {
    position: relative !important;
}

body.home #borde-linea {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background-color: #cccccc !important;
    opacity: 0;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important;
    z-index: 999 !important;
}

body.home.header-menu-hovered #borde-linea,
body.home #borde-linea.active {
    opacity: 1 !important;
}

/* ============================================
   TEXTOS E ICONOS NEGROS - SOLO HOMEPAGE
   ============================================ */

body.home .elementor-location-header.menu-hovered a,
body.home .elementor-header.menu-hovered a,
body.home .elementor-location-header.menu-hovered span,
body.home .elementor-header.menu-hovered span,
body.home .elementor-location-header.menu-hovered .elementor-heading-title,
body.home .elementor-header.menu-hovered .elementor-heading-title,
body.home .elementor-location-header.menu-hovered .elementor-item,
body.home .elementor-header.menu-hovered .elementor-item,
body.home .elementor-location-header.menu-hovered i,
body.home .elementor-header.menu-hovered i,
body.home .elementor-location-header.menu-hovered .elementor-icon,
body.home .elementor-header.menu-hovered .elementor-icon,
body.home.header-menu-hovered .elementor-location-header a,
body.home.header-menu-hovered .elementor-location-header span,
body.home.header-menu-hovered .elementor-location-header i,
body.home.header-menu-hovered .elementor-location-header .elementor-icon {
    color: #000000 !important;
}

body.home .elementor-location-header.menu-hovered svg,
body.home .elementor-header.menu-hovered svg,
body.home.header-menu-hovered .elementor-location-header svg {
    fill: #000000 !important;
}

/* Menu hamburger */
body.home .elementor-location-header.menu-hovered .elementor-menu-toggle,
body.home .elementor-header.menu-hovered .elementor-menu-toggle,
body.home.header-menu-hovered .elementor-location-header .elementor-menu-toggle {
    color: #000000 !important;
}

/* ============================================
   CAJA DE BUSQUEDA - SOLO HOMEPAGE
   ============================================ */

body.home .elementor-location-header.menu-hovered input[type="search"],
body.home .elementor-header.menu-hovered input[type="search"],
body.home .elementor-location-header.menu-hovered .elementor-search-form input,
body.home .elementor-header.menu-hovered .elementor-search-form input,
body.home .elementor-location-header.menu-hovered .elementor-search-form__input,
body.home .elementor-header.menu-hovered .elementor-search-form__input,
body.home .elementor-location-header.menu-hovered .e-search-form input,
body.home .elementor-header.menu-hovered .e-search-form input,
body.home.header-menu-hovered .elementor-location-header input[type="search"],
body.home.header-menu-hovered .elementor-header input[type="search"] {
    background-color: #f5f5f5 !important;
    color: #000000 !important;
    border-color: #dddddd !important;
}

/* Placeholder gris */
body.home .elementor-location-header.menu-hovered input[type="search"]::placeholder,
body.home .elementor-header.menu-hovered input[type="search"]::placeholder,
body.home .elementor-location-header.menu-hovered .elementor-search-form input::placeholder,
body.home .elementor-header.menu-hovered .elementor-search-form input::placeholder,
body.home.header-menu-hovered .elementor-location-header input[type="search"]::placeholder,
body.home.header-menu-hovered .elementor-header input[type="search"]::placeholder {
    color: #888888 !important;
}

/* Icono de busqueda negro */
body.home .elementor-location-header.menu-hovered .elementor-search-form__icon,
body.home .elementor-header.menu-hovered .elementor-search-form__icon,
body.home .elementor-location-header.menu-hovered .elementor-search-form i,
body.home .elementor-header.menu-hovered .elementor-search-form i,
body.home .elementor-location-header.menu-hovered .e-search-form i,
body.home .elementor-header.menu-hovered .e-search-form i,
body.home.header-menu-hovered .elementor-location-header .elementor-search-form__icon,
body.home.header-menu-hovered .elementor-header .elementor-search-form__icon {
    color: #000000 !important;
}

/* ============================================
   LOGO HOVER - SOLO HOMEPAGE
   ============================================ */

body.home .elementor-location-header .elementor-widget-image .elementor-widget-container,
body.home .elementor-header .elementor-widget-image .elementor-widget-container {
    position: relative !important;
}

body.home .elementor-location-header img[data-logo-hover],
body.home .elementor-header img[data-logo-hover] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 9999 !important;
    transition: opacity 0.3s ease !important;
    transform: scale(1.15) !important;
}

body.home.header-menu-hovered .elementor-location-header img[data-logo-hover],
body.home.header-menu-hovered .elementor-header img[data-logo-hover] {
    opacity: 1 !important;
}

/* ============================================
   SUBMENUS - SOLO HOMEPAGE
   ============================================ */

body.home .elementor-location-header.menu-hovered .elementor-nav-menu--dropdown,
body.home .elementor-header.menu-hovered .elementor-nav-menu--dropdown,
body.home.header-menu-hovered .elementor-location-header .elementor-nav-menu--dropdown {
    background-color: #ffffff !important;
}

body.home .elementor-location-header.menu-hovered .elementor-nav-menu--dropdown .elementor-item,
body.home .elementor-header.menu-hovered .elementor-nav-menu--dropdown .elementor-item,
body.home.header-menu-hovered .elementor-location-header .elementor-nav-menu--dropdown .elementor-item {
    color: #000000 !important;
}

/* ============================================
   CARRITO - INDICADOR BLANCO - SOLO HOMEPAGE
   ============================================ */

body.home .elementor-location-header.menu-hovered .elementor-menu-cart__toggle_button .elementor-button-text,
body.home .elementor-header.menu-hovered .elementor-menu-cart__toggle_button .elementor-button-text,
body.home .elementor-location-header.menu-hovered .elementor-menu-cart__toggle .elementor-button-text,
body.home .elementor-header.menu-hovered .elementor-menu-cart__toggle .elementor-button-text,
body.home .elementor-location-header.menu-hovered .elementor-menu-cart__toggle_button span,
body.home .elementor-header.menu-hovered .elementor-menu-cart__toggle_button span,
body.home .elementor-location-header.menu-hovered .elementor-menu-cart__toggle span,
body.home .elementor-header.menu-hovered .elementor-menu-cart__toggle span,
body.home .elementor-location-header.menu-hovered .elementor-menu-cart__toggle .count,
body.home .elementor-header.menu-hovered .elementor-menu-cart__toggle .count,
body.home .elementor-location-header.menu-hovered .elementor-menu-cart__toggle_button .count,
body.home .elementor-header.menu-hovered .elementor-menu-cart__toggle_button .count,
body.home.header-menu-hovered .elementor-location-header .elementor-menu-cart__toggle_button .elementor-button-text,
body.home.header-menu-hovered .elementor-location-header .elementor-menu-cart__toggle .elementor-button-text,
body.home.header-menu-hovered .elementor-location-header .elementor-menu-cart__toggle_button span,
body.home.header-menu-hovered .elementor-location-header .elementor-menu-cart__toggle span,
body.home.header-menu-hovered .elementor-location-header .elementor-menu-cart__toggle .count,
body.home.header-menu-hovered .elementor-header .elementor-menu-cart__toggle_button .elementor-button-text,
body.home.header-menu-hovered .elementor-header .elementor-menu-cart__toggle .elementor-button-text,
body.home.header-menu-hovered .elementor-header .elementor-menu-cart__toggle_button span,
body.home.header-menu-hovered .elementor-header .elementor-menu-cart__toggle span,
body.home.header-menu-hovered .elementor-header .elementor-menu-cart__toggle .count {
    color: #ffffff !important;
}

body.home .elementor-location-header.menu-hovered .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before,
body.home .elementor-header.menu-hovered .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before,
body.home .elementor-location-header.menu-hovered .elementor-menu-cart__toggle_button .elementor-button-icon[data-counter]:before,
body.home .elementor-header.menu-hovered .elementor-menu-cart__toggle_button .elementor-button-icon[data-counter]:before,
body.home.header-menu-hovered .elementor-location-header .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before,
body.home.header-menu-hovered .elementor-header .elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before,
body.home.header-menu-hovered .elementor-location-header .elementor-menu-cart__toggle_button .elementor-button-icon[data-counter]:before,
body.home.header-menu-hovered .elementor-header .elementor-menu-cart__toggle_button .elementor-button-icon[data-counter]:before {
    color: #ffffff !important;
}

body.home .elementor-location-header.menu-hovered [data-counter],
body.home .elementor-header.menu-hovered [data-counter],
body.home.header-menu-hovered .elementor-location-header [data-counter],
body.home.header-menu-hovered .elementor-header [data-counter] {
    color: #ffffff !important;
}

/* ============================================
   TRANSICIONES - SOLO HOMEPAGE
   ============================================ */

body.home .elementor-location-header,
body.home .elementor-header,
body.home .elementor-location-header .e-con,
body.home .elementor-header .e-con {
    transition: background-color 0.3s ease !important;
}