@font-face { font-family: "Aeonik"; src: url("fonts/Aeonik-Light.ttf") format("truetype"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Aeonik"; src: url("fonts/Aeonik-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Aeonik"; src: url("fonts/Aeonik-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Kiln Sans"; src: url("fonts/KilnSans-Regular.woff2") format("woff2"), url("fonts/KilnSans-Regular.woff") format("woff"), url("fonts/KilnSans-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }

html { scroll-behavior: smooth; }
body { font-family: "Kiln Sans", sans-serif; }

/* Cores de destaque dentro de títulos: <span class="t-azul">…</span> */
.t-azul { color: #076DD3; }
.t-laranja { color: #EE3F13; }

/* Etiqueta com fundo (ex.: "EDIÇÕES") */
.t-etiqueta { display: inline-block; background: #EE3F13; color: #fff; padding: 0 6px; }

/* ---------- Slider (container com a classe "tenorio-slider") ---------- */
.tenorio-slider { position: relative; --slides-visiveis: 3; }
.tenorio-slider .tenorio-slider__track {
	flex-wrap: nowrap !important;
	/* Sem o padding padrão do container, senão o primeiro slide encaixa deslocado. */
	padding-left: 0 !important;
	padding-right: 0 !important;
	/* Resolvido aqui: dentro do slide, --column-gap seria o espaçamento do próprio slide. */
	--slider-gap: var( --column-gap, 40px );
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}
.tenorio-slider .tenorio-slider__track::-webkit-scrollbar { display: none; }
.tenorio-slider .tenorio-slider__track > .e-con {
	--width: auto !important;
	flex: 0 0 calc( ( 100% - ( var( --slides-visiveis ) - 1 ) * var( --slider-gap ) ) / var( --slides-visiveis ) ) !important;
	min-width: 0 !important; /* sem isso o conteúdo alarga o slide e o último visível fica cortado */
	max-width: none !important;
	scroll-snap-align: start;
}
/* Seletores com ".tenorio-slider >" e !important para vencer os estilos de botão do tema e do container. */
.tenorio-slider > .tenorio-slider__seta {
	position: absolute !important; top: 50%; z-index: 5;
	width: 56px !important; height: 52px !important; min-width: 0; max-width: none;
	margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
	background: none !important; box-shadow: none !important; line-height: 0; cursor: pointer;
	transform: translateY( -50% );
	transition: transform .15s ease;
}
.tenorio-slider > .tenorio-slider__seta img { display: block; width: 100% !important; height: auto !important; max-width: none; }
.tenorio-slider > .tenorio-slider__seta--prev { left: -28px; }
.tenorio-slider > .tenorio-slider__seta--next { right: -28px; }
.tenorio-slider > .tenorio-slider__seta--next img { transform: scaleX( -1 ); }
.tenorio-slider > .tenorio-slider__seta:hover { transform: translateY( -50% ) scale( 1.08 ); }
.tenorio-slider > .tenorio-slider__seta:focus-visible { outline: 3px solid #EE3F13; outline-offset: 3px; }
.tenorio-slider--estatico > .tenorio-slider__seta { display: none !important; }

@media ( max-width: 1024px ) { .tenorio-slider { --slides-visiveis: 2; } }
@media ( max-width: 767px ) {
	.tenorio-slider { --slides-visiveis: 1; }
	.tenorio-slider > .tenorio-slider__seta { width: 44px !important; height: 41px !important; }
	.tenorio-slider > .tenorio-slider__seta--prev { left: -10px; }
	.tenorio-slider > .tenorio-slider__seta--next { right: -10px; }
}

/* ---------- Menu: submenu não fecha ao levar o mouse até ele ---------- */
/* Ponte invisível cobrindo o espaço entre o item e o submenu (o :hover não se perde no vão). */
.elementor-widget-navigation-menu .hfe-nav-menu__layout-horizontal .menu-item-has-children > .sub-menu::before {
	content: "";
	position: absolute;
	left: -10px; right: -10px; top: -16px;
	height: 16px;
}
/* Fecha com atraso: some só 0,4s depois que o mouse sai; abre na hora. */
.elementor-widget-navigation-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children > .sub-menu {
	transition: opacity .2s ease .4s, visibility 0s linear .6s !important;
}
.elementor-widget-navigation-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:hover > .sub-menu,
.elementor-widget-navigation-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu .menu-item-has-children:focus-within > .sub-menu {
	visibility: visible;
	opacity: 1;
	transition: opacity .15s ease 0s, visibility 0s linear 0s !important;
}