/* Marco global centrado, sin alterar el look original */
:root { --site-max: 1200px; }     /* ajústalo a 1100px/1000px si prefieres */

.site-max {
  width: min(var(--site-max), 92%);
  margin: 0 auto;                 /* centra horizontalmente */
}

/* Respiración lateral para que nada toque los bordes en móvil */
.site-max { padding-left: 1rem; padding-right: 1rem; }



/* Carrusel centrado y limpio dentro de la caja */
#myCarousel{
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 10px 30px rgba(0,0,0,.08);
}
#myCarousel .item > img{
  width: 100%;
  height: auto;
  display: block;
}
/* Controles dentro, sin fondos */
#myCarousel .left.carousel-control,
#myCarousel .right.carousel-control{
  background-image: none;
  width: 8%;                  /* que no “coman” tanto borde */
}