/**
 * Sobrescritura forzada para el botón "Comprar ahora"
 * Este archivo aplica estilos con !important para asegurar que se usen los colores personalizados
 */

/* Selector específico para el botón que aparece en la imagen */
.product-cart-wrap .product-action-1 .action-btn.hover-up,
.product-img-action-wrap .product-action-1 .action-btn.hover-up,
a.action-btn.hover-up[aria-label="Comprar ahora"],
.action-btn.hover-up,
.product-action-1 .action-btn {
    background-color: var(--button-background, #3BB77E) !important;
    color: var(--button-text-color, #ffffff) !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hover para el botón */
.product-cart-wrap .product-action-1 .action-btn.hover-up:hover,
.product-img-action-wrap .product-action-1 .action-btn.hover-up:hover,
a.action-btn.hover-up[aria-label="Comprar ahora"]:hover,
.action-btn.hover-up:hover,
.product-action-1 .action-btn:hover {
    background-color: var(--hover-color, #30A56E) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15) !important;
}

/* Estilo específico para el botón con texto "Comprar ahora" */
.action-btn.hover-up span,
.action-btn.hover-up div {
    color: var(--button-text-color, #ffffff) !important;
}

/* Sobrescritura extrema para el botón naranja */
.product-cart-wrap .action-btn,
.product-img-action-wrap .action-btn,
.product-action-1 .action-btn,
.action-btn {
    background-color: var(--button-background, #3BB77E) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Sobrescritura para el botón específico que aparece en la imagen */
.product-cart-wrap .product-action-1 a,
.product-cart-wrap .product-action-1 button,
.product-action-1 a,
.product-action-1 button {
    background-color: var(--button-background, #3BB77E) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Sobrescritura para el texto "Comprar ahora" */
.action-btn span:contains("Comprar ahora"),
.action-btn div:contains("Comprar ahora") {
    color: var(--button-text-color, #ffffff) !important;
}

/* Estilo específico para el botón que tiene el texto "Comprar ahora" */
a:has(> span:contains("Comprar ahora")),
button:has(> span:contains("Comprar ahora")),
div:has(> span:contains("Comprar ahora")) {
    background-color: var(--button-background, #3BB77E) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Sobrescritura para cualquier botón con el texto "Comprar ahora" */
[aria-label="Comprar ahora"] {
    background-color: var(--button-background, #3BB77E) !important;
    color: var(--button-text-color, #ffffff) !important;
}

/* Estilo específico para el botón de compra en la página de productos */
.product-grid-3 .action-btn,
.product-grid-3 .action-btn.hover-up {
    background-color: var(--button-background, #3BB77E) !important;
    color: var(--button-text-color, #ffffff) !important;
}