/* =========================================================
   PATCH 036 — ELECCIÓN + CARTA + TESTIGOS
   ========================================================= */
.perfil-encabezado-card {
  grid-template-columns: minmax(0, 1fr);
  min-height: 112px;
}

.eleccion-layout {
  width: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(360px, .88fr) minmax(500px, 1.12fr);
  grid-template-rows: auto auto;
  gap: 12px;
}

.eleccion-estado-card,
.eleccion-carta-card,
.eleccion-testigos-card {
  padding: 16px 18px;
}

.eleccion-seccion-cabecera {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.eleccion-seccion-cabecera h3 { margin-bottom: 5px; }
.eleccion-seccion-cabecera p,
.eleccion-testigos-card p {
  margin: 0;
  color: #70809d;
  font-size: 10px;
  line-height: 1.45;
}

.eleccion-opciones {
  margin-top: 15px;
  display: grid;
  gap: 10px;
}
.eleccion-opcion {
  min-height: 66px;
  display: grid;
  grid-template-columns: 18px 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 10px 13px;
  border: 1px solid #dfe5ef;
  border-radius: 9px;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.eleccion-opcion:hover { border-color: #c8d4e8; }
.eleccion-opcion:has(input:checked) {
  border-color: #0b43ff;
  background: #fbfcff;
  box-shadow: inset 0 0 0 1px rgba(11, 67, 255, .04);
}
.eleccion-opcion input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.eleccion-radio-visual {
  width: 16px;
  height: 16px;
  border: 1.5px solid #52627f;
  border-radius: 50%;
  background: #fff;
  position: relative;
}
.eleccion-opcion:has(input:checked) .eleccion-radio-visual { border-color: #0b43ff; }
.eleccion-opcion:has(input:checked) .eleccion-radio-visual::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #0b43ff;
}
.eleccion-opcion-icono {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 18px;
  font-weight: 800;
}
.eleccion-icono-pendiente { background: #edf3ff; color: #3567ff; }
.eleccion-icono-favor { background: #eaf8f0; color: #16a45d; }
.eleccion-icono-otro { background: #f5ecff; color: #8b3dff; }
.eleccion-opcion-texto { display: grid; gap: 3px; min-width: 0; }
.eleccion-opcion strong { color: #10214f; font-size: 12px; }
.eleccion-opcion small { color: #74829d; font-size: 9px; }

.eleccion-columna-derecha {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto;
  gap: 12px;
}

.eleccion-carta-card { min-height: 0; }
.eleccion-carta-cabecera { margin-bottom: 10px; }
.eleccion-estado-documento {
  flex: 0 0 auto;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 9px;
  font-weight: 800;
}
.eleccion-estado-documento.pendiente { color: #bd6500; background: #fff4e5; }
.eleccion-estado-documento.cargada { color: #087c43; background: #eaf8f0; }

.eleccion-carta-actual-wrap {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid #e4e9f1;
  border-radius: 8px;
  background: #fafbfe;
}
.eleccion-carta-actual-wrap > div:first-child { min-width: 0; display: grid; gap: 3px; }
.eleccion-etiqueta { color: #71809c; font-size: 8px; text-transform: uppercase; letter-spacing: .35px; }
.eleccion-carta-actual-wrap strong {
  min-width: 0;
  color: #10214f;
  font-size: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eleccion-carta-acciones { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.eleccion-ver-carta,
.eleccion-eliminar-carta {
  border: 0;
  background: transparent;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
  padding: 4px 2px;
}
.eleccion-ver-carta { color: #0b43ff; }
.eleccion-eliminar-carta { color: #d92f49; }

.eleccion-dropzone {
  margin-top: 9px;
  min-height: 86px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border: 1px dashed #aebbd0;
  border-radius: 7px;
  background: #fcfdff;
  color: #697994;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
.eleccion-dropzone:hover,
.eleccion-dropzone.arrastrando { border-color: #0b43ff; background: #f6f8ff; }
.eleccion-dropzone.con-archivo { border-color: #16a45d; background: #f6fcf8; }
.eleccion-drop-icono { color: #617394; font-size: 22px; line-height: 1; }
.eleccion-dropzone strong { color: #65758f; font-size: 9px; font-weight: 700; }
.eleccion-dropzone > span:not(.eleccion-drop-icono) { font-size: 8px; }
.eleccion-seleccionar-archivo {
  border: 1px solid #d7deea;
  border-radius: 6px;
  background: #fff;
  color: #274372;
  padding: 6px 10px;
  font-size: 8px;
  font-weight: 750;
  cursor: pointer;
}
.eleccion-dropzone small {
  max-width: 90%;
  color: #8a96ab;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.eleccion-firmante-campo { margin-top: 9px; }
.eleccion-campo { display: grid; gap: 5px; }
.eleccion-campo > span { color: #445575; font-size: 9px; font-weight: 750; }
.eleccion-campo input[type="text"] {
  width: 100%;
  min-height: 34px;
  border: 1px solid #dce3ee;
  border-radius: 7px;
  background: #fff;
  color: #10214f;
  padding: 7px 9px;
  font: inherit;
  font-size: 9px;
}
.eleccion-campo input:focus { outline: 2px solid rgba(11, 67, 255, .15); border-color: #0b43ff; }

.eleccion-testigos-card {
  min-height: 76px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.eleccion-testigos-info { min-width: 0; flex: 1; }
.eleccion-testigos-card h3 { margin-bottom: 4px; }
.eleccion-testigos-acciones {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 5px;
}
.eleccion-testigos-total {
  min-width: 76px;
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 5px;
}
.eleccion-testigos-total strong { color: #0b43ff; font-size: 24px; line-height: 1; }
.eleccion-testigos-total span { color: #667692; font-size: 8px; font-weight: 700; }
.eleccion-agregar-testigo { min-width: 118px; min-height: 34px; color: #0b43ff; border-color: #aebef9; }

.eleccion-testigos-lista {
  margin-top: 9px;
  display: grid;
  gap: 6px;
}
.eleccion-testigo-item {
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 8px;
  border: 1px solid #edf0f5;
  border-radius: 7px;
  background: #fafbfe;
}
.eleccion-testigo-item > div:first-child { min-width: 0; display: grid; gap: 2px; }
.eleccion-testigo-item strong { color: #10214f; font-size: 9px; }
.eleccion-testigo-item span { color: #7b879e; font-size: 8px; }
.eleccion-testigo-item-acciones { display: flex; gap: 7px; }
.eleccion-testigo-item-acciones button {
  border: 0;
  background: transparent;
  color: #0b43ff;
  font-size: 8px;
  font-weight: 750;
  cursor: pointer;
}
.eleccion-testigo-item-acciones button.peligro { color: #d92f49; }

.eleccion-pie {
  grid-column: 1 / -1;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 14px;
}
.eleccion-pie .perfil-boton { min-width: 132px; }
.eleccion-pie .perfil-boton-primario { min-width: 150px; margin-left: auto; }
.eleccion-ayuda-guardado { color: #76849e; font-size: 8px; }
.eleccion-mensaje { color: #64728f; font-size: 9px; }
.eleccion-pie .eleccion-mensaje:empty { display: none; }
.eleccion-mensaje.exito { color: #0b8c4b; font-weight: 700; }
.eleccion-mensaje.error { color: #c9263e; font-weight: 700; }

/* Modal de testigos */
.modal-fondo {
  position: fixed;
  inset: 0;
  z-index: 2500;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(7, 22, 55, .38);
  backdrop-filter: blur(2px);
}
.modal-fondo.oculto { display: none; }
.modal-testigo-contenido {
  width: min(620px, 100%);
  max-height: min(760px, calc(100vh - 40px));
  overflow: auto;
  border: 1px solid #e2e7ef;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 34, 73, .22);
  padding: 20px;
}
.modal-testigo-cabecera {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid #edf0f5;
}
.modal-testigo-cabecera h3 { margin: 0; color: #10214f; font-size: 18px; }
.modal-testigo-cabecera p { margin: 4px 0 0; color: #76849e; font-size: 11px; }
.modal-testigo-cerrar {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 8px;
  background: #f4f6fa;
  color: #50607e;
  font-size: 21px;
  cursor: pointer;
}
.modal-testigo-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 16px 0;
}
.modal-testigo-grid label { display: grid; gap: 6px; }
.modal-testigo-grid label > span { color: #445575; font-size: 10px; font-weight: 750; }
.modal-testigo-grid input,
.modal-testigo-grid textarea {
  width: 100%;
  min-height: 38px;
  border: 1px solid #dce3ee;
  border-radius: 8px;
  background: #fff;
  color: #10214f;
  padding: 8px 10px;
  font: inherit;
  font-size: 10px;
}
.modal-testigo-grid textarea { min-height: 82px; resize: vertical; }
.modal-testigo-grid input:focus,
.modal-testigo-grid textarea:focus { outline: 2px solid rgba(11, 67, 255, .13); border-color: #0b43ff; }
.modal-testigo-ancho { grid-column: 1 / -1; }
.modal-testigo-pie {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid #edf0f5;
}
.modal-testigo-pie .eleccion-mensaje { margin-right: auto; }

@media (min-width: 761px) and (max-height: 800px) {
  .eleccion-layout,
  .eleccion-columna-derecha { gap: 8px; }
  .eleccion-estado-card,
  .eleccion-carta-card,
  .eleccion-testigos-card { padding: 12px 14px; }
  .eleccion-opciones { margin-top: 11px; gap: 7px; }
  .eleccion-opcion { min-height: 55px; padding: 7px 10px; }
  .eleccion-opcion-icono { width: 36px; height: 36px; }
  .eleccion-dropzone { min-height: 72px; }
  .eleccion-testigos-card { min-height: 66px; }
  .eleccion-pie { min-height: 42px; }
}

@media (max-width: 1000px) {
  .eleccion-layout { grid-template-columns: 1fr; }
  .eleccion-pie { grid-column: 1; }
}

@media (max-width: 650px) {
  .eleccion-testigos-card { flex-direction: column; }
  .eleccion-testigos-acciones { width: 100%; justify-content: space-between; }
  .eleccion-pie { align-items: stretch; flex-direction: column; }
  .eleccion-pie .perfil-boton,
  .eleccion-pie .perfil-boton-primario { width: 100%; margin-left: 0; }
  .modal-testigo-grid { grid-template-columns: 1fr; }
  .modal-testigo-ancho { grid-column: 1; }
}