/* ============================================================
   BASE.CSS — Tipografía, variables de color y reglas generales
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Playfair+Display:wght@700&display=swap');

:root {
    --primary: #1a1a1a;
    --accent: #d4af37; /* Golden from logo */
    --accent-dark: #b8860b;
}

body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

.serif {
    font-family: 'Playfair Display', serif;
}

/* ---------- Selector de idioma EN/ES ---------- */
[data-lang="es"] { display: none; }
.lang-en [data-lang="en"] { display: block; }
.lang-en [data-lang="es"] { display: none; }
.lang-es [data-lang="es"] { display: block; }
.lang-es [data-lang="en"] { display: none; }
span[data-lang] { display: inline; }
.lang-en span[data-lang="en"] { display: inline; }
.lang-en span[data-lang="es"] { display: none; }
.lang-es span[data-lang="es"] { display: inline; }
.lang-es span[data-lang="en"] { display: none; }

.gold-gradient {
    background: linear-gradient(135deg, #d4af37 0%, #f1d592 50%, #b8860b 100%);
}

.stat-card:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

.logo-container img {
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.1));
}