/* styles/login.css */

body {
    background-color: #AEEEEE; /* Aqua claro como fondo */
    color: #333333; /* Color de texto oscuro para contraste */
    font-family: 'Arial', sans-serif;
    margin: 0; /* Eliminar márgenes por defecto */
}

.container {
    max-width: 400px; /* Ancho máximo del contenedor */
    margin: auto; /* Centrar el contenedor */
    padding: 40px; /* Espaciado interno aumentado */
    background-color: rgba(255, 255, 255, 0.95); /* Fondo blanco con opacidad */
    border-radius: 12px; /* Bordes redondeados */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Sombra más pronunciada */
}

h2 {
    color: #FF6F61; /* Color melón para el título */
    margin-bottom: 30px; /* Espacio debajo del título aumentado */
    text-align: center; /* Centrar el texto */
    font-size: 1.8rem; /* Tamaño de fuente del título ajustado */
}

.form-label {
    color: #2CACDB; /* Azul Principal para las etiquetas */
    font-weight: bold; /* Negrita para las etiquetas */
}

.form-control {
    border: 1px solid #2CACDB; /* Borde azul para los campos de entrada */
    border-radius: 5px; /* Bordes redondeados */
    padding: 12px; /* Espaciado interno aumentado */
    font-size: 1rem; /* Tamaño de fuente ajustado */
}

.btn-primary {
    background-color: #FF6F61; /* Fucsia para el botón */
    border: none; /* Sin borde */
    border-radius: 5px; /* Bordes redondeados */
    padding: 12px; /* Espaciado interno aumentado */
    color: white; /* Color del texto del botón */
    cursor: pointer; /* Cambiar cursor al pasar sobre el botón */
    transition: background-color 0.3s ease; /* Transición suave */
    font-size: 1rem; /* Tamaño de fuente del botón ajustado */
}

.btn-primary:hover {
    background-color: #F2B03A; /* Naranja Claro al pasar el mouse */
}