/* Puedes agregar estilos personalizados aquí para sobreescribir Bootstrap si es necesario */
.navbar-brand {
    font-size: 1.5rem;
}

/* --- Arreglo para el Footer Pegajoso (Sticky Footer) --- */

body {
    /* Le decimos al body que use Flexbox y organice a sus hijos en una columna */
    display: flex;
    flex-direction: column;
    
    /* Asegura que el body ocupe como mínimo toda la altura de la ventana del navegador */
    min-height: 100vh; /* vh = viewport height */
}

main {
    /* Le dice al contenido principal que "crezca" y ocupe todo el espacio sobrante, 
       empujando el footer hacia abajo */
    flex-grow: 1;
}