/* Registro de técnicas invasivas */
.pgi-sub { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; border-bottom: 1px solid var(--borde); }
.pgi-sub button { appearance: none; background: none; border: 0; border-bottom: 3px solid transparent; padding: 10px 14px; min-height: 44px; font: inherit; color: var(--suave); cursor: pointer; }
.pgi-sub button.on { color: var(--texto); border-bottom-color: var(--pg-primario); font-weight: 600; }
.pgi-sub button:focus-visible { outline: 2px solid var(--pg-primario); outline-offset: 2px; }

.pgi-seguridad h3 { margin-top: 0; }
.pgi-ci { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 8px; }
.pgi-ci li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border: 1px solid var(--borde); border-radius: 10px; background: var(--superficie2); }
.pgi-ci small { color: var(--suave); }
.pgi-aviso { border-left: 4px solid var(--aviso); padding-left: 10px; }

.pgi-reg { margin-top: 12px; }
.pgi-reg.anulado { opacity: .7; }
.pgi-reg > header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.pgi-reg > header small { color: var(--suave); }
.pgi-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pgi-dl { display: grid; grid-template-columns: minmax(0, 190px) minmax(0, 1fr); gap: 6px 14px; margin: 12px 0 0; padding-top: 12px; border-top: 1px solid var(--borde); }
.pgi-dl dt { color: var(--suave); font-size: 13px; }
.pgi-dl dd { margin: 0; overflow-wrap: anywhere; }

.pgi-form h4 { margin: 18px 0 8px; padding-bottom: 4px; border-bottom: 1px solid var(--borde); }
.pgi-form h4 small { font-weight: 400; color: var(--suave); }
.pgi-fila { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 2fr) auto; gap: 8px; align-items: center; margin-bottom: 8px; }
.pgi-fila.pgi-mat { grid-template-columns: minmax(0, 1fr) 90px auto; }
.pgi-fila.pgi-ck { grid-template-columns: minmax(0, 3fr) minmax(0, 1.4fr) minmax(0, 1.4fr) auto; }
.pgi-fila input, .pgi-fila select, .pgi-comp-n { width: 100%; min-width: 0; padding: 8px 10px; border: 1px solid var(--borde); border-radius: 8px; background: var(--superficie); color: var(--texto); font: inherit; }
.pgi-comp { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: center; padding: 8px 10px; border: 1px solid var(--borde); border-radius: 10px; margin-bottom: 6px; }
.pgi-comp.si { border-color: var(--aviso); background: color-mix(in srgb, var(--aviso) 10%, transparent); }
.pgi-comp.bloquea { border-color: var(--error); background: color-mix(in srgb, var(--error) 10%, transparent); }
.pgi-comp-n { grid-column: 1 / -1; }
.pgi-sino { display: flex; gap: 14px; white-space: nowrap; }
.pgi-sino label { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; cursor: pointer; }
.pgi-abs { color: var(--error); font-weight: 600; }
.pgi-riesgo { color: var(--error); font-size: 11px; }
.pgi-musculos details { border: 1px solid var(--borde); border-radius: 10px; padding: 6px 10px; margin-bottom: 6px; }
.pgi-musculos summary { cursor: pointer; font-weight: 600; min-height: 32px; display: flex; align-items: center; }
.pgi-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 4px 12px; padding: 6px 0; }
.pgi-oblig { margin-top: 10px; font-weight: 600; }
.pgi-reco p { color: var(--suave); font-size: 13px; }

.pgi-zona { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 16px; align-items: start; margin-top: 12px; }
.pgi-figs { display: flex; gap: 10px; }
.pgi-fig { margin: 0; text-align: center; font-size: 12px; color: var(--suave); }
.pgi-fig svg { width: 96px; height: 192px; display: block; cursor: crosshair; touch-action: manipulation; }
.pgi-cuerpo { fill: var(--superficie2); stroke: var(--suave); stroke-width: 1; }
.pgi-marca { fill: var(--error); stroke: #fff; stroke-width: 1.5; }
.pgi-enlace { font-size: 13px; }

.pgi-buscar input { flex: 1 1 220px; min-width: 0; padding: 9px 12px; border: 1px solid var(--borde); border-radius: 8px; background: var(--superficie); color: var(--texto); font: inherit; }
.pgi-filtros { align-items: center; }
.pgi-filtros label { display: inline-flex; align-items: center; gap: 6px; }
.pgi-filtros input, .pgi-filtros select { padding: 8px 10px; border: 1px solid var(--borde); border-radius: 8px; background: var(--superficie); color: var(--texto); font: inherit; }
.pgi-dos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 14px; }
.pgi-inactivo { opacity: .6; }
.pgi-ajustes fieldset { border: 0; padding: 0; margin: 0; min-width: 0; display: grid; gap: 14px; }
.pgi-ajustes h3 { margin-top: 0; }

@media (max-width: 760px) {
  .pgi-zona, .pgi-dos, .pgi-dl { grid-template-columns: minmax(0, 1fr); }
  .pgi-fila, .pgi-fila.pgi-ck { grid-template-columns: minmax(0, 1fr); }
  .pgi-fila.pgi-mat { grid-template-columns: minmax(0, 1fr) 80px auto; }
}