html,
body {
    height: 100%;
    margin: 0;
    /* Elimina márgenes por defecto */
}

body {
    display: flex;
    flex-direction: column;
}

/* El contenido toma el espacio restante */
.content {
    flex: 1;
    /* Esto asegura que el contenido ocupe todo el espacio disponible */
}

/* Estilización del footer */
footer {
    background-color: #343a40;
    color: #fff;
    text-align: center;
    padding: 20px;
}

footer p {
    margin: 0;
    /* Elimina márgenes alrededor del texto */
}

h1 {
    font-size: 3rem;
    /* Estilo de 'display-5' (ajusta el tamaño según lo necesites) */
    font-weight: 400;
    /* Similar a 'display-5', puedes ajustarlo si lo necesitas */
    text-align: center;
    /* Estilo de 'text-center' para alinear el texto en el centro */
}

#logo_home {
    height: 60px;
    width: 60px;
}

.nav-link {
    color: aliceblue;
}

/* input[required]::after, */
textarea[required]::after,
select[required]::after {
    content: '*';
    color: darkred;
    margin-left: 4px;
    font-weight: bold;
}

/* Esto es para mostrar el asterisco junto a la etiqueta, no dentro del input */
.input-group-text.required::after {
    content: '*';
    color: darkred;
    margin-left: 4px;
}