body { background-image: url("../../images/backgroundHome.jpg"); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.container { display: flex; flex-direction: column;	justify-content: center; align-items: center; height: 45vh; width: 500px; background-color: rgba(255, 255, 255, 0.85);
    position: absolute;	top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.logo-container { display: flex; flex-direction: column; align-items:flex-start; }
.logo-container h1 { font-size: 24px; margin-top: 10px;	color: dimgray; font-weight: bold; text-align: center; width: 100%; }
.link { font-size: 12px; margin-top: 10px; }
.info { font-size: 14px; padding: 4px; text-align: center; }
form { width: 300px; margin: 0px auto; text-align: center; }
form label { margin-bottom: 5px; display: inline-block; width: fit-content; color: dimgray; font-size: 15px; text-align: left; }
form input { width: 100%; margin: auto; padding: 2%; background: none; border: 1px solid dimgray; border-radius: 3px; font-size: 15px; color: #333;} 
form button { background-color: dimgray; color: white; padding: 8px 40px; text-align: center; text-decoration: none; display: block; margin: 0 auto; font-size: 16px; margin-top: 15px; cursor: pointer; border: none; border-radius: 5px; }

.logo-containerP { 
    display: flex; 
    flex-direction: column; 
    align-items: center; /* Centra horizontalmente */
    justify-content: center; /* Centra verticalmente si es necesario */
    text-align: center; 
    width: 100%; /* Asegura que ocupe todo el ancho del contenedor padre */
}

.formR { width: 300px; margin: 0px auto; text-align: center; }
.labelR { margin-bottom: 5px; display: inline-block; width: fit-content; color: dimgray; font-size: 15px; text-align: left; }
.inputR { width: 100%; margin: auto; padding: 2%; background: none; border: 1px solid dimgray; border-radius: 3px; font-size: 15px; color: #333;} 
.buttonR { background-color: dimgray; color: white; padding: 8px 40px; text-align: center; text-decoration: none; display: block; margin: 0 auto; font-size: 16px; margin-top: 15px; cursor: pointer; border: none; border-radius: 5px; }