/* ===================================================================
   Mundial 2026 — Estilos personalizados
   Complemento sobre Tailwind CDN. Se carga desde /assets/css/app.css
   =================================================================== */

body { font-family: 'Inter', sans-serif; }
.display { font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.02em; }

.card {
    background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
    border: 1px solid rgba(255,255,255,0.08);
    transition: border-color 0.15s;
}
.card:hover { border-color: rgba(255,255,255,0.18); }

.group-card {
    transition: transform 0.15s, border-color 0.15s;
}
.group-card:hover { transform: translateY(-2px); }

.fi {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.accent-line {
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
    height: 1px;
}

.scorebox {
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
    border: 1px solid rgba(255,255,255,0.1);
}

/* Glow para countdown */
.glow-emerald { text-shadow: 0 0 30px rgba(52, 211, 153, 0.4); }