/* ── OVERVIEW (Vista general) ── */
  /* Cabecera de identificación del paciente, portada visualmente de informe.html (v1).
     Aparece solo en Vista general, por encima de "Resumen del período".
     Cuatro campos: PACIENTE | NACIMIENTO | MÉDICO/A | PATOLOGÍA. El último ocupa más ancho
     (fr=2) porque suele contener textos largos como "Sin diagnosticar todavía". */
  /* Cabecera del paciente — mismo tratamiento que .br-card del informe:
     fondo blanco, borde fino, sin acento de fondo. El nombre del paciente
     (primer campo) ancla en --ink-strong; el resto en --text. Etiquetas
     en mayúsculas + apagado, como en las demás cajas. */
  .patient-card {
    background: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    padding: .85rem 1.1rem;
    margin-bottom: 1.25rem;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1.3fr 2.2fr;
    gap: .85rem;
  }
  .patient-field label {
    display: block;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--text2);
    font-weight: 700;
    margin-bottom: 1px;
  }
  .patient-field span {
    font-size: 12px;
    font-weight: 700;
    color: var(--text);
  }
  /* Nombre del paciente — ancla fuerte */
  .patient-field:first-child span { color: var(--ink-strong); }
  /* En móvil colapsamos a 2 columnas para mantener legibilidad — el repaso fino de móvil
     llegará el 19 may; por ahora basta con que no rompa. PATOLOGÍA ocupa fila entera
     porque su texto suele ser el más largo. */
  @media (max-width: 700px) {
    .patient-card { grid-template-columns: 1fr 1fr; gap: .55rem; }
    .patient-field-wide { grid-column: 1 / -1; }
  }

  .ov-summary-intro {
    font-size: 13.5px;
    color: var(--text2);
    line-height: 1.5;
    margin-bottom: .3rem;
  }
  .ov-summary-intro strong { color: var(--gd); font-weight: 700; }
  .ov-summary-list { display: flex; flex-direction: column; }
  .ov-summary-item {
    font-size: 13px;
    color: var(--text);
    padding: 4px 0;
    line-height: 1.55;
  }
  .ov-summary-item strong { color: var(--gd); font-weight: 700; }
  .ov-summary-item b { color: var(--text); font-weight: 700; }
  .ov-summary-empty {
    font-size: 13px;
    color: var(--text3);
    padding-top: 4px;
  }