/* Tarjeta */
.login-card {
    background: #ffffff;
    padding: clamp(24px, 4vw, 48px);
    border-radius: 18px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
    border: 1px solid #e7e7e7;
    width: 100%;
}


.login-card h1 {
	font-size: 34px;
	font-weight: 800;
	color: #6C1A2B;
	text-align: center;
	margin-bottom: 10px;
	letter-spacing: -0.5px;
}

.login-card h1 i {
	color: #c29627;
	margin-right: 8px;
}

/* Línea */
.login-card hr {
	border-top: 1px solid #d8d8d8;
	margin-bottom: 25px;
}

/* Labels */
.login-card label {
	font-weight: 600;
	color: #343434;
	margin-bottom: 6px;
	font-size: 15px;
}

/* Inputs */
.login-card input {
	border-radius: 10px;
	border: 1px solid #c7c7c7;
	padding: 10px;
	font-size: 15px;
	transition: 0.25s ease;
}

.login-card input:focus {
	border-color: #6C1A2B;
	box-shadow: 0 0 0 3px rgba(108, 26, 43, 0.18);
}

/* Botón */
.btn-login {
	width: 100%;
	background-color: #6C1A2B;
	color: #fff;
	border-radius: 12px;
	padding: 13px;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -0.3px;
	transition: 0.25s ease;
	border: none;
}

.btn-login:hover {
	background-color: #52131f;
	color: #c29627;
}

/* Captcha */
.login-card img {
	border: 1px solid #ddd;
	padding: 4px;
	background: #fff;
	border-radius: 6px;
}

/* Animación */
@keyframes fadeIn {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}