/* Hexato UI - paginas de pilar (autodiagnostico, rack, navegacao) */

/* ---------- Navegacao entre pilares ---------- */
body .elementor .hx-pn::before {
	content: '';
	position: absolute;
	inset-inline: 0;
	inset-block-start: 0;
	height: 3px;
	background-color: transparent;
}
body .elementor .hx-pn[aria-current='page'] {
	background-color: var(--surface);
}
body .elementor .hx-pn[aria-current='page']::before {
	background-color: var(--primary);
}
body .elementor .hx-pn[aria-current='page'] .hx-pn-num {
	color: var(--primary);
}

/* ---------- Autodiagnostico ---------- */
body .elementor .hx-sign:hover {
	border-color: #5B54C9;
}
body .elementor .hx-sign[aria-pressed='true'] {
	background-color: #221D52;
	border-color: #5B54C9;
}
body .elementor .hx-sign[aria-pressed='true'] .hx-sign-box {
	background-color: var(--accent);
	border-color: var(--accent);
}
body .elementor .hx-sign[aria-pressed='true'] .hx-sign-box > * {
	opacity: 1 !important;
}
body .elementor .hx-diag [class*='hx-']:focus-visible {
	outline-color: #FFFFFF;
}

/* ---------- Anatomia do rack ---------- */
body .elementor .hx-rack-card .hx-seg {
	background-color: var(--surface);
	border-width: 1px;
	border-style: solid;
	border-color: var(--line);
}
body .elementor .hx-rack-card .hx-seg-btn[aria-pressed='true'] {
	background-color: var(--primary);
	color: #FFFFFF;
}
body .elementor .hx-rack-card .hx-seg-btn:first-child[aria-pressed='true'] {
	background-color: var(--ink);
}
body .elementor .hx-rack-svg svg {
	display: block;
	width: 100%;
	height: auto;
}
body .elementor .hx-rack-svg .ulbl {
	font-family: var(--font-mono), 'JetBrains Mono', ui-monospace, monospace;
	font-weight: 500;
	font-size: 7px;
	fill: #8E8AB8;
	letter-spacing: 0.06em;
}
body .elementor .hx-rack-svg .neat,
body .elementor .hx-rack-svg .mess,
body .elementor .hx-rack-svg .tag,
body .elementor .hx-rack-svg .doc {
	transition: opacity 0.45s ease;
}
body .elementor .hx-rack-stage[data-mode='antes'] .neat,
body .elementor .hx-rack-stage[data-mode='antes'] .tag,
body .elementor .hx-rack-stage[data-mode='antes'] .doc {
	opacity: 0;
}
body .elementor .hx-rack-stage[data-mode='depois'] .mess {
	opacity: 0;
}
body .elementor .hx-rack-svg .led {
	fill: #32B369;
}
body .elementor .hx-rack-stage[data-mode='antes'] .led.w {
	fill: #E8A23A;
}
body .elementor .hx-hot[aria-pressed='true'] {
	background-color: var(--accent);
}
body .elementor .hx-hot::after {
	content: '';
	position: absolute;
	inset: -6px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, .55);
	animation: hxHotPulse 2.2s ease-out infinite;
	pointer-events: none;
}
@keyframes hxHotPulse {
	0% { opacity: .8; transform: scale(.8); }
	100% { opacity: 0; transform: scale(1.5); }
}
@media (prefers-reduced-motion: reduce) {
	body .elementor .hx-hot::after { animation: none; opacity: 0; }
	body .elementor .hx-rack-svg .neat,
	body .elementor .hx-rack-svg .mess,
	body .elementor .hx-rack-svg .tag,
	body .elementor .hx-rack-svg .doc { transition: none; }
}

/* lista explicativa do rack (accordion nativo) */
body .elementor .hx-rk-head::-webkit-details-marker {
	display: none;
}
body .elementor .hx-rk-head > .e-accordion-item-icon-base {
	display: none;
}
body .elementor .hx-rk-head > .e-accordion-item-title-base {
	flex: 1 1 auto;
	min-width: 0;
}
body .elementor details[open].hx-rk-item {
	background-color: var(--surface);
	border-color: #C9C6EE;
}
body .elementor details[open].hx-rk-item .hx-rk-n {
	background-color: var(--accent);
}
body .elementor .hx-rk-head:hover .hx-rk-t {
	color: var(--primary);
}