/* -------------- */
/* LOGIN I LOGOUT */
/* -------------- */

.signup-model .card {
  box-shadow: 0 5px 15px rgba(0,0,0,.3);
}

.signup-model .btn-block {
padding: 0.375rem 0.75rem;
margin-top: 1rem;
}

.signup-model .form-control {
border-radius: 0.25rem;
}

.signup-model form {
margin-top: 2rem;
}

.signup-section .form-text {
display: block; /* O usa 'inline' si prefieres que esté al lado del campo */
margin-top: -0.5rem; /* Ajusta según el espaciado deseado */
margin-bottom: 1rem; /* Ajusta según el espaciado deseado */
font-size: 0.9rem; /* Un tamaño más pequeño para la ayuda y los mensajes de error */
color: #6c757d; /* Un color más claro para la ayuda y los mensajes de error */
}

.signup-section .form-group label {
font-weight: 600; /* Opcional: hace que la etiqueta del campo sea más prominente */
margin-bottom: 0.5rem; /* Asegúrate de que haya espacio entre la etiqueta y el campo */
}

.signup-section .btn-primary {
width: 100%; /* Hace que el botón se expanda para llenar el ancho del contenedor */
/* Asegúrate de que el color del botón se destaque y coincida con la paleta de colores de tu sitio */
}

.signup-section .text-muted {
display: block; /* Opcional: para cambiar la visualización del enlace */
margin-top: .5rem; /* Espacio antes del enlace de cambio al formulario de inicio de sesión */
font-size: 0.9rem; /* Un tamaño de fuente menor para el enlace a 'Sign in' */
}


.marge-sup {
margin-top: 120px;
}

.login-signup-control input {
display: block;
width: 100%;
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(--bs-body-bg);
background-clip: padding-box;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}