/* Logo */
.login-background .navbar-logo:hover {
	transform: translateY(-2px);
}

/* La tarjeta central (Card) */
.card:not(.link-biolink-theme) {
	background: rgba(255, 255, 255, 0.05) !important;
	/* Transparencia moderna */
	backdrop-filter: blur(10px);
	/* Efecto vidrio */
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 1rem !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* Títulos y Etiquetas */
h1,
.h1,
.text-muted,
label {
	color: var(--white) !important;
}

/* Inputs (Email, Contraseña) */
.form-control {
	background-color: rgba(255, 255, 255, 0.07) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	color: var(--white) !important;
	border-radius: 0.5rem !important;
	transition: all 0.3s ease;
}

.form-control:focus {
	background-color: rgba(255, 255, 255, 0.1) !important;
	border-color: var(--color-primary) !important;
	box-shadow: 0 0 0 0.2rem rgba(50, 197, 255, 0.25) !important;
}

/* Botón Login (El gradiente de Next.js) */
.btn-primary {
	background: var(--btn-gradient) !important;
	border: none !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 0.75rem !important;
	border-radius: 0.5rem !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(50, 197, 255, 0.4) !important;
}

/* Botón Facebook (Siguiendo tu diseño blanco de Next) */
.btn-light {
	background-color: var(--white) !important;
	border: none !important;
	font-weight: 600 !important;
}

.btn-light:hover {
	transform: translateY(-2px);
	box-shadow: 0 5px 15px rgba(50, 197, 255, 0.4) !important;
}

/* Enlaces inferiores (Register, Lost Password) */
a,
.btn-link {
	color: var(--color-primary) !important;
	text-decoration: none !important;
}

a:hover {
	color: var(--white) !important;
}

/* Checkbox personalizado */
.custom-control-label::before {
	background-color: rgba(255, 255, 255, 0.1) !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
}


/* --- Menú de Idiomas (Dropdown) --- */

/* El contenedor del menú */
.dropdown-menu {
	background: rgba(25, 11, 66, 0.9) !important;
	backdrop-filter: blur(15px);
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 0.75rem !important;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
	padding: 0.5rem 0 !important;
	margin-top: 10px !important;
}

/* Cada ítem de idioma */
.dropdown-item {
	color: var(--white) !important;
	padding: 0.6rem 1.2rem !important;
	transition: all 0.2s ease !important;
	font-weight: 500 !important;
	display: flex;
	align-items: center;
}

/* Efecto al pasar el mouse por un idioma */
.dropdown-item:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	color: var(--white) !important;
	padding-left: 1.5rem !important;
}

/* Ajuste de la imagen de la bandera */
.dropdown-item img {
	border-radius: 4px !important;
	margin-right: 12px !important;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

/* Flecha del dropdown */
.dropdown-toggle::after {
	color: var(--color-primary) !important;
}