/* Mutualidad Andromeda - ajuste exclusivamente visual para telefonos.
   Sin JavaScript, sin cambios en formularios, nombres, endpoints ni datos. */
@media screen and (max-width: 767.98px) {
  html { -webkit-text-size-adjust: 100%; }
  body { max-width: 100%; overflow-x: hidden; }
  .container, .container-fluid, .shell, .page { max-width: 100%; }
  .container, .container-fluid { padding-left: 12px; padding-right: 12px; }
  h1, .h1 { font-size: clamp(1.45rem, 6vw, 2rem); overflow-wrap: anywhere; }
  h2, .h2 { font-size: clamp(1.3rem, 5vw, 1.7rem); overflow-wrap: anywhere; }
  h3, .h3 { font-size: clamp(1.15rem, 4.5vw, 1.5rem); overflow-wrap: anywhere; }
  .card, .panel, .mod-card { max-width: 100%; }
  .card-body { padding: 1rem; }
  .panel-head, .brandbar { flex-wrap: wrap; gap: .6rem; }
  .mod-card { border-radius: 14px; }
  .mod-icon, .icon-bubble { flex-shrink: 0; }
  input:not([type=checkbox]):not([type=radio]), select, textarea,
  .form-control, .form-select { max-width: 100%; font-size: 16px; }
  textarea { min-height: 90px; }
  .btn, button, input[type=submit], input[type=button] { min-height: 40px; touch-action: manipulation; }
  .btn-group { flex-wrap: wrap; gap: .35rem; }
  .d-flex { min-width: 0; }
  img, video, canvas { max-width: 100%; height: auto; }
  /* Mantener todas las columnas y acciones disponibles: scroll lateral en tablas. */
  table:not(.table-borderless) { display: block; max-width: 100%; overflow-x: auto;
    -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
  table:not(.table-borderless) th, table:not(.table-borderless) td { vertical-align: middle; }
  .table-responsive { -webkit-overflow-scrolling: touch; }
  .actions { min-width: 120px; }
  .actions .btn { margin: 2px; }
  .status-form { max-width: 100%; }
  .modal-dialog { margin: .5rem; }
  .modal-content { max-width: 100%; }
  .userchip { max-width: 100%; overflow-wrap: anywhere; }
}
@media print {
  /* Los formatos imprimibles originales permanecen sin modificaciones. */
}