main {
    flex: 1; /* Expande el contenido principal para llenar el espacio restante */
}

.form-control{
    margin-bottom: .5rem;
}

.bg-azul {
    background-color: var(--color-celeste);
}

img .logo-home{
    margin-bottom: -5rem;
    margin-top: -4rem;
    color: var(--bs-nav-link-color);
}

@media (min-width: 768px) {
    img .logo-home {
        margin-top: 0;
        margin-bottom: 0;
    }
}

h6 {
    color: var(--bs-secondary)
}

table .muchos-datos td {
    padding-top: 0;
    padding-bottom: 0;
}