/* ============================================================
   post-160.css
   ============================================================
   Elementor Kit 160 — "Fungos e Insetos"
   Estilos GLOBAIS do tema (Kit).

   O que este arquivo faz:
   • Define as variáveis de cor globais (--e-global-color-*)
   • Define as variáveis de tipografia globais (--e-global-typography-*)
   • Tipografia de base (h1–h6, p, links)
   • Estilo padrão de botões (fallback do tema)
   • Estilos de formulário
   • Defaults de containers (--container-max-width etc.)
   • Utilidades de acessibilidade (focus-visible, selection)

   Paleta do nicho (orquídeas):
   Branco + lilás claro + lilás escuro (tema atual)
   + roxo (FAQ #orchid-faq).
   ============================================================ */

/* ------------------------------------------------------------
   1) VARIÁVEIS DO KIT
   ------------------------------------------------------------ */
.elementor-kit-160 {
	/* -------- Cores globais -------- */
	--e-global-color-primary:       #FFFBF4; /* creme (sections) */
	--e-global-color-secondary:     #FFFBF4; /* creme (sections alternadas) */
	--e-global-color-text:          #1A1A1A; /* texto corrido (sobre creme) */
	--e-global-color-accent:        #8B5CF6; /* lilás vibrante (CTA / destaques) */
	--e-global-color-accent-dark:   #6D28D9; /* lilás escuro */
	--e-global-color-purple:        #A855F7; /* roxo FAQ */
	--e-global-color-purple-dark:   #7E22CE; /* roxo escuro FAQ */
	--e-global-color-card:          #FFFFFF; /* superfície de cards */
	--e-global-color-light:         #1A1A1A; /* headings (sobre creme) */
	--e-global-color-muted:         #C9B8E8; /* lilás claro (texto apagado / footer) */
	--e-global-color-border:        #E0D8F0; /* lilás claro (bordas sutis) */

	/* -------- Tipografia global -------- */
	--e-global-typography-primary-font-family:   "Roboto Slab", serif;
	--e-global-typography-primary-font-size:     48px;
	--e-global-typography-primary-font-weight:   700;
	--e-global-typography-primary-line-height:   1.2;
	--e-global-typography-primary-letter-spacing: 0px;

	--e-global-typography-secondary-font-family: "Roboto", sans-serif;
	--e-global-typography-secondary-font-size:   32px;
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-secondary-line-height: 1.3;

	--e-global-typography-text-font-family:      "Roboto", sans-serif;
	--e-global-typography-text-font-size:        16px;
	--e-global-typography-text-font-weight:      400;
	--e-global-typography-text-line-height:      1.6;

	--e-global-typography-accent-font-family:    "Roboto", sans-serif;
	--e-global-typography-accent-font-size:      16px;
	--e-global-typography-accent-font-weight:    700;
	--e-global-typography-accent-line-height:    1.6;

	/* -------- Defaults de container -------- */
	--container-max-width:            1140px;
	--container-default-padding-top:    10px;
	--container-default-padding-right:  10px;
	--container-default-padding-bottom: 10px;
	--container-default-padding-left:   10px;

	/* -------- Base do body -------- */
	background-color: var(--e-global-color-primary);
	color: var(--e-global-color-text);
	font-family: var(--e-global-typography-text-font-family);
	font-size: var(--e-global-typography-text-font-size);
	font-weight: var(--e-global-typography-text-font-weight);
	line-height: var(--e-global-typography-text-line-height);
}

/* ------------------------------------------------------------
   2) TIPOGRAFIA GLOBAL
   ------------------------------------------------------------ */
.elementor-kit-160 h1,
.elementor-kit-160 h2,
.elementor-kit-160 h3,
.elementor-kit-160 h4,
.elementor-kit-160 h5,
.elementor-kit-160 h6 {
	color: var(--e-global-color-light);
	font-family: var(--e-global-typography-primary-font-family);
	font-weight: var(--e-global-typography-primary-font-weight);
	line-height: var(--e-global-typography-primary-line-height);
	margin-block: 0 1rem;
}

.elementor-kit-160 h1 {
	font-size: clamp(32px, 5vw, 56px);
}

.elementor-kit-160 h2 {
	font-size: clamp(26px, 4vw, 44px);
}

.elementor-kit-160 h3 {
	font-size: clamp(22px, 3vw, 32px);
}

.elementor-kit-160 h4 {
	font-size: clamp(18px, 2.4vw, 26px);
}

.elementor-kit-160 h5 {
	font-size: 20px;
}

.elementor-kit-160 h6 {
	font-size: 16px;
}

.elementor-kit-160 p {
	margin-block-start: 0;
	margin-block-end: 0.9rem;
	color: #101010;
}



.elementor-kit-160 .rone{
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	font-weight: 800;
}

/* ------------------------------------------------------------
   3) LINKS
   ------------------------------------------------------------ */
.elementor-kit-160 a {
	color: #fff;
	text-decoration: none;
	font-weight: 800;
	transition: color 0.25s ease;
}

.elementor-kit-160 a:hover,
.elementor-kit-160 a:focus {
	color: #fff;
	text-decoration: underline;
}

/* ------------------------------------------------------------
   4) BOTÃO PADRÃO (fallback global)
   O CTA da página tem estilo próprio no post-182.css;
   aqui fica o default do kit para consistência visual.
   ------------------------------------------------------------ */
.elementor-kit-160 .elementor-button {
	background-color: var(--e-global-color-accent-dark);
	color: #ffffff;
	fill: #ffffff;
	font-family: var(--e-global-typography-accent-font-family);
	font-size: var(--e-global-typography-accent-font-size);
	font-weight: var(--e-global-typography-accent-font-weight);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 999px;
	padding: 14px 32px;
	box-shadow: 0 0 16px rgba(139, 92, 246, 0.35);
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.elementor-kit-160 .elementor-button:hover,
.elementor-kit-160 .elementor-button:focus {
	background-color: var(--e-global-color-accent);
	box-shadow: 0 0 30px rgba(139, 92, 246, 0.6);
}

/* ------------------------------------------------------------
   5) FORMULÁRIOS
   ------------------------------------------------------------ */
.elementor-kit-160 input[type="text"],
.elementor-kit-160 input[type="email"],
.elementor-kit-160 input[type="tel"],
.elementor-kit-160 input[type="url"],
.elementor-kit-160 input[type="password"],
.elementor-kit-160 input[type="search"],
.elementor-kit-160 input[type="number"],
.elementor-kit-160 textarea,
.elementor-kit-160 select {
	width: 100%;
	background-color: var(--e-global-color-card);
	border: 1px solid var(--e-global-color-border);
	border-radius: 8px;
	color: var(--e-global-color-light);
	font-family: var(--e-global-typography-text-font-family);
	font-size: 15px;
	padding: 12px 16px;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.elementor-kit-160 input::placeholder,
.elementor-kit-160 textarea::placeholder {
	color: var(--e-global-color-muted);
	opacity: 1;
}

.elementor-kit-160 input:focus,
.elementor-kit-160 textarea:focus,
.elementor-kit-160 select:focus {
	outline: none;
	border-color: var(--e-global-color-accent);
	box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2);
}

.elementor-kit-160 label {
	color: var(--e-global-color-light);
	font-weight: 500;
}

.elementor-kit-160 button,
.elementor-kit-160 input[type="button"],
.elementor-kit-160 input[type="submit"] {
	cursor: pointer;
	font-family: var(--e-global-typography-accent-font-family);
	font-weight: var(--e-global-typography-accent-font-weight);
}

/* ------------------------------------------------------------
   6) SELEÇÃO DE TEXTO
   ------------------------------------------------------------ */
.elementor-kit-160 ::selection {
	background: rgba(139, 92, 246, 0.85);
	color: #FFFFFF;
	text-shadow: none;
}

/* ------------------------------------------------------------
   7) ACESSIBILIDADE — foco visível
   ------------------------------------------------------------ */
.elementor-kit-160 :focus-visible {
	outline: 3px solid var(--e-global-color-accent);
	outline-offset: 2px;
	border-radius: 4px;
}

/* ------------------------------------------------------------
   8) TABLET (max-width: 1024px)
   ------------------------------------------------------------ */
@media (max-width: 1024px) {
	.elementor-kit-160 {
		--container-default-padding-right:  10px;
		--container-default-padding-left:   10px;
	}

	.elementor-kit-160 h1 {
		font-size: clamp(30px, 6vw, 48px);
	}

	.elementor-kit-160 h2 {
		font-size: clamp(24px, 5vw, 40px);
	}
}

/* ------------------------------------------------------------
   9) MOBILE (max-width: 767px)
   ------------------------------------------------------------ */
@media (max-width: 767px) {
	.elementor-kit-160 h1 {
		font-size: clamp(26px, 7vw, 38px);
	}

	.elementor-kit-160 h2 {
		font-size: clamp(22px, 6.5vw, 34px);
	}

	.elementor-kit-160 h3 {
		font-size: clamp(20px, 5.5vw, 28px);
	}

	.elementor-kit-160 .elementor-button {
		padding: 13px 24px;
		font-size: 15px;
	}
}