/**
 * Tema UNI / PIT — variables y componentes compartidos.
 * Enlazar después de Bootstrap. Otros CSS (p. ej. matricula-seleccion-tarjetas) deben ir después.
 */
:root {
	--uni-burgundy: #711610;
	--uni-burgundy-rgb: 113, 22, 16;
	--uni-text: #771610;
	--uni-brillo: #d52000;
	--uni-burgundy-dark: #750006;
	--uni-cream: #e6d9aa;
	--uni-cream-soft: #fff9e8;
	--uni-cream-warm: #fffef8;
	--uni-popup-bg: #f5efda;
	--uni-img-placeholder: #e8e4dc;
	--uni-link: #0d6efd;
	--uni-cruce-bg: rgba(72, 52, 46, 0.9);
	--uni-cruce-text: #f5f0e6;
	--uni-cerrado-overlay: rgba(168, 37, 13, 0.6);
	/* Botón “Matricular” / registrar: por defecto burdeos (select, registro, etc.) */
	--uni-registrar-bg: #711610;
	--uni-registrar-border: #000000;
	--uni-registrar-text: #ffffff;
}

.text-color-uni {
	color: var(--uni-text);
}
.text-color-uni-brillo {
	color: var(--uni-brillo);
}

.btn-otiuni {
	background-color: var(--uni-burgundy);
	border-color: var(--uni-burgundy);
	color: var(--uni-cream);
	box-shadow: 0 0 10px var(--uni-cream);
}
.btn-otiuni.active {
	background-color: var(--uni-cream);
	border-color: var(--uni-cream);
	color: var(--uni-burgundy);
	box-shadow: 0 0 10px var(--uni-burgundy);
}
.btn-otiuni:hover {
	color: #fff;
}
.btn-otiuni.active:hover {
	color: red;
}
.btn-otiuni:active {
	box-shadow: 0 0 10px var(--uni-burgundy) !important;
}
.btn-otiuni.active:active {
	box-shadow: 0 0 10px var(--uni-cream);
}

.btn-registrar {
	background-color: var(--uni-registrar-bg);
	border-color: var(--uni-registrar-border);
	color: var(--uni-registrar-text);
	box-shadow: 0 0 10px var(--uni-cream);
}

.form-check-input:checked {
	background-color: var(--uni-burgundy);
	border-color: var(--uni-cream);
	box-shadow: 0 0 10px var(--uni-burgundy);
}

.bg-uni {
	background-color: var(--uni-burgundy-dark);
	color: #000;
}

.btn-can {
	position: relative;
	cursor: not-allowed;
}

/* Etiquetas sobre botones/tarjetas (cerrado / cruce) */
.status-overlay {
	position: absolute;
	top: 0;
	right: 0;
	background: var(--uni-cerrado-overlay);
	color: #fff;
	padding: 8px 16px;
	border-radius: 3px;
	font-size: 12px;
	z-index: 2;
}
.status-overlay[data-testear-cruce] {
	background: var(--uni-cruce-bg);
	color: var(--uni-cruce-text);
	font-size: 12px;
	line-height: 1.2;
	max-width: 55%;
	text-align: right;
	box-shadow: inset 0 0 0 1px rgba(230, 217, 170, 0.35);
}

.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: var(--uni-popup-bg);
	padding: 20px;
	border: 2px solid #ccc;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	z-index: 9999;
	max-height: 95%;
	overflow-y: auto;
	display: none;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
	display: none;
}

.popup-privacidad {
	margin: 15px 0;
	text-align: left;
}
.popup-privacidad-label {
	cursor: pointer;
}
.popup-privacidad-label input[type="checkbox"] {
	margin-right: 8px;
}
.popup-privacidad-link {
	color: var(--uni-link);
	text-decoration: underline;
}