/* Ajustes del tema Porto para Bootstrap 5; no se carga ninguna distribución de Bootstrap 4. */
body { --bs-body-font-family: "Open Sans", Arial, sans-serif; --bs-body-font-size: 14px; }
.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }
.form-group { margin-bottom: 1rem; }
.form-select { font-size: inherit; min-height: 42px; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-semibold { font-weight: 600 !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-light { font-weight: 300 !important; }
.font-italic { font-style: italic !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.no-gutters { margin-left: 0; margin-right: 0; }
.no-gutters > [class*="col-"] { padding-left: 0; padding-right: 0; }
.btn-block { display: block; width: 100%; }
.badge-pill { border-radius: 50rem; }
.img-rounded { border-radius: .25rem; }
.option-preview { display: block; max-width: 150px; max-height: 95px; margin-top: .5rem; }
.option-preview[hidden] { display: none; }
.usage-options { border: 1px solid #ced4da; border-radius: .375rem; padding: .75rem; background: white; color: #212529; }
.usage-options legend { float: none; width: auto; font-size: 1rem; margin: 0 0 .5rem; }
.usage-options label { display: block; cursor: pointer; }
.usage-options input { margin-right: .4rem; }
/* Fuera de la vista y del foco, sin interferir con los campos reales ni los lectores de pantalla. */
.form-trap { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
@media (min-width: 992px) {
    #header .header-nav-main nav.collapse { display: flex !important; }
}
