/*!
 * ============================================================
 *  Bootstrap Overrides — Portal Anecoop (Agricultor Empresario)
 *  Amplía breakpoints y corrige colapsos en col-md-6 / container
 * ============================================================
 */

/* === 1. Breakpoints extendidos ===
   Subimos el ancho máximo de los contenedores y retrasamos el apilamiento
   para que las dos columnas se mantengan visibles hasta 1280px.
*/
:root {
  --ae-container-max: 1280px;
}

/* === 2. Containers más anchos === */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-fluid {
  max-width: var(--ae-container-max) !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* === 3. Evita colapsos prematuros de columnas === */
/* Bootstrap hace wrap de .col-md-6 a una columna bajo 992px.
   Subimos ese punto de ruptura a 1024px (entre md y lg). */
@media (min-width: 1024px) {
  .col-md-6 {
    flex: 0 0 auto;
    width: 50% !important;
  }
}

/* === 4. Ajustes de .row === */
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}

/* === 5. Columna única en móvil (menor a 768px) === */
@media (max-width: 767.98px) {
  .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* === 6. Opcional: mayor espacio entre columnas === */
.row > [class*="col-"] {
  padding-left: calc(var(--bs-gutter-x) / 1.5);
  padding-right: calc(var(--bs-gutter-x) / 1.5);
}

/* === 7. Estética coherente con el tema Anecoop === */
body {
  background-color: #f9fafb;
}