.title {
    font-size: 32px;
    font-weight: bold;
    color: #003366; /* Azul oscuro */
}

.form-link {
    color: #003366;
    text-decoration: none;
}

.form-link:hover {
    text-decoration: underline;
}

.password-toggle {
    cursor: pointer;
}

#loginModal h1 {
    font-size: 2rem;
    /* width: 200px; */
    margin: 0;
    text-align: center;
} 

#loginModal .btn-close {
    /* background-color: transparent;
    border: none;
    font-size: 2rem; */
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 0;
}

/* Estilo para redimensionar la imagen al 50% */
.shutdown-img {
    width: 10%;  /* Redimensiona la imagen al 50% de su tamaño original */
    height: auto; /* Mantiene la proporción de la imagen */
    display: block;
    margin: 0 auto; /* Centra la imagen */
}

.right-aligned {
    display: block;        /* Asegura que la imagen sea un bloque */
    margin-left: auto;     /* Empuja la imagen hacia la derecha */
    margin-right: 20px;       /* Elimina el margen derecho, si lo hubiera */
    cursor: pointer; /* Cambia el cursor cuando se pasa por encima de la imagen */
}