/**
 * Header CDI Judicial.
 *
 * La transparencia se aplica únicamente al fondo. No se reduce la opacidad
 * del contenido para conservar legibles el logo, la navegación y el CTA.
 */

.cdi-sticky-header-enabled {
	--cdi-header-admin-offset: 0px;
	--cdi-header-background-idle: rgba(32, 32, 32, 0.1);
	--cdi-header-background-active: #202020;
	--cdi-header-transition-duration: 280ms;
}

.cdi-sticky-header-enabled .cdi-header {
	position: fixed;
	top: var(--cdi-header-admin-offset);
	right: 0;
	left: 0;
	z-index: 9990;
	width: 100%;
	background-color: var(--cdi-header-background-idle) !important;
	transition:
		background-color var(--cdi-header-transition-duration) ease,
		box-shadow var(--cdi-header-transition-duration) ease;
	will-change: background-color;
}

.cdi-sticky-header-enabled .cdi-header:is(:hover, :focus-within, .is-scrolled, .is-menu-open) {
	background-color: var(--cdi-header-background-active) !important;
}

.cdi-sticky-header-enabled .cdi-header.is-scrolled {
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

@media (prefers-reduced-motion: reduce) {
	.cdi-sticky-header-enabled .cdi-header {
		transition: none;
	}
}