.elementor-987859 .elementor-element.elementor-element-a5ba95d{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-8d7312d *//* Forzar visibilidad de números en cantidad */
.woocommerce .quantity .qty {
    color: #333 !important; /* Color oscuro para el número */
    background-color: #fff !important; 
    min-height: 35px !important;
    padding: 5px !important;
    opacity: 1 !important;
}
/* 1. Alargar el input del cupón un 25% más */
#coupon_code {
    width: 250px !important; 
    min-height: 45px !important;
    border: 1px solid #ccc !important;
    padding: 0 15px !important;
    color: #333 !important;
    background-color: #ffffff !important;
}

/* 2. Botón de cupón: Estilo secundario (Borde y Letra con tu verde #6A7851) */
.coupon .button {
    height: 45px !important;
    background-color: transparent !important; 
    color: #6A7851 !important; /* Tu verde primario */
    border: 2px solid #6A7851 !important; /* Borde con tu verde */
    font-weight: bold !important;
    padding: 0 25px !important;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out !important;
}

/* Hover: Invertimos los colores para que se note el click */
.coupon .button:hover {
    background-color: #6A7851 !important;
    color: #ffffff !important;
}

/* 3. Corregir los números de cantidad */
.woocommerce .quantity .qty {
    color: #000000 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    padding: 5px !important;
    font-size: 16px !important;
}

/* Alineación de la fila de cupones */
.actions .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
} transparente */
    color: #28a745 !important; /* Tu verde de éxito/primario */
    border: 2px solid #28a745 !important; /* Solo el borde verde */
    font-weight: bold !important;
    padding: 0 25px !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer !important;
}

/* Efecto Hover para que se note la interacción */
.coupon .button:hover {
    background-color: #28a745 !important;
    color: #ffffff !important;
}

/* 3. Corregir los números de cantidad (que se vean negros) */
.woocommerce .quantity .qty {
    color: #000000 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    padding: 5px !important;
    font-size: 16px !important;
}

/* Alineación para que no se amontonen */
.actions .coupon {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}/* End custom CSS */