:root {
	/* Paleta Institucional IESA */
	--color-iesa-primary: #811937;       /* Vinotinto Institucional */
	--color-iesa-primary-hover: #64132b; /* Vinotinto Oscuro */
	--color-iesa-dark: #0C1228;          /* Azul Marino Oscuro */
	--color-iesa-slate: #273956;         /* Gris Azulado */
	--color-background: #f4f6f9;
	--color-card-bg: #ffffff;
	--color-card-border: #e2e8f0;
	--color-input-border: #cbd5e1;
	--color-text-main: #334155;
	--color-text-muted: #64748b;
	--color-required: #811937;

	/* Fuentes */
	--font-body: 'Fira Sans', sans-serif;
	--font-title: 'Merriweather', serif;
}

body {
	font-family: var(--font-body);
	background-color: var(--color-background);
	color: var(--color-text-main);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px 15px 90px;
}

.brand-bar {
	height: 6px;
	background-color: var(--color-iesa-primary);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.form-card {
	max-width: 800px;
	margin: 0 auto;
	background: var(--color-card-bg);
	border: 1px solid var(--color-card-border);
	border-radius: 12px;
	box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
	/*overflow: hidden;*/
	position: relative;
}

.card-body-custom {
	padding: 40px;
}

.logo-container {
	text-align: center;
	margin-bottom: 24px;
}

.logo-container img {
	max-height: 85px;
	width: auto;
	object-fit: contain;
}

.form-title {
	font-family: var(--font-title);
	color: var(--color-iesa-dark);
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 10px;
}

.form-subtitle {
	color: var(--color-text-muted);
	text-align: center;
	font-size: 15px;
	margin-bottom: 32px;
}

.form-label {
	font-weight: 600;
	font-size: 14px;
	color: var(--color-iesa-slate);
	margin-bottom: 6px;
}

.required {
	color: var(--color-required);
	font-weight: bold;
}

.form-control,
.form-select {
	font-family: var(--font-body);
	font-size: 14px;
	border: 1px solid var(--color-input-border);
	border-radius: 8px;
	padding: 12px 16px;
	min-height: 48px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-control:focus,
.form-select:focus {
	border-color: var(--color-iesa-primary);
	box-shadow: 0 0 0 0.25rem rgba(129, 25, 55, 0.15);
}

/* Personalización de Tom Select */
.ts-control,
.ts-control * {
	font-weight: 400 !important;
}

.ts-control {
	border-radius: 8px !important;
	padding: 12px 16px !important;
	min-height: 48px !important;
	font-family: var(--font-body) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	border-color: var(--color-input-border) !important;
	box-shadow: none !important;
	display: flex !important;
	align-items: center !important;
}

.ts-wrapper.focus .ts-control {
	border-color: var(--color-iesa-primary) !important;
	box-shadow: 0 0 0 0.25rem rgba(129, 25, 55, 0.15) !important;
}

.ts-dropdown {
	border-radius: 8px !important;
	box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12) !important;
	font-family: var(--font-body) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	border: 1px solid var(--color-card-border) !important;
	overflow: hidden !important;
}

.ts-dropdown .option {
	font-weight: 400 !important;
	padding: 10px 16px !important;
	color: var(--color-text-main) !important;
}

.ts-dropdown .active {
	background-color: #e2e8f0 !important; /* Gris sobrio y suave */
	color: var(--color-iesa-dark) !important; /* Texto oscuro sobrio */
	font-weight: 400 !important;
}

.was-validated .invalid .ts-control {
	border-color: #dc3545 !important;
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.15) !important;
}

.btn-submit {
	background-color: var(--color-iesa-primary);
	border: none;
	color: #ffffff;
	min-height: 50px;
	font-size: 15px;
	font-weight: 600;
	border-radius: 8px;
	transition: background-color 0.25s ease, transform 0.1s ease;
}

.btn-submit:hover {
	background-color: var(--color-iesa-primary-hover);
	color: #ffffff;
}

.btn-submit:active {
	background-color: #4e0e21 !important;
	transform: scale(0.99);
}

.btn-submit:disabled {
	background-color: #a35067;
	cursor: not-allowed;
}

.invalid-feedback {
	font-size: 12.5px;
	margin-top: 4px;
}

/* Estilos para el Preloader Overlay Superpuesto */
.preloader-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(3px);
	z-index: 1050;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 12px;
}

.spinner-iesa {
	width: 3.2rem;
	height: 3.2rem;
	color: var(--color-iesa-primary);
}

/* Personalización del Modal Superpuesto */
.modal-content-custom {
	border-radius: 12px;
	border: none;
	box-shadow: 0 20px 40px rgba(0,0,0,0.18);
	overflow: hidden;
}
.modal-header-custom {
	background-color: var(--color-background);
	border-bottom: 1px solid var(--color-card-border);
	padding: 16px 24px;
}