/* ====== CONTENEDOR Y TABLA ====== */
.participants-database .pdb-list { max-width: 1200px; margin: 16px auto; }

.participants-database .pdb-list table,
.pdb-list table,
table.pdb-list-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(0,0,0,.06);
}

/* Encabezado */
.participants-database .pdb-list thead th,
.pdb-list thead th,
table.pdb-list-table thead th {
  background: #0c2036;          /* azul oscuro del sitio */
  color: #fff;
  text-align: left;
  padding: 12px 14px;
  font-weight: 700;
  letter-spacing: .2px;
}

/* Celdas */
.participants-database .pdb-list tbody td,
.pdb-list tbody td,
table.pdb-list-table tbody td {
  padding: 12px 14px;
  border-bottom: 1px solid #eef1f6;
  vertical-align: middle;
  color: #15273f;
}

/* Zebra + hover */
.participants-database .pdb-list tbody tr:nth-child(odd),
.pdb-list tbody tr:nth-child(odd),
table.pdb-list-table tbody tr:nth-child(odd) { background: #fbfdff; }

.participants-database .pdb-list tbody tr:hover,
.pdb-list tbody tr:hover,
table.pdb-list-table tbody tr:hover { background: #f4f8ff; }

/* ====== ALINEACIONES POR COLUMNA ====== */
/* Ajusta estos según tus nombres de campo */
.pdb-list td.field-dni,
.pdb-list td.field-n_de_colegiatura,
.pdb-list td.field-estado {
  text-align: center;
  white-space: nowrap;
}

.pdb-list td.field-dni {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
  letter-spacing: .2px;
}

.pdb-list td.field-apellido_paterno,
.pdb-list td.field-apellido_materno,
.pdb-list td.field-nombres {
  text-align: left;
}

/* Encabezados centrados para esas columnas */
.pdb-list thead th.field-dni,
.pdb-list thead th.field-n_de_colegiatura,
.pdb-list thead th.field-estado { text-align: center; }

/* ====== RESPONSIVE SENCILLO ====== */
@media (max-width: 720px) {
  .participants-database .pdb-list { padding: 0 8px; }
  .participants-database .pdb-list thead { display: none; }
  .participants-database .pdb-list table,
  .participants-database .pdb-list tbody,
  .participants-database .pdb-list tr,
  .participants-database .pdb-list td { display: block; width: 100%; }
  .participants-database .pdb-list tbody tr {
    margin: 0 0 12px;
    border: 1px solid #eef1f6;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
  }
  .participants-database .pdb-list tbody td { border: 0; padding: 10px 12px; }
}

/* Estado Activo/Inactivo en colores */
.pdb-list td.field-estado {
  font-weight: 700;
  text-transform: capitalize;
}

.pdb-list td.field-estado:contains("Activo") {
  color: #0a7a2a; /* verde */
}

.pdb-list td.field-estado:contains("Inactivo") {
  color: #b00020; /* rojo */
}
