/* assets/css/styles.css */

/* Modificamos el fondo del body para simular el tono azul claro de tu wireframe */
body {
    background-color: #eef4fb !important; 
    /* Nota: El !important asegura que nuestro estilo tenga prioridad sobre el de Bootstrap */
}

/* Ajustamos el color del botón para que coincida exactamente con tu diseño */
.btn-primary {
    background-color: #3f72af;
    border-color: #3f72af;
}

/* Efecto hover (cuando el mouse pasa por encima) para el botón */
.btn-primary:hover {
    background-color: #2c5282;
    border-color: #2c5282;
}

/* Quitamos el resize (redimensionamiento) del textarea para mantener el diseño limpio */
textarea {
    resize: none;
}