/* ====== Márgenes y tipografía global ====== */
:root{
  /* sube/baja estos valores para “un poquito más/menos margen” */
  --container-max: 1400px;     /* ancho máx en desktop */
  --container-pad: 8px;       /* padding lateral base */
  --container-pad-lg: 18px;    /* padding lateral en pantallas grandes */

  /* tipografías */
  --body-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --title-weight: 600;         /* menos negrita que 700 */
}

body{ font-family: var(--body-font); }

.container-29{
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-pad);
  padding-right: var(--container-pad);
}

@media (min-width: 1280px){
  .container-29{
    padding-left: var(--container-pad-lg);
    padding-right: var(--container-pad-lg);
  }
}

/* Para secciones que necesiten ir “de orilla a orilla” (banners, tiras) */
.full-bleed{
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;   /* ocupa todo el ancho del viewport */
}