.elementor-6305 .elementor-element.elementor-element-51c3ef3{--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-6305 .elementor-element.elementor-element-02b8c3d .hfe-site-logo-container, .elementor-6305 .elementor-element.elementor-element-02b8c3d .hfe-caption-width figcaption{text-align:center;}.elementor-6305 .elementor-element.elementor-element-02b8c3d .widget-image-caption{margin-top:0px;margin-bottom:0px;}.elementor-6305 .elementor-element.elementor-element-02b8c3d .hfe-site-logo-container .hfe-site-logo-img{border-style:none;}.elementor-6305 .elementor-element.elementor-element-5c7a404{--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-6305 .elementor-element.elementor-element-d7733d2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6305 .elementor-element.elementor-element-1d0dc9b{--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-6305 .elementor-element.elementor-element-4064cb1{--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-6305 .elementor-element.elementor-element-da7d082{--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-6305 .elementor-element.elementor-element-e7a9708{width:auto;max-width:auto;}.elementor-6305 .elementor-element.elementor-element-e7a9708 > .elementor-widget-container{margin:20px 0px 0px 0px;}#elementor-popup-modal-6305{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6305 .dialog-message{width:300px;height:100vh;align-items:flex-start;}#elementor-popup-modal-6305 .dialog-close-button{display:flex;}#elementor-popup-modal-6305 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-6305 .elementor-element.elementor-element-51c3ef3{--margin-top:39px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6305 .elementor-element.elementor-element-02b8c3d .hfe-site-logo .hfe-site-logo-container img{width:61%;}.elementor-6305 .elementor-element.elementor-element-5c7a404{--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;}.elementor-6305 .elementor-element.elementor-element-d7733d2{width:var( --container-widget-width, 305.5px );max-width:305.5px;--container-widget-width:305.5px;--container-widget-flex-grow:0;}.elementor-6305 .elementor-element.elementor-element-1d0dc9b{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6305 .elementor-element.elementor-element-e7a9708 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6305 .elementor-element.elementor-element-e7a9708.elementor-element{--align-self:flex-start;}#elementor-popup-modal-6305 .dialog-message{width:310px;}#elementor-popup-modal-6305{justify-content:flex-end;}}/* Start custom CSS for nav-menu, class: .elementor-element-d7733d2 *//* 1. LIMPIEZA Y ESTRUCTURA BASE */
.elementor-6305 .elementor-element.elementor-element-d7733d2 .elementor-nav-menu--main,
.elementor-6305 .elementor-element.elementor-element-d7733d2 ul.elementor-nav-menu {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-6305 .elementor-element.elementor-element-d7733d2 .elementor-nav-menu--main li {
    border-bottom: 1px solid #f2f2f2 !important; /* Línea elegante */
    position: relative;
}

/* 2. DISEÑO DEL TEXTO "MOTOZONE" */
.elementor-6305 .elementor-element.elementor-element-d7733d2 .elementor-nav-menu--main li a {
    padding: 20px 5px !important;
    font-weight: 800 !important; /* Más grueso para estilo deportivo */
    font-size: 16px !important;
    letter-spacing: 0.5px;
    color: #222222 !important;
    text-transform: uppercase;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

/* Color naranja al pasar el dedo */
.elementor-6305 .elementor-element.elementor-element-d7733d2 .elementor-nav-menu--main li a:hover {
    color: #FF6B00 !important; 
    padding-left: 10px !important;
}

/* 3. LÓGICA DEL + / - PARA SUBPÁGINAS */

/* Ocultar la flecha original de Elementor */
.elementor-6305 .elementor-element.elementor-element-d7733d2 .sub-arrow {
    display: none !important;
}

/* Crear el símbolo + por defecto en items con hijos */
.elementor-6305 .elementor-element.elementor-element-d7733d2 .menu-item-has-children > a::after {
    content: '+';
    font-family: 'Courier New', Courier, monospace; /* Para que el + sea simétrico */
    font-size: 22px;
    font-weight: 400;
    color: #FF6B00;
    transition: transform 0.3s ease;
}

/* Cambiar el + por un - cuando el submenú está abierto */
/* Nota: Elementor añade clases como 'highlighted' o cambia el estado al abrir */
.elementor-6305 .elementor-element.elementor-element-d7733d2 .menu-item-has-children.elementor-item-active > a::after,
.elementor-6305 .elementor-element.elementor-element-d7733d2 .menu-item-has-children:hover > a::after {
    content: '-';
    transform: rotate(180deg);
}

/* 4. ESTILO DEL SUBMENÚ (Lo que se despliega) */
.elementor-6305 .elementor-element.elementor-element-d7733d2 .elementor-nav-menu--main .sub-menu {
    background-color: #fafafa !important;
    padding-left: 20px !important; /* Sangría para los hijos */
    border-top: 1px solid #eee;
}

.elementor-6305 .elementor-element.elementor-element-d7733d2 .elementor-nav-menu--main .sub-menu li a {
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 15px 0 !important;
    border-bottom: none !important;
}

/* 5. QUITAR BORDE AL ÚLTIMO */
.elementor-6305 .elementor-element.elementor-element-d7733d2 .elementor-nav-menu--main > li:last-child {
    border-bottom: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a8d84f */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

/* --- ESTILO PARA H1 (AZUL MOTOZONE) --- */
h1, .elementor-heading-title.elementor-size-default {
    display: inline-block !important;
    background-color: #ffffff !important; /* Fondo de la tarjeta */
    color: #1a237e !important; /* Azul sólido (Garantiza visibilidad) */
    padding: 10px 20px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 18px !important; /* Tamaño compacto para Popup */
    line-height: 1.2 !important;
    
    /* Estética de Tarjeta */
    border-left: 6px solid #ff6a00 !important; /* Franja Naranja para resaltar */
    border-radius: 0 30px 30px 0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
    
    /* Reset de efectos que causan invisibilidad */
    -webkit-text-fill-color: #1a237e !important;
    background-image: none !important;
}

/* --- AJUSTE PARA CELULAR --- */
@media (max-width: 767px) {
    h1, .elementor-heading-title.elementor-size-default {
        font-size: 16px !important;
        padding: 8px 15px !important;
        border-left-width: 5px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e7a9708 *//* --- ESTILO GLOBAL --- */
.btn-motozone-wa, 
.price, 
.elementor-widget-woocommerce-product-price .price {
    height: 70px !important; /* Altura fija para ambos */
    display: flex !important;
    align-items: center !important;
    border-radius: 12px 50px 50px 12px !important;
    box-sizing: border-box !important;
}

.btn-motozone-wa {
    background-color: #25d366 !important;
    color: #ffffff !important;
    padding: 0 20px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    width: fit-content !important;
    border: none !important;
}

/* CONTENEDOR DE TEXTO: Aquí eliminamos el margen de arriba hacia abajo */
.texto-contenedor {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 0.9 !important; /* Texto muy compacto */
    margin: 0 !important;
    padding: 0 !important;
}

.txt-grande {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 900 !important;
    font-size: 17px !important;
    letter-spacing: -0.5px; /* Letras un poco más juntas */
    margin-bottom: 2px !important; /* Espacio mínimo con la línea de abajo */
}

.txt-detalle, .txt-marca {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 9px !important;
    text-transform: uppercase;
    margin: 0 !important;
    padding: 0 !important;
}

.icono-principal {
    font-size: 28px !important;
    margin-right: 12px !important;
}

.icono-moto {
    font-size: 20px !important;
    margin-left: 12px !important;
}

/* Card del Precio idéntica */
.price, .elementor-widget-woocommerce-product-price .price {
    background: #ffffff !important;
    border-left: 6px solid #ff6a00 !important;
    padding: 0 25px !important;
    border-top: 1px solid #eee !important;
    border-right: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
}

/* --- AJUSTE CELULAR: MÁS COMPACTO AÚN --- */
@media (max-width: 767px) {
    .btn-motozone-wa, .price {
        height: 55px !important; /* Más delgado en móvil */
    }

    .texto-contenedor {
        line-height: 0.85 !important; /* Casi pegadas las letras */
    }

    .txt-grande {
        font-size: 14px !important;
    }

    .txt-detalle, .txt-marca {
        font-size: 8px !important;
    }

    .icono-principal { font-size: 22px !important; }
    .icono-moto { font-size: 16px !important; }
}/* End custom CSS */