#registro body {
font-family: 'Garet', sans-serif;
background-color: #F7F3E9;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
/* Contenedor principal */
#registro form {
justify-content: center;
display: flex;
flex-direction: column;
width: 100%;
margin-bottom: 10px;
max-width: 500px;
margin: 30px auto;
padding: 30px; /* Reducido para menos espacio alrededor */
background-color: #5b8d8e;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
/* Encabezado */
#registro h1, #registro h2 {
justify-content: center;
display: flex;
color: #16545e;
font-weight: bold;
}
/* Campos del formulario */
#registro label {
color: #fff;
font-weight: bold;
margin-bottom: 5px;
}
#registro input[type="text"],
#registro input[type="password"] {
padding: 10px;
margin-bottom: 10px;
border: none;
border-radius: 4px;
background-color: rgba(247, 243, 233, 0.52);
}
/* Botón */
#registro button {
width: 100%;
padding: 10px;
border: none;
border-radius: 4px;
background-color: #fff;
color: #16545e;
font-size: 16px;
cursor: pointer;
font-weight: bold;
}
#registro rememberme {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
font-weight: bold;
}
#registro button:hover {
background-color: #16545e;
}
/* Enlace de recuperación de contraseña */
#registro p {
text-align: center;
margin-top: 10px; /* Reducido el margen superior */
color: #16545e;
text-decoration: none;
}
#registro p:hover {
text-decoration: underline;
}