/* ============================================================
   base-desktop.css
   ============================================================
   CSS customizado DESKTOP — VSL "Fungos e Insetos"
   (carregado por último, após post-182.css)

   O que este arquivo faz:
   • Ajustes de layout para telas desktop (>= 1025px)
   • Max-widths e centralização de containers
   • Espaçamentos finos entre seções
   • Scroll suave para âncoras (#valor)
   • Correções globais de overflow e tipografia
   ============================================================ */

/* ------------------------------------------------------------
   1) BASE DA PÁGINA
   ------------------------------------------------------------ */
html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
}

body {
	background-color: var(--e-global-color-primary, #FFFFFF);
	color: var(--e-global-color-text, #5B4A7A);
	font-family: var(--e-global-typography-text-font-family, "Roboto", sans-serif);
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* ------------------------------------------------------------
   2) WRAPPER DA PÁGINA ELEMENTOR
   ------------------------------------------------------------ */
.elementor-182 {
	width: 100%;
	overflow: clip;
}

/* ------------------------------------------------------------
   3) CONTAINERS — max-widths e centralização (desktop)
   ------------------------------------------------------------ */
.elementor-182 .e-con-full {
	--container-max-width: 1140px;
}

/* Seções "boxed" usam o e-con-inner centralizado */
.elementor-182 .e-con-boxed > .e-con-inner {
	width: 100%;
}

/* ------------------------------------------------------------
   4) ESPAÇAMENTO ENTRE SEÇÕES (desktop)
   ------------------------------------------------------------ */
.elementor-182 .e-con.e-parent + .e-con.e-parent {
	margin-block-start: 0;
}

/* ------------------------------------------------------------
   5) TIPOGRAFIA — refinamentos desktop
   ------------------------------------------------------------ */
.elementor-182 .elementor-heading-title {
	text-wrap: balance;
}

.elementor-182 .elementor-text-editor {
	text-wrap: pretty;
}

/* ------------------------------------------------------------
   6) IMAGENS — consistência
   ------------------------------------------------------------ */
.elementor-182 img {
	image-rendering: auto;
}

/* ------------------------------------------------------------
   7) SCROLLBAR (desktop, WebKit) — coerente com o tema
   ------------------------------------------------------------ */
::-webkit-scrollbar {
	width: 12px;
}

::-webkit-scrollbar-track {
	background: #F3EFFB;
}

::-webkit-scrollbar-thumb {
	background: #A78BFA;
	border-radius: 8px;
	border: 3px solid #F3EFFB;
}

::-webkit-scrollbar-thumb:hover {
	background: #7B5EA7;
}

/* ------------------------------------------------------------
   8) FOCO VISÍVEL (desktop)
   ------------------------------------------------------------ */
a:focus-visible,
button:focus-visible,
.elementor-button:focus-visible {
	outline: 3px solid var(--e-global-color-accent, #8B5CF6);
	outline-offset: 3px;
}

/* ------------------------------------------------------------
   9) DESKTOP LARGE (>= 1440px) — respiro extra
   ------------------------------------------------------------ */
@media (min-width: 1440px) {
	.elementor-182 .elementor-element.elementor-element-2b399a14 {
		padding: 120px 20px 130px 20px;
	}

	.elementor-182 .elementor-element.elementor-element-4aa67baf,
	.elementor-182 .elementor-element.elementor-element-1dcd672f,
	.elementor-182 .elementor-element.elementor-element-536e5ae0,
	.elementor-182 .elementor-element.elementor-element-2f419218,
	.elementor-182 .elementor-element.elementor-element-19c302f3,
	.elementor-182 .elementor-element.elementor-element-7e19a4f2,
	.elementor-182 .elementor-element.elementor-element-7ad5df86,
	.elementor-182 .elementor-element.elementor-element-7484647c,
	.elementor-182 .elementor-element.elementor-element-b39e0a,
	.elementor-182 .elementor-element.elementor-element-69f681d7 {
		padding: 110px 20px 110px 20px;
	}
}

/* ------------------------------------------------------------
   10) ACESSIBILIDADE — movimento reduzido (desktop)
   ------------------------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}