/* 1. Ajuste del Body para Navbar fija de Bootstrap 5 */
body {
   /* padding-top: 3.5rem;*/ /* Ajustado a la altura estándar de la navbar de BS5 */
    padding-bottom: 1.5rem;
    /* Usamos fuentes del sistema para mejor rendimiento */
    font-family: var(--bs-body-font-family);
}

/* 2. Contenedor principal */
.body-content {
    padding-left: 1rem;
    padding-right: 1rem;
}

/* 3. Listas de descripción (Mejorado para BS5 Grid) */
.dl-horizontal dt {
    white-space: normal;
}

/* 4. EL CAMBIO MÁS IMPORTANTE: 
   Eliminamos el max-width: 280px global. 
   En Bootstrap 5, los inputs deben ser 100% anchos y controlarse 
   mediante el sistema de columnas (col-md-x) o contenedores.
*/
input,
select,
textarea {
    max-width: 100%; /* Ahora son fluidos por defecto */
}

/* Si quieres mantener un límite por defecto para formularios 
   estándar sin romper el Login, usa una clase específica: 
*/
.form-standard input:not(.form-control-full) {
    max-width: 400px; /* Un poco más generoso para pantallas modernas */
}

/* 5. Utilidad para ocultar flechas de inputs numéricos (Opcional) */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}