.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11 .elementor-element.elementor-element-ce2f51e{--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;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-ce2f51e::before, .elementor-11 .elementor-element.elementor-element-ce2f51e > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-ce2f51e > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-ce2f51e > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-ce2f51e > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-ce2f51e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-11 .elementor-element.elementor-element-72a95e2f{--display:flex;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-72a95e2f{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-72a95e2f{--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-a09d622 */.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.add_to_cart_button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background-color: #333333 !important;
    color: #fff !important;
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.add_to_cart_button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #ff4f9b !important;
    color: #ffffff !important;
}
/* CSS para quitar el hover y mostrar siempre las flechitas de cantidad en WooCommerce */

/* Eliminar el hover y mostrar siempre los spinners */
.woocommerce .quantity input[type="number"]::-webkit-outer-spin-button,
.woocommerce .quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    position: relative !important;
    display: block !important;
    margin: 0;
    height: auto;
    cursor: pointer;
}

/* Para el carrito específicamente */
.woocommerce table.cart .quantity input[type="number"]::-webkit-outer-spin-button,
.woocommerce table.cart .quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    display: block !important;
    position: relative !important;
    margin: 0;
}

/* Asegurar que el input tenga el tipo correcto */
.woocommerce .quantity input[type="number"] {
    -webkit-appearance: auto !important;
    -moz-appearance: textfield;
    width: 80px;
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 4px;
}

/* Para Firefox - mostrar los spinners */
.woocommerce .quantity input[type="number"] {
    -moz-appearance: auto !important;
}

/* Eliminar cualquier CSS de hover que pueda estar ocultando los controles */
.woocommerce .quantity input[type="number"]:hover::-webkit-outer-spin-button,
.woocommerce .quantity input[type="number"]:hover::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    display: block !important;
}

/* Forzar la visibilidad sin depender del hover */
.woocommerce .quantity input[type="number"]:not(:hover)::-webkit-outer-spin-button,
.woocommerce .quantity input[type="number"]:not(:hover)::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    display: block !important;
}

/* Sobrescribir cualquier CSS del tema que oculte los spinners */
.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    display: block !important;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    margin: 0 !important;
    height: auto !important;
    cursor: pointer !important;
}

/* Para móviles - hacer los botones más grandes y táctiles */
@media (max-width: 768px) {
    .woocommerce .quantity input[type="number"] {
        width: 90px;
        height: 45px;
        font-size: 16px;
    }
    
    .woocommerce .quantity input[type="number"]::-webkit-outer-spin-button,
    .woocommerce .quantity input[type="number"]::-webkit-inner-spin-button {
        min-width: 25px;
        min-height: 22px;
        cursor: pointer;
    }
}

/* Si el tema usa display: none en los spinners, forzar que se muestren */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    display: block !important;
    -webkit-appearance: auto !important;
    opacity: 1 !important;
}

/* Reset completo para eliminar cualquier CSS que interfiera */
.woocommerce-cart .quantity input[type="number"] {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}

.woocommerce-cart .quantity input[type="number"]::-webkit-outer-spin-button,
.woocommerce-cart .quantity input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: auto !important;
    opacity: 1 !important;
    display: block !important;
    position: relative !important;
}/* End custom CSS */