/* ARCHIVO: css/login.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

:root {
    --maga-purple: #4A1E58;
    --maga-pink: #F09AB8;
    --text-dark: #1e293b;
}

body {
    margin: 0; font-family: 'Inter', sans-serif; height: 100vh; display: flex; overflow: hidden;
}

.brand-section {
    flex: 1; background-color: var(--maga-purple); display: none;
    flex-direction: column; justify-content: center; align-items: center; color: white;
    position: relative;
}
.brand-section::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background-image: radial-gradient(circle at 50% 50%, rgba(240, 154, 184, 0.1) 0%, transparent 50%);
}
.brand-content { z-index: 2; text-align: center; }
.brand-logo { width: 180px; margin-bottom: 1rem; }

.login-section { flex: 1; display: flex; align-items: center; justify-content: center; background: white; }
.login-card { width: 100%; max-width: 400px; padding: 2rem; }

.form-input { width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; margin-bottom: 1rem; display: block; box-sizing: border-box;}
.btn-login { width: 100%; padding: 12px; background: var(--maga-purple); color: white; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; transition: 0.3s; }
.btn-login:hover { background: #351240; }
.alert-error { background: #fee2e2; color: #991b1b; padding: 12px; border-radius: 6px; margin-bottom: 1rem; font-size: 0.9rem; border: 1px solid #fecaca;}

@media (min-width: 768px) { .brand-section { display: flex; } }