.elementor-3282 .elementor-element.elementor-element-db2ef19{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;box-shadow:0px 5px 30px 0px rgba(0,0,0,0.1);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:10;}.elementor-3282 .elementor-element.elementor-element-7696facb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:12px;--padding-right:12px;}.elementor-3282 .elementor-element.elementor-element-7696facb:not(.elementor-motion-effects-element-type-background), .elementor-3282 .elementor-element.elementor-element-7696facb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080484;}.elementor-3282 .elementor-element.elementor-element-dde04d6{width:var( --container-widget-width, 21.062% );max-width:21.062%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:21.062%;--container-widget-flex-grow:0;text-align:left;}.elementor-3282 .elementor-element.elementor-element-dde04d6.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-3282 .elementor-element.elementor-element-dde04d6 img{width:100%;max-width:100%;height:81px;object-fit:contain;object-position:center center;opacity:1;}.elementor-3282 .elementor-element.elementor-element-9a94041 > .elementor-widget-container{background-color:#FF0000;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:solid;border-color:#FF0000;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3282 .elementor-element.elementor-element-9a94041.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-3282 .elementor-element.elementor-element-9a94041:hover .elementor-widget-container{border-style:solid;}.elementor-3282 .elementor-element.elementor-element-9a94041{text-align:right;}.elementor-3282 .elementor-element.elementor-element-9a94041 .rt-button .button-link{font-size:13px;letter-spacing:0.7px;word-spacing:0px;}.elementor-3282 .elementor-element.elementor-element-9a94041 .rt-button .button-style-3{background-color:#FF0000;padding:0px 25px 0px 25px;}.elementor-3282 .elementor-element.elementor-element-9a94041 .rt-button{margin:0px 0px 0px 0px;}.elementor-3282 .elementor-element.elementor-element-b5f58fd{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;--e-search-placeholder-color:#080484;--e-search-input-color:#080484;--e-search-icon-label-color:#080484;--e-search-input-padding-block-start:5px;--e-search-input-padding-inline-start:5px;--e-search-input-padding-block-end:5px;--e-search-input-padding-inline-end:5px;--e-search-icon-label-size:16px;--e-search-submit-margin-inline-start:0px;--e-search-icon-clear-size:0px;--e-search-icon-clear-transition:0s;}.elementor-3282 .elementor-element.elementor-element-b5f58fd.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-3282 .elementor-element.elementor-element-b5f58fd .e-search-input{font-size:14px;border-style:none;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:30px 30px 30px 30px;}.elementor-3282 .elementor-element.elementor-element-1dbda3e{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-icon-list-icon-size:16px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-3282 .elementor-element.elementor-element-1dbda3e.elementor-element{--align-self:center;}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-item:not(:last-child):after{content:"";height:100%;border-color:#ddd;}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-block-start-style:solid;border-block-start-width:1px;}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-style:solid;}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-inline-start-width:1px;}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-3282 .elementor-element.elementor-element-1dbda3e .elementor-icon-list-text{transition:color 0.3s;}.elementor-3282 .elementor-element.elementor-element-0f56a6b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--background-transition:0.3s;--overlay-opacity:0.5;}.elementor-3282 .elementor-element.elementor-element-0f56a6b:not(.elementor-motion-effects-element-type-background), .elementor-3282 .elementor-element.elementor-element-0f56a6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C23E7;}.elementor-3282 .elementor-element.elementor-element-0f56a6b:hover{background-color:transparent;background-image:linear-gradient(180deg, #1C23E7 0%, #1C23E7 100%);--overlay-opacity:0.5;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3282 .elementor-element.elementor-element-0f56a6b:hover::before, .elementor-3282 .elementor-element.elementor-element-0f56a6b:hover > .elementor-background-video-container::before, .elementor-3282 .elementor-element.elementor-element-0f56a6b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-3282 .elementor-element.elementor-element-0f56a6b > .elementor-background-slideshow:hover::before, .elementor-3282 .elementor-element.elementor-element-0f56a6b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#1C23E7;--background-overlay:'';}.elementor-3282 .elementor-element.elementor-element-0f56a6b::before, .elementor-3282 .elementor-element.elementor-element-0f56a6b > .elementor-background-video-container::before, .elementor-3282 .elementor-element.elementor-element-0f56a6b > .e-con-inner > .elementor-background-video-container::before, .elementor-3282 .elementor-element.elementor-element-0f56a6b > .elementor-background-slideshow::before, .elementor-3282 .elementor-element.elementor-element-0f56a6b > .e-con-inner > .elementor-background-slideshow::before, .elementor-3282 .elementor-element.elementor-element-0f56a6b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3282 .elementor-element.elementor-element-35c7927{width:auto;max-width:auto;border-style:none;}.elementor-3282 .elementor-element.elementor-element-35c7927:hover{border-style:none;}.elementor-3282 .elementor-element.elementor-element-35c7927 .elementor-menu-toggle{margin-right:auto;}.elementor-3282 .elementor-element.elementor-element-35c7927 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;}.elementor-3282 .elementor-element.elementor-element-35c7927 .elementor-nav-menu--dropdown a, .elementor-3282 .elementor-element.elementor-element-35c7927 .elementor-menu-toggle{color:#0A1380;fill:#0A1380;}.elementor-3282 .elementor-element.elementor-element-35c7927 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:none;}.elementor-3282 .elementor-element.elementor-element-35c7927 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-3282 .elementor-element.elementor-element-35c7927 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-3282 .elementor-element.elementor-element-35c7927 .elementor-nav-menu--dropdown li:not(:last-child){border-style:none;}.elementor-3282 .elementor-element.elementor-element-35c7927 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-3282 .elementor-element.elementor-element-35c7927 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-3282 .elementor-element.elementor-element-9831dbc.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3282 .elementor-element.elementor-element-9831dbc img{border-style:none;}.elementor-3282 .elementor-element.elementor-element-83d76fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3282 .elementor-element.elementor-element-38115c5 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-3282 .elementor-element.elementor-element-07255b9{--display:flex;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3282 .elementor-element.elementor-element-7696facb{--content-width:1600px;}}@media(max-width:1024px){.elementor-3282 .elementor-element.elementor-element-7696facb{--padding-top:27px;--padding-bottom:27px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-3282 .elementor-element.elementor-element-7696facb{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3282 .elementor-element.elementor-element-9831dbc{width:var( --container-widget-width, 231px );max-width:231px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:231px;--container-widget-flex-grow:0;text-align:right;}.elementor-3282 .elementor-element.elementor-element-9831dbc.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-3282 .elementor-element.elementor-element-9831dbc img{width:69%;max-width:100%;border-radius:0px 0px 0px 0px;}.elementor-3282 .elementor-element.elementor-element-38115c5{text-align:left;}}/* Start custom CSS for nav-menu, class: .elementor-element-35c7927 *//* ::::::::::::::::::  ICONOS PERMANENTES EN MENÚ PADRE  :::::::::::::::::: */
.elementor-nav-menu--main > .menu-item > a {
    display: flex !important;
    align-items: center !important;
    gap: 8px; /* separacion icono-texto */
}

/* Asegurar que el before SIEMPRE se muestre */
.elementor-nav-menu--main .menu-item > a::before {
    display: inline-block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    font-size: 18px;
    line-height: 1;
}

/* -------- ICONOS -------- */

/* Productos */
.icon-productos > a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f03a"; /* icon: list */
    font-weight: 900;
}

/* Nosotros */
.icon-nosotros > a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c0"; /* icon: usuarios */
    font-weight: 900;
}

/* Crédito */
.icon-credito > a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f09d"; /* icon: credit-card */
    font-weight: 900;
}

/* Vacantes */
.icon-vacantes > a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f2bb"; /* icon: user-tie */
    font-weight: 900;
}

/* Catálogo */
.icon-catalogo > a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f02d"; /* icon: book */
    font-weight: 900;
}

/* Contactanos */
.icon-contacto > a::before {
    font-family: "Font Awesome 5 Free";
    content: "\f095"; /* icon: phone */
    font-weight: 900;
}

/* ---------- ESTILOS ADICIONALES ---------- */

/* Evita que el icono desaparezca al hover */
.elementor-nav-menu--main .menu-item:hover > a::before {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ============================
   1. Forzar que el contenedor del link sea flex
   ============================ */
.elementor-nav-menu--main > .menu-item > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

/* ============================
   2. Asegurar que el icono vaya ANTES del texto
   ============================ */
.elementor-nav-menu--main .menu-item > a::before {
    order: 0 !important;
    margin-right: 6px !important;
    margin-left: 0 !important;
    position: relative !important;
    top: 0 !important;
    display: inline-block !important;
}

/* ============================
   3. Evitar que Elementor agregue bloques o saltos de línea
   ============================ */
.elementor-nav-menu--main .menu-item > a span {
    order: 1 !important;
    display: inline !important;
}

/* ============================
   4. Corregir el divisor “—” que agrega Elektra
   ============================ */
.elementor-nav-menu--main .menu-item:not(:last-child)::after {
    display: none !important;
}

/* ============================
   5. Tamaño y color de iconos
   ============================ */
.elementor-nav-menu--main .menu-item > a::before {
    font-size: 18px !important;
    color: #ffffff !important;
}

/* ============================
   6. Espaciado visual uniforme
   ============================ */
.elementor-nav-menu--main .menu-item {
    padding: 0 12px !important;
}
/* ---------------------------------------------------------
   ICONOS EN EL MENÚ DE PRODUCTOS
--------------------------------------------------------- */

.menu-category-icon {
    width: 22px;
    height: 22px;
    object-fit: contain;
    margin-right: 10px;
    filter: brightness(0) invert(1); /* icono blanco */
}

/* Alinear icono + texto */
.elementor-nav-menu--main .menu-item > a {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
}

/* ---------------------------------------------------------
   ESTILO DEL SUBMENÚ (COLOR AZUL)
--------------------------------------------------------- */
.elementor-nav-menu--main .sub-menu {
    background-color: #1524B4 !important; /* azul estilo imagen 4 */
    padding: 0 !important;
}

/* Cada ítem del submenú */
.elementor-nav-menu--main .sub-menu li a {
    color: white !important;
    padding: 12px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

/* Hover */
.elementor-nav-menu--main .sub-menu li a:hover {
    background-color: #0A1380 !important; /* azul más oscuro */
}

/* Para evitar que Elementor ponga estilos encima */
.elementor-nav-menu--main .sub-menu,
.elementor-nav-menu--main .sub-menu li a {
    border-radius: 0 !important;
}
/* Centrar iconos en el submenú */
.elementor-nav-menu--main .sub-menu li a {
    display: flex !important;
    align-items: center !important; /*  a.elementor-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    color: transparent !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
}

/* MOVER la imagen dentro del enlace */
.menu-item-3915 > a.elementor-item::before {
    content: "" !important;
    background-image: url("https://electrodomesticosmiahorro.com/wp-content/uploads/2025/11/LOGO-MAS-MOTOS-14112025-1.png");
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 120px !important;     /* tamaño del icono */
    height: 45px !important;
    display: block !important;
}

/* ocultamos la imagen original */
.menu-item-3915 img.menu-category-icon {
    display: none !important;
}

/* =============================================
   Alinear MAS MOTOS completamente a la derecha
   ============================================= */
header .elementor-nav-menu--main .elementor-nav-menu {
    display: flex !important;
    width: 100% !important;
}

.menu-item-3915 {
    margin-left: auto !important;
}

/* =======================================================
   MAS MOTOS – MOSTRAR SOLO TEXTO EN MENÚ HAMBURGUESA
========================================================== */

/* En menú móvil, volver a mostrar el texto */
.elementor-nav-menu--dropdown .menu-item-3915 > a.elementor-item {
    font-size: 16px !important;       /* texto normal */
    color: #0A1380  !important;           /* color del texto */
    line-height: normal !important;
    padding: 12px 20px !important;
    display: block !important;
}

/* Evitar que use la imagen en móvil */
.elementor-nav-menu--dropdown .menu-item-3915 > a.elementor-item::before {
    content: none !important;
    display: none !important;
}

/* Asegurar que Elementor no oculte el texto */
.elementor-nav-menu--dropdown .menu-item-3915 > a.elementor-item span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Evitar iconos ocultos accidentalmente */
.elementor-nav-menu--dropdown .menu-item-3915 img.menu-category-icon {
    display: none !important;
}

/* ============================================================
   ESTILOS SOLO PARA MENÚ HAMBURGUESA (MÓVIL)
============================================================ */
@media (max-width: 1024px) {

    /* Ocultar iconos del menú hamburguesa */
    .elementor-nav-menu--dropdown .menu-item a::before {
        display: none !important;
        content: none !important;
    }

    /* Texto centrado y limpio */
    .elementor-nav-menu--dropdown .menu-item > a {
        display: block !important;
        text-align: center !important;
        font-size: 18px !important;
        padding: 14px 0 !important;
        color: #0A1380 !important; /* azul texto */
        background-color: white !important;
        border: none !important;
    }

    /* Hover azul igual al desktop */
    .elementor-nav-menu--dropdown .menu-item > a:hover {
        background-color: #1524B4 !important;  /* azul desktop */
        color: white !important;
    }

    /* Item activo (cuando estás dentro de la categoría) */
    .elementor-nav-menu--dropdown .menu-item.current-menu-item > a,
    .elementor-nav-menu--dropdown .menu-item.current-menu-ancestor > a {
        background-color: #1524B4 !important;
        color: #ffffff !important;
    }

    /* Submenú móvil: quitar color gris feo */
    .elementor-nav-menu--dropdown .sub-menu a {
        background-color: white !important;
        color: #0A1380 !important;
        font-size: 17px !important;
        padding: 12px 0 !important;
        text-align: center !important;
    }

    /* Hover SUBMENÚ */
    .elementor-nav-menu--dropdown .sub-menu a:hover {
        background-color: #1524B4 !important;
        color: #ffffff !important;
    }

    /* =============================================
       MAS MOTOS — solo texto en móvil
    ============================================= */
    .elementor-nav-menu--dropdown .menu-item-3915 img,
    .elementor-nav-menu--dropdown .menu-item-3915 a::before {
        display: none !important;
    }

    .elementor-nav-menu--dropdown .menu-item-3915 > a {
        font-size: 18px !important;
        color: #0A1380 !important;
    }

    .elementor-nav-menu--dropdown .menu-item-3915 > a:hover {
        background-color: #1524B4 !important;
        color: #ffffff !important;
    }
}

/* ============================================================
   LOGO EN ESQUINA DERECHA DEL MENÚ HAMBURGUESA
   ============================================================ */
@media (max-width: 1024px) {

    /* Contenedor superior del menú hamburguesa */
    .elementor-nav-menu--dropdown {
        position: relative;
    }

    /* Logo en la esquina derecha */
    .menu-mobile-logo {
        position: absolute;
        right: 20px;      /* separación derecha */
        top: 10px;        /* separación superior */
        width: 120px;     /* tamaño del logo */
        z-index: 9999;
    }

    /* Evitar que tape el botón de cerrar */
    .elementor-menu-toggle {
        position: relative;
        z-index: 10000;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0f56a6b *//* =============================
   CONTENEDOR AZUL SOLO EN MÓVIL
   ============================= */
@media (max-width: 1024px) {

    .elementor-3282 .elementor-element.elementor-element-0f56a6b {
        background-color: #080484 !important; /* azul del logo */
    }

    /* Icono del menú hamburguesa blanco */
    .elementor-menu-toggle i,
    .elementor-menu-toggle svg {
        fill: #ffffff !important;
        color: #ffffff !important;
        stroke: #ffffff !important;
    }

    /* El botón del menú (el rectángulo que lo contiene) */
    .elementor-menu-toggle {
        border-color: #ffffff !important;
    }
}/* End custom CSS */