/* ===== SISTEMA DE GRID ===== */
.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
    box-sizing: border-box;
    overflow-x: hidden; /* Evitar desbordes horizontales */
}

/* Grid de partidos */
.partidos-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
    width: 100%;
    max-width: 100%;
}

@media (min-width: 640px) {
    .partidos-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .partidos-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Grid de noticias */
.noticias-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
    width: 100%;
    max-width: 100%;
}

@media (min-width: 768px) {
    .noticias-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .noticias-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Grid de equipos */
.equipos-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
    width: 100%;
    max-width: 100%;
}

/* Stats grid */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-xl);
    width: 100%;
    max-width: 100%;
}

/* Layout principal - asegurar que no desborde */
.main-content {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}