/* Centrado solo si está vacío y SIN foco */
#password:placeholder-shown:not(:focus) + label {
    top: 40%;
}

/* Si hay error y está vacío y sin foco → centrado ajustado */
.input-container.error #password:placeholder-shown:not(:focus) + label {
    top: 33%;
}

/* Si tiene foco o contenido, el label sube */
#password:focus + label,
#password:not(:placeholder-shown) + label {
    top: 5px;
    font-size: 14px;
    color: var(--azulPrimario);
}

/* Con error, pero foco o contenido → label rojo y arriba */
.input-container.error #password:focus + label,
.input-container.error #password:not(:placeholder-shown) + label {
    color: red;
}

.google-login-container {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.divider-with-text {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    margin: 30px 0;
    color: #888;
    font-size: 14px;
}

.divider-with-text::before,
.divider-with-text::after {
    content: '';
    flex: 1;
    border-top: 1px solid #ccc;
}

.divider-with-text::before {
    margin-right: 10px;
}

.divider-with-text::after {
    margin-left: 10px;
}


form h2 {
    text-align: center;
    margin-bottom: 50px;
    font-size: 24px;
}