/*
 * MaravatíoShop — Botones amarillos V1.6
 * Se carga después de assets/css/style.css.
 * Mantiene WhatsApp verde, acciones peligrosas rojas y botones secundarios claros.
 */

:root {
    --btn-yellow-light: #ffe879;
    --btn-yellow-main: #ffc928;
    --btn-yellow-deep: #e4a900;
    --btn-yellow-border: #d8a000;
    --btn-yellow-text: #352600;
    --btn-yellow-shadow: rgba(228, 169, 0, 0.30);
}

/* Botones principales del sitio */
.btn:not(.btn-whatsapp):not(.btn-danger):not(.btn-light):not(.btn-outline),
.google-review-button,
.google-resenas__boton,
.reviews-google-button,
.btn-generar-sitemap,
.btn-sitemap,
.main-nav .nav-cta,
.main-nav .nav-chip,
.menu-toggle {
    background: linear-gradient(135deg, var(--btn-yellow-light), var(--btn-yellow-main)) !important;
    border: 2px solid var(--btn-yellow-border) !important;
    color: var(--btn-yellow-text) !important;
    box-shadow: 0 9px 20px var(--btn-yellow-shadow) !important;
    text-shadow: none !important;
    transition:
        background 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease !important;
}

/* Al pasar el mouse: amarillo más intenso y ligeramente elevado */
.btn:not(.btn-whatsapp):not(.btn-danger):not(.btn-light):not(.btn-outline):hover,
.google-review-button:hover,
.google-resenas__boton:hover,
.reviews-google-button:hover,
.btn-generar-sitemap:hover,
.btn-sitemap:hover,
.main-nav .nav-cta:hover,
.main-nav .nav-chip:hover,
.menu-toggle:hover {
    background: linear-gradient(135deg, var(--btn-yellow-main), var(--btn-yellow-deep)) !important;
    border-color: #bf8c00 !important;
    color: #241a00 !important;
    transform: translateY(-3px);
    box-shadow: 0 13px 27px rgba(191, 140, 0, 0.38) !important;
}

/* Efecto al presionar */
.btn:not(.btn-whatsapp):not(.btn-danger):not(.btn-light):not(.btn-outline):active,
.google-review-button:active,
.google-resenas__boton:active,
.reviews-google-button:active,
.btn-generar-sitemap:active,
.btn-sitemap:active,
.main-nav .nav-cta:active,
.main-nav .nav-chip:active,
.menu-toggle:active {
    transform: translateY(0);
    box-shadow: 0 5px 12px rgba(191, 140, 0, 0.27) !important;
}

/* Navegación con teclado */
.btn:focus-visible,
.google-review-button:focus-visible,
.google-resenas__boton:focus-visible,
.reviews-google-button:focus-visible,
.btn-generar-sitemap:focus-visible,
.btn-sitemap:focus-visible,
.main-nav .nav-cta:focus-visible,
.main-nav .nav-chip:focus-visible,
.menu-toggle:focus-visible {
    outline: 4px solid rgba(255, 201, 40, 0.40) !important;
    outline-offset: 3px;
}

/* Mantener WhatsApp verde */
.btn-whatsapp,
.floating-whatsapp {
    background: #24d49d !important;
    border-color: #159f76 !important;
    color: #063f31 !important;
}

.btn-whatsapp:hover,
.floating-whatsapp:hover {
    background: #19bc89 !important;
    color: #052f25 !important;
}

/* Mantener eliminar/rechazar en rojo */
.btn-danger {
    background: #ffe8eb !important;
    border-color: #f5b4bd !important;
    color: #a72b3b !important;
}

.btn-danger:hover {
    background: #ffd4da !important;
    border-color: #e98e9b !important;
    color: #8e1f2e !important;
}

/* Evitar animación en controles desactivados */
.btn:disabled,
.btn.disabled,
button:disabled {
    cursor: not-allowed !important;
    opacity: 0.58 !important;
    transform: none !important;
    box-shadow: none !important;
}
/* Botón principal: Escoger productos */
.btn-elegir-productos-fluor {
    display: flex;
    width: 100%;
    min-height: 60px;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 15px 22px;
    border: 2px solid #d1ba00;
    border-radius: 15px;

    background: linear-gradient(
        135deg,
        #efff00 0%,
        #dcff00 45%,
        #ffd600 100%
    );

    color: #192400;
    font-size: 21px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    cursor: pointer;

    box-shadow:
        0 8px 20px rgba(217, 255, 0, 0.45),
        0 0 18px rgba(239, 255, 0, 0.35);

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}

/* Al pasar el mouse */
.btn-elegir-productos-fluor:hover {
    background: linear-gradient(
        135deg,
        #d9ff00,
        #eeff00,
        #ffc400
    );

    color: #111900;
    transform: translateY(-3px) scale(1.015);

    box-shadow:
        0 13px 28px rgba(217, 255, 0, 0.55),
        0 0 25px rgba(239, 255, 0, 0.48);
}

/* Al presionar */
.btn-elegir-productos-fluor:active {
    transform: translateY(0) scale(0.99);
}

/* Resaltado suave */
@keyframes brillo-productos {
    0%,
    100% {
        box-shadow:
            0 8px 20px rgba(217, 255, 0, 0.40),
            0 0 12px rgba(239, 255, 0, 0.28);
    }

    50% {
        box-shadow:
            0 11px 25px rgba(217, 255, 0, 0.58),
            0 0 24px rgba(239, 255, 0, 0.48);
    }
}

.btn-elegir-productos-fluor {
    animation: brillo-productos 2.2s ease-in-out infinite;
}