@media (max-width: 768px) {

  /* Elimina márgenes laterales forzados */
  .container,
  .content,
  .main,
  .wrapper {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Hace que imágenes ocupen todo el ancho */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Mejora lectura de texto */
  p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

}