/* SIGMA — ajustes para móvil (se carga después de los estilos de cada página). */
@media (max-width: 760px) {
  body {
    padding: 12px;
    font-size: 14px;
  }

  /* Encabezado compacto: marca + accesos, luego las pestañas en su fila */
  .cab {
    flex-wrap: wrap;
    gap: 8px 8px;
    padding: 10px 12px 6px;
  }
  .marca {
    font-size: 17px;
    letter-spacing: .04em;
  }
  .medio {
    display: none;          /* "Coordinación Imagenología" — no gasta espacio en el celu */
  }
  .cab .pill {
    font-size: 11px;
    padding: 5px 8px;
  }
  .cab-accesos {
    gap: 6px;
  }
  .cab-accesos .btn,
  .cab-accesos .salir {
    padding: 7px 11px;
    font-size: 12.5px;
  }
  .naveg {
    flex: 1 1 100%;
    order: 4;
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    gap: 6px;
  }
  .naveg a,
  .naveg .btn {
    padding: 8px 12px;
    font-size: 12.5px;
    white-space: nowrap;
  }

  /* Renglón de filtros: se apila */
  .registros {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }
  .registros > div {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .registros label {
    min-width: 62px;
    font-size: 12px;
  }
  .registros .btn,
  .registros .sel {
    padding: 9px 10px;
    font-size: 13px;
  }
  .registros input[type="date"] {
    padding: 9px 8px;
    font-size: 16px;        /* 16px evita el zoom automático de iOS al enfocar */
  }
  .parr {
    flex-wrap: wrap;
    gap: 6px 8px;
    padding: 9px 12px;
  }
  .parr a.btn {
    padding: 8px 10px;
    font-size: 12.5px;
  }

  /* Contadores: que envuelvan en vez de cortarse */
  .contadores {
    flex-wrap: wrap;
    gap: 6px 9px;
    font-size: 13.5px;
    padding: 10px 12px;
    overflow-x: visible;
  }
  .chips {
    flex-wrap: wrap;
    gap: 6px 8px;
    padding: 10px 12px;
  }
  .chip {
    font-size: 11.5px;
    padding: 6px 9px;
  }

  /* Tablas -> TARJETAS en el celu: nada se corta, sin scroll horizontal.
     Orden por fila: (hallazgo) · fecha/días/hora · PACIENTE · resto de datos. */
  .tabla {
    font-size: 12.5px;
    overflow-x: visible;
  }
  .tabla table,
  .tabla tbody {
    display: block;
    width: 100%;
    min-width: 0;
  }
  .tabla thead {
    display: none;
  }
  .tabla tr {
    display: block;
    background: #0a1020;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 8px 10px;
    margin-bottom: 8px;
  }
  .tabla td {
    display: inline;
    border: 0;
    padding: 1px 6px 1px 0;
    font-size: 12.5px;
    color: var(--dim);
    overflow-wrap: anywhere;
  }
  /* separadores entre datos sueltos: 1308478567 · TAC · HEP … */
  .tabla td + td::before {
    content: " · ";
    color: #334155;
  }
  .tabla td:first-child + td::before {
    content: " ";
  }
  .tabla td.pac::before,
  .tabla td.vacio::before {
    content: none;
  }
  .tabla td.pac {
    display: block;
    margin: 5px 0 3px;
    font-size: 15px;
    font-weight: 700;
    color: var(--txt);
  }
  .tabla td .tag {
    display: block;
    width: fit-content;
    margin-bottom: 5px;
  }
  .tabla td.vacio {
    display: block;
    text-align: center;
    padding: 10px;
  }
  /* Columnas de contexto (región, procedencia, solicitante): no van en el celu */
  .col-sec,
  .tabla td.col-sec {
    display: none;
  }
  /* "09-21 · 5 días · 08:30" en vez de un 5 suelto */
  .tabla td.dias::after {
    content: " días";
  }

  /* Formularios */
  .inputs {
    flex-wrap: wrap;
    gap: 8px;
  }
  .inputs input,
  .inputs select {
    min-width: 0;
    flex: 1 1 160px;
    padding: 11px 10px;
    font-size: 16px;
  }
  .g-tr {
    flex-wrap: wrap;
  }
  .datos {
    flex-wrap: wrap;
    gap: 6px 8px;
  }
  .datos .btn {
    flex: 1 1 100%;
  }
  .pie {
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
  }

  /* Ficha de login */
  .caja {
    padding: 18px 14px;
  }
  .caja input {
    padding: 12px;
    font-size: 16px;
  }
}