/* ==========================================================
   Desktop Axis Fix (>=1024px)
   Objetivo: corregir EJE VISUAL (centrado) SIN tocar grids internos,
   sin cambiar colores/textos/estructura y sin afectar mobile.

   Secciones objetivo:
   - #torneos-intercomunales
   - #sur-vs-norte
   - #copa-chile
   ========================================================== */

@media (min-width: 1024px){
  /* 1) Contenedor interno común (eje visual) */
  #torneos-intercomunales .container,
  #sur-vs-norte .container,
  #copa-chile .container{
    box-sizing: border-box !important;
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  /* 2) Cuando hay anchos inline tipo max-width:1400px + margin:auto,
        el elemento puede desalinear el eje visual respecto del contenedor.
        Sin tocar grids/columnas, lo limitamos al 100% del contenedor
        y removemos su auto-centrado interno para que siga el eje del .container. */
  #torneos-intercomunales .container [style*="max-width"],
  #sur-vs-norte .container [style*="max-width"],
  #copa-chile .container [style*="max-width"]{
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3) Causa típica: algún wrapper interno usa 100vw / left/right negativos
        y genera un corrimiento (sin scroll visible). Neutralizamos solo dentro
        de estas secciones, sin overflow hacks. */
  #torneos-intercomunales [style*="100vw"],
  #sur-vs-norte [style*="100vw"],
  #copa-chile [style*="100vw"]{
    width: 100% !important;
  }
}