/*
 * Variables de marca + componentes portados desde global.css del sitio
 * Astro (Centro Envases La 14). Archivo estático, servido directo por
 * Laravel -- deliberadamente FUERA del pipeline Vite/Tailwind del
 * paquete Shop, para no depender de esa build al portar estas 2 clases
 * puntuales. Ver docs/superpowers/specs/2026-09-06-esqueleto-front-shop-design.md.
 */
:root {
    --navy-900: #0B2545;
    --gold-500: #C5A059;
}

.btn-glass {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.625rem 1.25rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    color: inherit;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-glass[data-active="true"] {
    background: rgba(11, 37, 69, 0.85);
    color: #fff;
    border-color: rgba(197, 160, 89, 0.6);
    box-shadow: 0 4px 15px rgba(197, 160, 89, 0.35);
    transform: translateY(-2px);
    backdrop-filter: blur(16px);
    font-weight: 700;
}

.btn-glass-accent {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 2rem;
    border-radius: 0.5rem;
    background: linear-gradient(to bottom right, #F0D68C, #C5A059, #9C7A3A);
    border: 1px solid #8A6C30;
    box-shadow: 0 6px 20px -4px rgba(197, 160, 89, 0.55);
    color: var(--navy-900);
    font-weight: 800;
    letter-spacing: 0.025em;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-glass-accent:hover {
    box-shadow: 0 10px 30px -6px rgba(197, 160, 89, 0.7);
    filter: brightness(1.1);
    transform: translateY(-2px);
}