/* ==========================================================================
   Compatibilidad Bootstrap 4 → 5 (Fase 3, oct-2026)
   Bootstrap 5 eliminó .form-group y .form-inline, que siguen en los modales
   (modal.html, modaleternal.html). Reglas copiadas literalmente de
   Bootstrap 4.6.1 para conservar el mismo aspecto sin cargar Bootstrap 4.
   Se enlaza justo después de Bootstrap 5, donde antes estaba Bootstrap 4.
   ========================================================================== */
.form-group{margin-bottom:1rem}
.page-link{line-height:1.25} /* altura del botón de paginación como en BS4 */
.form-inline{display:flex;flex-flow:row wrap;align-items:center}
.form-inline .form-check{width:100%}
@media (min-width:576px){
  .form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}
  .form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}
  .form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
  .form-inline .form-control-plaintext{display:inline-block}
  .form-inline .input-group,.form-inline .custom-select{width:auto}
  .form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}
  .form-inline .form-check-input{position:relative;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}
  .form-inline .custom-control{align-items:center;justify-content:center}
  .form-inline .custom-control-label{margin-bottom:0}
}