/* ============================================================================
 *  custom.css — overrides globales de la suite
 *  Cargado al final de head-css.php para sobreescribir Bootstrap/Adminto
 * ============================================================================ */

/* ──────────────────────────────────────────────────────────────────────────
 *  COMPACTACIÓN DE FORMULARIOS
 *  Reduce el espaciado vertical entre campos en todos los formularios y
 *  modales. Bootstrap usa mb-3 = 1rem por defecto, lo bajamos a 0.6rem
 *  para que los formularios se vean más compactos sin sentirse apretados.
 * ────────────────────────────────────────────────────────────────────────── */

/* Margen inferior de cada campo (mb-3) — cuando está dentro de form/card/modal */
form .mb-3,
.card-body .mb-3,
.modal-body .mb-3 {
    margin-bottom: 0.6rem !important;
}

form .mb-2,
.card-body .mb-2,
.modal-body .mb-2 {
    margin-bottom: 0.4rem !important;
}

form .mb-4,
.card-body .mb-4,
.modal-body .mb-4 {
    margin-bottom: 0.85rem !important;
}

/* Etiquetas de los campos (form-label) — Bootstrap default 0.5rem */
form .form-label,
.card-body .form-label,
.modal-body .form-label {
    margin-bottom: 0.2rem;
    font-size: 0.85rem;
}

/* Form text helper (descripciones bajo los inputs) */
form .form-text,
.card-body .form-text,
.modal-body .form-text {
    margin-top: 0.2rem;
    font-size: 0.78rem;
}

/* Filas de formulario con gutter g-3 → más justas */
form .row.g-3,
.card-body .row.g-3,
.modal-body .row.g-3 {
    --bs-gutter-y: 0.6rem;
    --bs-gutter-x: 0.85rem;
}

form .row.g-2,
.card-body .row.g-2,
.modal-body .row.g-2 {
    --bs-gutter-y: 0.4rem;
    --bs-gutter-x: 0.6rem;
}

/* Inputs y selects: padding vertical un poco más justo */
form .form-control,
form .form-select,
.card-body .form-control,
.card-body .form-select,
.modal-body .form-control,
.modal-body .form-select {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

/* Pero respetamos los textarea que necesitan más aire arriba/abajo */
form textarea.form-control,
.card-body textarea.form-control,
.modal-body textarea.form-control {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Headers de cards también un pelín más juntos */
.card-header {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

/* Espacio entre el último campo y el footer del modal */
.modal-body {
    padding-bottom: 0.9rem;
}

/* Form-check (checkboxes/radios) — alineados con el resto */
form .form-check,
.card-body .form-check,
.modal-body .form-check {
    margin-bottom: 0.35rem;
}