/**
 * Portal Context — acentos por categoría en chip / chrome.
 * Tokens marca Uniguajira (§ plan).
 */

body.ug-portal {
	--ug-primary: #62a9b6;
	--ug-primary-soft: #e8f4f6;
	--ug-secondary: #cc5e50;
	--ug-text: #03090f;
	--ug-muted: #4a5560;
	--ug-border: rgba(98, 169, 182, 0.22);
	--ug-portal-accent: var(--ug-primary);
	--ug-portal-accent-soft: var(--ug-primary-soft);
}

body.ug-portal-cat--academicos {
	--ug-portal-accent: #62a9b6;
	--ug-portal-accent-soft: #e8f4f6;
}

body.ug-portal-cat--comunidad {
	--ug-portal-accent: #cc5e50;
	--ug-portal-accent-soft: rgba(204, 94, 80, 0.12);
}

body.ug-portal-cat--administrativos {
	--ug-portal-accent: #4a5560;
	--ug-portal-accent-soft: #eef0f2;
}

body.ug-portal-cat--sedes {
	--ug-portal-accent: #3d7a85;
	--ug-portal-accent-soft: #e4f0f2;
}

/* Chip “Estás en” (reusa barra Super Menú) */
body.ug-portal .ug-portal-super__here {
	padding: 0.25rem 0.65rem;
	border-radius: 999px;
	background: var(--ug-portal-accent-soft);
	border: 1px solid transparent;
	box-shadow: inset 3px 0 0 var(--ug-portal-accent);
	transition:
		box-shadow 0.35s cubic-bezier(0.23, 1, 0.32, 1),
		background 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

body.ug-portal .ug-portal-super__here-kicker {
	color: var(--ug-muted);
}

body.ug-portal .ug-portal-super__trigger[aria-expanded="true"],
body.ug-portal .ug-portal-super__trigger:hover {
	border-color: var(--ug-portal-accent);
}

body.ug-portal .ug-portal-super__item.is-current .ug-portal-super__link {
	box-shadow: inset 3px 0 0 var(--ug-portal-accent);
	background: var(--ug-portal-accent-soft);
}

/* Pulse Emil al aterrizar en otro portal */
body.ug-portal .ug-portal-super__here.is-portal-enter {
	animation: ug-portal-chip-pulse 0.38s cubic-bezier(0.23, 1, 0.32, 1) both;
}

@keyframes ug-portal-chip-pulse {
	0% {
		transform: scale(1);
		box-shadow:
			inset 3px 0 0 var(--ug-portal-accent),
			0 0 0 0 rgba(98, 169, 182, 0);
	}
	40% {
		transform: scale(1.03);
		box-shadow:
			inset 3px 0 0 var(--ug-portal-accent),
			0 0 0 4px color-mix(in srgb, var(--ug-portal-accent) 28%, transparent);
	}
	100% {
		transform: scale(1);
		box-shadow:
			inset 3px 0 0 var(--ug-portal-accent),
			0 0 0 0 transparent;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.ug-portal .ug-portal-super__here.is-portal-enter {
		animation: none;
	}
}