/* modal_base.css — Primitiva única de modal (Framework · Fase 0/1). Tokenizada
   con el vocabulario REAL de sigdoc-theme.css. */

.modalb-back {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: rgba(20, 20, 20, .45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.modalb {
  background: var(--bg-card, #fff);
  color: var(--text-principal, #2c2c2a);
  border-radius: var(--radio-grande, 8px);
  box-shadow: var(--sombra-modal, 0 8px 32px rgba(0, 0, 0, .12));
  width: min(460px, 100%);
  max-height: min(80vh, 640px);
  overflow: auto;
  padding: 18px 20px;
  font-family: var(--font-ui, system-ui, sans-serif);
}

.modalb-titulo {
  margin: 0 0 10px;
  font-size: var(--fs-h2);
  font-weight: 600;
  color: var(--tx-titulo, var(--text-principal, #16202c));
}

.modalb-msg {
  margin: 0 0 14px;
  font-size: var(--fs-cuerpo);
  color: var(--text-secundario, #5a6a7a);
  white-space: pre-line;
}

.modalb-acciones {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 6px;
}

.modalb-btn {
  border-radius: var(--radio-control, 8px);
  padding: 6px 14px;
  font: inherit;
  font-size: var(--fs-row);
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--border-control);
  background: var(--bg-card, #fff);
  color: var(--text-principal, #2c2c2a);
}
.modalb-btn--cancelar:hover { background: var(--bg-hover, #e3eef7); }

.modalb-btn--eliminar {
  border-color: var(--accion-eliminar, #d9534f);
  background: var(--accion-eliminar, #d9534f);
  color: var(--text-sobre-primario, #fff);
}
.modalb-btn--eliminar:hover { filter: brightness(.92); }

.modalb-btn--confirmar {
  border-color: var(--accion-confirmar, #1b7f4f);
  background: var(--accion-confirmar, #1b7f4f);
  color: var(--text-sobre-primario, #fff);
}
.modalb-btn--confirmar:hover { filter: brightness(.92); }