/* AJUSTE DE ANCHO — JJ STEREO
   Añadir AL FINAL del CSS principal para que tenga prioridad.
   Mantiene el fondo exterior visible y centra la página en 1200 px.
*/
html, body {
  margin: 0;
  min-height: 100%;
}

body {
  overflow-x: hidden;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}

/* Contenedor principal de la web */
.wrap,
.site-wrapper,
.page-wrapper,
#page,
#site,
.site {
  width: min(1200px, calc(100% - 32px)) !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Evita que la cabecera o el contenido se desborden del ancho central */
header,
main,
footer {
  max-width: 100%;
}

/* En pantallas pequeñas, usa el ancho disponible */
@media (max-width: 768px) {
  .wrap,
  .site-wrapper,
  .page-wrapper,
  #page,
  #site,
  .site {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}