.card,.login-box {
	border-radius: 20px !important;
}
.form-control{
	border-radius: 10px;
}
.btn{
	border-radius: 20px;
}

.btn-login{
	height:54px;
	border-radius:15px;
	background:
		linear-gradient(
			135deg,
			#1677ff,
			#0f5ef0
		);
	font-weight:600;
	letter-spacing:.4px;
	box-shadow:
		0 10px 25px rgba(22,119,255,.30);
	transition:.25s;
}
.btn-login:hover{
	transform:translateY(-2px);
	box-shadow:
		0 18px 35px rgba(22,119,255,.35);
}

.form-group {
	margin-bottom: 0rem !important;
}
.form-group label{
	margin-bottom: 0rem !important;
}

.card-futurista {
	background: rgba(20, 25, 35, 0.85);
	backdrop-filter: blur(8px);

	border: 1px solid rgba(0, 255, 255, 0.15);
	border-radius: 20px;

	box-shadow:
		0 8px 25px rgba(0, 0, 0, 0.3),
		0 0 15px rgba(0, 200, 255, 0.1);

	color: white;
	padding: 20px;

	transition: all 0.3s ease;
}

.card-futurista:hover {
	transform: translateY(-4px);

	box-shadow:
		0 12px 35px rgba(0, 0, 0, 0.4),
		0 0 25px rgba(0, 255, 255, 0.2);

	border-color: rgba(0, 255, 255, 0.35);
}


/* Base */

.btn {
	border-radius: 10px !important;
	backdrop-filter: blur(8px);
	transition: all .25s ease !important;
	font-weight: 500;
}

/* PRIMARY */

.btn-primary {
	background: rgba(0, 229, 255, 0.08) !important;
	border: 1px solid rgba(0, 229, 255, 0.25) !important;
	color: #00e5ff !important;
}

.btn-primary:hover {
	background: rgba(0, 229, 255, 0.15) !important;
	box-shadow: 0 0 20px rgba(0, 229, 255, 0.25);
}

/* SUCCESS */

.btn-success {
	background: rgba(16, 185, 129, 0.08) !important;
	border: 1px solid rgba(16, 185, 129, 0.25) !important;
	color: #10b981 !important;
}

.btn-success:hover {
	background: rgba(16, 185, 129, 0.15) !important;
	box-shadow: 0 0 20px rgba(16, 185, 129, 0.25);
}

/* INFO */

.btn-info {
	background: rgba(56, 189, 248, 0.08) !important;
	border: 1px solid rgba(56, 189, 248, 0.25) !important;
	color: #38bdf8 !important;
}

.btn-info:hover {
	background: rgba(56, 189, 248, 0.15) !important;
	box-shadow: 0 0 20px rgba(56, 189, 248, 0.25);
}

/* WARNING */

.btn-warning {
	background: rgba(245, 158, 11, 0.08) !important;
	border: 1px solid rgba(245, 158, 11, 0.25) !important;
	color: #f59e0b !important;
}

.btn-warning:hover {
	background: rgba(245, 158, 11, 0.15) !important;
	box-shadow: 0 0 20px rgba(245, 158, 11, 0.25);
}

/* DANGER */

.btn-danger {
	background: rgba(239, 68, 68, 0.08) !important;
	border: 1px solid rgba(239, 68, 68, 0.25) !important;
	color: #ef4444 !important;
}

.btn-danger:hover {
	background: rgba(239, 68, 68, 0.15) !important;
	box-shadow: 0 0 20px rgba(239, 68, 68, 0.25);
}

/* SECONDARY */

.btn-secondary {
	background: rgba(203, 213, 225, 0.05) !important;
	border: 1px solid rgba(203, 213, 225, 0.15) !important;
	color: #cbd5e1 !important;
}

.btn-secondary:hover {
	background: rgba(203, 213, 225, 0.12) !important;
}

/* DARK */

.btn-dark {
	background: rgba(15, 23, 42, 0.6) !important;
	border: 1px solid rgba(0, 229, 255, 0.15) !important;
	color: #e2e8f0 !important;
}

.btn-dark:hover {
	background: rgba(15, 23, 42, 0.85) !important;
	box-shadow: 0 0 15px rgba(0, 229, 255, 0.15);
}

/* ==========================================
   SWEETALERT2 FUTURISTA
   ========================================== */

.swal2-popup {

	background: rgba(20, 25, 35, 0.95) !important;

	backdrop-filter: blur(10px);

	border: 1px solid rgba(0,255,255,.12);

	border-radius: 18px !important;

	color: #e2e8f0 !important;

	box-shadow:
		0 15px 40px rgba(0,0,0,.45),
		0 0 25px rgba(0,255,255,.08);

}

/* Título */

.swal2-title {

	color: #f8fafc !important;

	font-weight: 600;

}

/* Texto */

.swal2-html-container,
.swal2-content {

	color: #cbd5e1 !important;

}

/* Iconos */

.swal2-success {
	border-color: rgba(16,185,129,.4) !important;
}

.swal2-success [class^='swal2-success-line'] {
	background: #10b981 !important;
}

.swal2-success .swal2-success-ring {
	border-color: rgba(16,185,129,.25) !important;
}

.swal2-error {
	border-color: rgba(239,68,68,.4) !important;
}

.swal2-warning {
	border-color: rgba(245,158,11,.4) !important;
}

.swal2-info {
	border-color: rgba(56,189,248,.4) !important;
}

.swal2-question {
	border-color: rgba(0,229,255,.4) !important;
}

/* Inputs */

.swal2-input,
.swal2-textarea,
.swal2-select {

	background: rgba(255,255,255,.03) !important;

	border: 1px solid rgba(255,255,255,.08) !important;

	color: #f8fafc !important;

	border-radius: 10px !important;

}

.swal2-input:focus,
.swal2-textarea:focus,
.swal2-select:focus {

	border-color: rgba(0,255,255,.4) !important;

	box-shadow:
		0 0 15px rgba(0,255,255,.15) !important;

}

/* Botón confirmar */

.swal2-confirm {

	background: rgba(0,229,255,.10) !important;

	color: #00e5ff !important;

	border: 1px solid rgba(0,229,255,.25) !important;

	border-radius: 10px !important;

}

.swal2-confirm:hover {

	background: rgba(0,229,255,.18) !important;

	box-shadow:
		0 0 20px rgba(0,229,255,.25);

}

/* Botón cancelar */

.swal2-cancel {

	background: rgba(239,68,68,.08) !important;

	color: #ef4444 !important;

	border: 1px solid rgba(239,68,68,.25) !important;

	border-radius: 10px !important;

}

.swal2-cancel:hover {

	background: rgba(239,68,68,.15) !important;

	box-shadow:
		0 0 20px rgba(239,68,68,.20);

}

/* Fondo detrás del modal */

.swal2-backdrop-show {

	background:
		rgba(0,0,0,.70) !important;

	backdrop-filter:
		blur(4px);

}

/* Loader */

.swal2-loader {

	border-color:
		rgba(0,229,255,.2)
		rgba(0,229,255,.2)
		transparent
		transparent !important;

}