.login-page,
.register-page {
  background-image: url("../img/background-formacion-estatal.png"), url("../img/background-generic.jpg");
  background-repeat: no-repeat, no-repeat;
  background-size: 600px, cover;
  background-position:
    center,
    center;
}

table.dataTable tbody tr td.succes {
  background-color: aquamarine;
}

.visible2 {
  visibility: visible !important;
  display: auto;
}

.invisible2 {
  visibility: hidden !important;
  display: none;
}

.dropdown-item.active,
.dropdown-item:active {
  color: rgb(0, 0, 0);
  text-decoration: none;
  background-color: #fff;
}


@media (min-width: 768px) {
  div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: 400px;
  }
}

/* separa un poco los botones */
.dt-toolbar .dt-buttons { margin-right: .5rem; }
/* alinea el label del buscador a la derecha en pantallas md+ */
@media (min-width: 768px) {
.dataTables_wrapper .dataTables_filter { text-align: right; }
}
/* ancho cómodo del input de búsqueda */
.dataTables_wrapper .dataTables_filter input[type="search"] { max-width: 280px; }

/* Chips de filtros activos */
.chips { display:flex; flex-wrap:wrap; gap:.25rem; }
.filter-chip {
display:inline-flex; align-items:center;
font-size:.75rem; line-height:1;
padding:.25rem .5rem; border-radius:999px;
background:#eef3ff; color:#2e4a7f; border:1px solid #d6e0ff;
}
.filter-chip .close-chip {
margin-left:.35rem; cursor:pointer; opacity:.7;
}
.filter-chip .close-chip:hover { opacity:1; }

/* Compacta el body del filtro un poco */
#card-filtros .form-group { margin-bottom:.4rem; }
#card-filtros .input-group-text { min-width:2rem; justify-content:center; }


/* La columna Acciones se ajusta al contenido y evita saltos de línea */
th.dt-actions, td.dt-actions {
width: 1%;              /* insinuación para que encoja al mínimo */
white-space: nowrap;    /* no partir los botones */
}
/* Opcional: compacta un pelín los botones pequeños */
.btn-group.btn-group-sm > .btn { padding: .2rem .4rem; }
.btn-group.btn-group-sm .dropdown-toggle-split::after { margin-left: .25rem; }

.wp-file-previews{display:flex;flex-wrap:wrap;gap:.5rem}
.wp-file-thumb{width:96px;display:flex;flex-direction:column;align-items:center}
.wp-file-thumb img{width:96px;height:72px;object-fit:cover;border-radius:.25rem;border:1px solid #e5e7eb}
.wp-file-thumb small{display:block;text-align:center;margin-top:.25rem;max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wp-file-icon{width:96px;height:72px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:.25rem}