@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Montserrat:wght@300;400;600&display=swap');

:root {
    --gold-primary: #D4AF37;
    --gold-secondary: #C5A028;
    --dark-bg: #0c0808;
    --card-bg: rgba(20, 15, 15, 0.4);
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, .font-cinzel {
    font-family: 'Cinzel', serif;
}
::selection {
    background-color: #B22222;
    color: white;
}

/* Efecto Glassmorphism Premium para las tarjetas */
.glass-card {
    background: rgba(255, 255, 255, 0.6); /* Modo Claro */
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(212, 175, 55, 0.3);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.dark .glass-card {
    background: rgba(20, 15, 15, 0.4); /* Modo Oscuro */
    border-color: rgba(212, 175, 55, 0.15);
}
.glass-card:hover {
    transform: translateY(-6px);
    border-color: rgba(212, 175, 55, 0.5);
    box-shadow: 0 10px 30px -10px rgba(212, 175, 55, 0.2);
}

/* Ocultar barra de scroll en los filtros móviles */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Línea separadora dorada con degradado */
.gold-divider {
    height: 2px;
    background: linear-gradient(90deg, transparent, #D4AF37, transparent);
}