body { background-color: #111; color: #fff; font-family: Inter, sans-serif; }



/* Navbar */
.navbar { background-color: #111; }
.navbar .nav-link, .navbar .navbar-brand { color: #ffc107; }
.navbar .nav-link:hover { color: #fff; }
.navbar-brand img {
  height: 75px;          /* Tamaño del logo */
  width: auto;           /* Mantiene proporciones */
  margin-top: -5px;      /* Ajusta posición vertical */
  margin-right: 10px;    /* Espacio respecto al menú */
}
    
    .login-container {
    background-color: #FFC107; /* amarillo */
    padding: 2rem;             /* ya tiene padding, ajusta si quieres */
    border-radius: 12px;       /* redondear esquinas */
    box-shadow: 0 4px 20px rgba(0,0,0,0.2); /* opcional: sombra */
}

    .login-title {
        text-align: center;
        margin-bottom: 25px;
        font-weight: 600;
        font-size: 1.8rem;
    }
    .user-type-btns {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .user-type-btns button {
        flex: 1;
        margin: 0 5px;
    }
    .form-label {
        font-weight: 500;
    }
    .pass-link {
        text-align: end;
        display: block;
        margin-bottom: 15px;
    }
    .signup-link {
        text-align: center;
        margin-top: 20px;
    }