/* core/static/css/base/responsive.css */

/* 1) Medios fluidos */
img, svg, video, canvas {
  max-width: 100%;
  height: auto;
}

/* 2) Padding del container (mobile-first) */
.container,
.app-container{
  padding-left: var(--container-pad);
  padding-right: var(--container-pad);
}

/* 3) Evitar overflow por textos largos */
*{
  overflow-wrap: anywhere;
}

/* 4) Modales: que no se “salgan” en móvil */
.modal-dialog{
  margin: 14px auto;
}
@media (max-width: 576px){
  .modal-dialog{ margin: 10px; }
  .modal-lg{ max-width: 100%; }
}