/* ═══════════════════════════════════════════════════════════════════════════
   🇮🇳 EUROPAINDIA - DISEÑO LIMPIO PROFESIONAL
   Colores de la suerte: Naranja, Verde, Dorado, Blanco
═══════════════════════════════════════════════════════════════════════════ */

:root {
    --saffron: #FF9933;
    --green: #138808;
    --gold: #D4AF37;
    --white: #FFFFFF;
    --light-bg: #F8F9FA;
    --text-dark: #1a1a2e;
    --text-gray: #555;
}

/* FONDO CLARO GENERAL */
body {
    background: var(--light-bg) !important;
}

/* HERO - FONDO BLANCO/CREMA */
.hero {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFF9F0 50%, #FFF5E6 100%) !important;
    color: var(--text-dark) !important;
}

/* Títulos oscuros sobre fondo claro */
.hero-title {
    color: var(--text-dark) !important;
    -webkit-text-fill-color: var(--text-dark) !important;
    font-size: 52px !important;
}

.hero-title span {
    background: linear-gradient(135deg, var(--saffron), var(--gold), var(--green)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.hero-subtitle {
    color: var(--text-gray) !important;
    font-size: 18px !important;
}

/* Badge del acuerdo */
.hero-badge {
    background: linear-gradient(135deg, rgba(255,153,51,0.15), rgba(19,136,8,0.15)) !important;
    border: 2px solid var(--saffron) !important;
    color: var(--saffron) !important;
}

.hero-badge-dot {
    background: var(--green) !important;
}

/* Stats con colores India */
.hero-stat-value {
    background: linear-gradient(135deg, var(--saffron), var(--gold)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 48px !important;
}

.hero-stat-label {
    color: var(--text-gray) !important;
    font-size: 13px !important;
}

/* Botones */
.btn-primary {
    background: linear-gradient(135deg, var(--saffron), #FF8000) !important;
    border: none !important;
    color: white !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 15px rgba(255,153,51,0.4) !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #FFB347, var(--saffron)) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255,153,51,0.5) !important;
}

.btn-secondary {
    background: white !important;
    border: 2px solid var(--green) !important;
    color: var(--green) !important;
}

.btn-secondary:hover {
    background: var(--green) !important;
    color: white !important;
}

/* Visual del globo con colores India */
.globe-sphere {
    background: radial-gradient(circle at 30% 30%, #FFE4B5, var(--saffron), #CC7A00) !important;
    box-shadow: 
        inset -20px -20px 40px rgba(0,0,0,0.2),
        0 0 60px rgba(255,153,51,0.4) !important;
}

.globe-ring {
    border-color: rgba(255,153,51,0.3) !important;
}

.globe-marker-dot {
    background: var(--green) !important;
    box-shadow: 0 0 10px var(--green) !important;
}

/* Navegación */
header, .header, nav {
    background: white !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important;
}

.nav-link {
    color: var(--text-dark) !important;
}

.nav-link:hover {
    color: var(--saffron) !important;
}

/* Logo */
.logo span:last-child {
    color: var(--green) !important;
}

/* Secciones con fondo alterno */
.section:nth-child(even) {
    background: white !important;
}

.section:nth-child(odd) {
    background: var(--light-bg) !important;
}

.section-title {
    color: var(--text-dark) !important;
}

.section-title span {
    background: linear-gradient(135deg, var(--saffron), var(--green)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Cards limpias */
.card, [class*="card"], .product-card {
    background: white !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
}

.card:hover {
    box-shadow: 0 8px 30px rgba(255,153,51,0.15) !important;
    border-color: var(--saffron) !important;
}

/* Sidebar de actividad */
.activity-sidebar, [class*="sidebar"] {
    background: white !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
}

/* Buscador */
.search-section {
    background: linear-gradient(135deg, var(--saffron), var(--gold), var(--green)) !important;
}

.search-input {
    background: white !important;
    border: none !important;
    color: var(--text-dark) !important;
}

.search-btn {
    background: var(--text-dark) !important;
    color: white !important;
}

.search-tag {
    background: rgba(255,255,255,0.2) !important;
    color: white !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
}

/* Footer */
footer {
    background: var(--text-dark) !important;
    color: white !important;
}

/* Ticker superior */
.ticker, [class*="ticker"] {
    background: linear-gradient(90deg, var(--green), #1a9e0a) !important;
}

/* Barra tricolor India decorativa */
.india-stripe {
    height: 4px;
    background: linear-gradient(90deg, var(--saffron) 33%, white 33%, white 66%, var(--green) 66%);
}

/* Links */
a {
    color: var(--saffron) !important;
}

a:hover {
    color: var(--green) !important;
}

/* Stats sidebar derecha */
[class*="stat"] {
    border-left-color: var(--saffron) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .hero-title { font-size: 36px !important; }
    .hero-stat-value { font-size: 36px !important; }
}

/* VISUAL NEURAL IA */
.globe-container {
    width: 100% !important;
    max-width: 480px !important;
    height: auto !important;
    margin: 0 auto !important;
}

.globe-container object,
.globe-container img,
.globe-container svg {
    width: 100% !important;
    height: auto !important;
}

/* Ocultar el globo viejo */
.globe-sphere,
.globe-ring,
.globe-marker {
    display: none !important;
}