/*
 * Presentation only: Rank Math owns the breadcrumb content and structured data.
 * The ct-container class keeps this element aligned with Blocksy's site width.
 */
.mundo-velas-breadcrumbs {
	border-bottom: 1px solid var(--theme-palette-color-6, #e8e4de);
	background: var(--theme-palette-color-8, #ffffff);
}

.mundo-velas-breadcrumbs .ct-container {
	padding-top: clamp(0.65rem, 1.4vw, 1rem);
	padding-bottom: clamp(0.65rem, 1.4vw, 1rem);
}

.mundo-velas-breadcrumbs__trail {
	color: var(--theme-text-color, #3b3b3b);
	font-size: 0.875rem;
	line-height: 1.5;
}

.mundo-velas-breadcrumbs__trail p {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.2rem;
	margin: 0;
	overflow-wrap: anywhere;
}

.mundo-velas-breadcrumbs__trail a {
	color: var(--theme-link-initial-color, currentColor);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

.mundo-velas-breadcrumbs__trail a:hover {
	color: var(--theme-link-hover-color, currentColor);
}

.mundo-velas-breadcrumbs__trail a:focus-visible {
	outline: 2px solid var(--theme-palette-color-1, #0b5cab);
	outline-offset: 3px;
	border-radius: 2px;
}

@media (max-width: 689px) {
	.mundo-velas-breadcrumbs .ct-container {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}

	.mundo-velas-breadcrumbs__trail {
		font-size: 0.8125rem;
	}
}

/*
 * Keep Blocksy's complete desktop header available while browsing long pages.
 * Sticky positioning preserves the header's original space and avoids the
 * layout jump caused by position: fixed. Blocksy switches to its mobile
 * header below 1000px, where the normal scrolling behavior remains unchanged.
 */
@media (min-width: 1000px) {
	#header.ct-header {
		position: sticky;
		top: 0;
		z-index: 999;
		box-shadow: 0 6px 18px rgb(15 14 23 / 8%);
	}

	body.admin-bar #header.ct-header {
		top: 32px;
	}
}