@font-face {
font-family: "Montserrat";
src: url("/assets/fonts/montserrat-var.woff2") format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("/assets/fonts/montserrat-var-italic.woff2") format("woff2");
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Plex Mono";
src: url("/assets/fonts/plex-mono-500.woff2") format("woff2");
font-weight: 500;
font-display: swap;
}
:root {
--mata: #2e452e;
--folha: #397b35;
--broto: #a8cf45;
--palha: #d2ae6d;
--grafite: #373435;
--cinza: #96989a;
--cinza-claro: #d2d3d5;
--branco: #fefefe;
--solo: #1d2b1e;
--nevoa: #eef1ea;
--linha: #dde2d6;
--linha-escura: rgb(254 254 254 / .14);
--texto-suave: #5d6359;
--folha-escura: #2f6a2c;
--palha-escura: #8a6a2e;
--alerta: #a3412c;
--div-bioinsumos: var(--folha);
--div-laboratorio: #3f7fa6;
--div-reatores: #7a7d80;
--fonte: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
--fonte-dado: "Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
--t-xs: .8125rem;
--t-sm: .9375rem;
--t-base: 1.0625rem;
--t-md: 1.25rem;
--t-lg: clamp(1.4rem, 1.1rem + 1vw, 1.75rem);
--t-xl: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);
--t-2xl: clamp(2.1rem, 1.4rem + 3vw, 3.6rem);
--t-hero: clamp(2.4rem, 1.4rem + 4.4vw, 4.75rem);
--e-1: .25rem; --e-2: .5rem; --e-3: .75rem; --e-4: 1rem; --e-5: 1.5rem;
--e-6: 2rem; --e-7: 3rem; --e-8: 4rem; --e-9: 6rem;
--secao: clamp(3.5rem, 2rem + 6vw, 7rem);
--margem: clamp(1rem, .5rem + 2.5vw, 2rem);
--largura: 1240px;
--leitura: 66ch;
--r-midia: 20px;
--r-bloco: 12px;
--r-controle: 8px;
--r-pilula: 999px;
--sombra-elevada: 0 18px 40px -22px rgb(29 43 30 / .45);
--foco: 0 0 0 3px var(--branco), 0 0 0 6px var(--folha);
--duracao: 180ms;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 96px; }
@media (prefers-reduced-motion: no-preference) { html:not(.lenis) { scroll-behavior: smooth; } }
body {
margin: 0;
background: var(--branco);
color: var(--grafite);
font-family: var(--fonte);
font-size: var(--t-base);
line-height: 1.6;
font-weight: 450;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
img, video, svg, canvas { display: block; max-width: 100%; }
img { height: auto; }
a { color: var(--folha); text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { color: var(--folha-escura); }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: none; box-shadow: var(--foco); border-radius: var(--r-controle); }
h1, h2, h3, h4 {
margin: 0;
color: var(--mata);
font-weight: 800;
line-height: 1.08;
letter-spacing: -.022em;
text-wrap: balance;
}
h1 { font-size: var(--t-2xl); }
h2 { font-size: var(--t-xl); }
h3 { font-size: var(--t-md); letter-spacing: -.01em; line-height: 1.25; }
h4 { font-size: var(--t-base); letter-spacing: 0; line-height: 1.3; }
p { margin: 0; text-wrap: pretty; }
p + p { margin-top: var(--e-4); }
em, i { font-style: italic; }
strong { font-weight: 700; color: var(--mata); }
ul, ol { margin: 0; padding: 0; }
.cientifico { font-style: italic; }
.dado { font-family: var(--fonte-dado); font-size: .92em; letter-spacing: -.01em; font-weight: 500; }
.wrap { width: min(100% - 2 * var(--margem), var(--largura)); margin-inline: auto; }
.estreito { max-width: var(--leitura); }
.secao { padding-block: var(--secao); }
.secao--nevoa { background: var(--nevoa); }
.secao--mata { background: var(--mata); color: rgb(254 254 254 / .82); }
.secao--solo { background: var(--solo); color: rgb(254 254 254 / .8); }
.secao--mata :is(h1, h2, h3, h4, strong),
.secao--solo :is(h1, h2, h3, h4, strong) { color: var(--branco); }
.secao--mata a:not(.btn), .secao--solo a:not(.btn) { color: var(--broto); }
.cabeca { display: grid; gap: var(--e-4); margin-bottom: var(--e-7); max-width: 46rem; }
.cabeca p { font-size: var(--t-md); line-height: 1.5; color: var(--texto-suave); }
.secao--mata .cabeca p, .secao--solo .cabeca p { color: rgb(254 254 254 / .72); }
.cabeca--linha { max-width: none; grid-template-columns: 1fr auto; align-items: end; }
@media (max-width: 720px) { .cabeca--linha { grid-template-columns: 1fr; } }
.lead { font-size: var(--t-md); line-height: 1.55; color: var(--texto-suave); max-width: 40rem; }
.suave { color: var(--texto-suave); }
.pequeno { font-size: var(--t-sm); }
.pular {
position: absolute; left: var(--e-4); top: -100px; z-index: 100;
background: var(--mata); color: var(--branco); padding: var(--e-3) var(--e-4); border-radius: var(--r-controle);
}
.pular:focus { top: var(--e-4); }
.so-leitor { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
}
li, label, summary, td, th, figcaption, small, strong, dd, legend,
.cabeca p, .lead, .hero__texto, .registro, .produto__micro, .produto__resumo,
.rodape__base span, .canal p, .economia p, .calc__aviso, .chamada p, .problema span {
text-wrap: balance;
}
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-stopped { overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
.anima { opacity: 0; transform: translateY(26px); transition: opacity .7s cubic-bezier(.2,.7,.2,1) var(--atraso, 0ms), transform .8s cubic-bezier(.2,.7,.2,1) var(--atraso, 0ms); }
.anima.entrou { opacity: 1; transform: none; }
img.anima { transform: translateY(18px) scale(1.02); }
img.anima.entrou { transform: none; }
}
.btn {
display: inline-flex; align-items: center; justify-content: center; gap: .55em;
min-height: 48px; padding: .75em 1.35em;
border: 1.5px solid transparent; border-radius: var(--r-pilula);
font-weight: 700; font-size: var(--t-sm); line-height: 1.1; text-decoration: none;
cursor: pointer; white-space: nowrap;
transition: background-color var(--duracao), color var(--duracao), border-color var(--duracao);
}
.btn svg { width: 1.15em; height: 1.15em; flex: none; }
.btn--folha { background: var(--folha); color: var(--branco); }
.btn--folha:hover { background: var(--folha-escura); color: var(--branco); }
.btn--broto { background: var(--broto); color: var(--solo); }
.btn--broto:hover { background: #b9d65e; color: var(--solo); }
.btn--linha { border-color: currentColor; color: var(--mata); background: transparent; }
.btn--linha:hover { background: var(--mata); border-color: var(--mata); color: var(--branco); }
.secao--mata .btn--linha, .secao--solo .btn--linha, .hero .btn--linha { color: var(--branco); }
.secao--mata .btn--linha:hover, .secao--solo .btn--linha:hover, .hero .btn--linha:hover { background: var(--branco); color: var(--mata); }
.btn--zap { background: var(--folha); color: var(--branco); }
.btn--zap:hover { background: var(--folha-escura); color: var(--branco); }
.btn--grande { min-height: 56px; font-size: var(--t-base); padding-inline: 1.6em; }
.acoes { display: flex; flex-wrap: wrap; gap: var(--e-3); align-items: center; }
.mais {
display: inline-flex; align-items: center; gap: .4em;
font-weight: 700; font-size: var(--t-sm); text-decoration: none; color: var(--folha);
}
.mais::after {
content: ""; width: .5em; height: .5em; border: solid currentColor; border-width: 2px 2px 0 0;
transform: rotate(45deg); transition: transform var(--duracao);
}
.mais:hover::after { transform: translateX(3px) rotate(45deg); }
.topo {
position: sticky; top: 0; z-index: 50;
background: rgb(254 254 254 / .94);
backdrop-filter: saturate(1.4) blur(12px);
border-bottom: 1px solid var(--linha);
}
.topo__barra { display: flex; align-items: center; gap: var(--e-5); min-height: 76px; }
.topo__logo { flex: none; display: block; }
.topo__logo img { height: 40px; width: auto; }
.menu { display: flex; align-items: center; gap: var(--e-1); margin-left: auto; }
.menu > li { list-style: none; position: relative; }
.menu__link {
display: inline-flex; align-items: center; gap: .35em;
padding: .6em .8em; border: 0; background: none; border-radius: var(--r-controle);
font-weight: 600; font-size: var(--t-sm); color: var(--mata); text-decoration: none; cursor: pointer;
}
.menu__link:hover, .menu__link[aria-expanded="true"] { background: var(--nevoa); color: var(--mata); }
.menu__link[aria-current="page"] { color: var(--folha); }
.menu__link--abre::after {
content: ""; width: .38em; height: .38em; border: solid currentColor; border-width: 0 2px 2px 0;
transform: translateY(-2px) rotate(45deg); transition: transform var(--duracao);
}
.menu__link--abre[aria-expanded="true"]::after { transform: translateY(1px) rotate(-135deg); }
.topo__acoes { display: flex; gap: var(--e-2); margin-left: var(--e-3); }
.topo__abrir { display: none; }
.painel {
position: absolute; top: calc(100% + 12px); left: 50%; translate: -50% 0;
width: min(92vw, 880px); padding: var(--e-5);
background: var(--branco); border: 1px solid var(--linha); border-radius: var(--r-bloco);
box-shadow: var(--sombra-elevada);
display: grid; grid-template-columns: 1.1fr 1fr 1fr; gap: var(--e-5);
}
.painel[hidden] { display: none; }
.painel h3 { font-size: var(--t-sm); color: var(--texto-suave); font-weight: 600; letter-spacing: 0; margin-bottom: var(--e-3); }
.painel ul { display: grid; gap: 2px; }
.painel li { list-style: none; }
.painel a { display: block; padding: .5em .65em; border-radius: var(--r-controle); text-decoration: none; color: var(--mata); font-weight: 600; font-size: var(--t-sm); }
.painel a:hover { background: var(--nevoa); }
.painel a small { display: block; font-weight: 450; color: var(--texto-suave); font-size: var(--t-xs); line-height: 1.4; }
.painel__destaque { background: var(--mata); border-radius: var(--r-controle); padding: var(--e-4); color: rgb(254 254 254 / .8); font-size: var(--t-sm); }
.painel__destaque strong { display: block; color: var(--branco); font-size: var(--t-base); margin-bottom: var(--e-2); }
.painel__destaque a { color: var(--broto); padding: 0; margin-top: var(--e-3); display: inline-flex; }
.painel__destaque a:hover { background: none; }
@media (max-width: 1280px) {
.topo__abrir {
display: inline-flex; margin-left: auto; align-items: center; gap: .5em;
min-height: 44px; padding: 0 1em; border: 1.5px solid var(--linha); border-radius: var(--r-pilula);
background: none; font-weight: 700; font-size: var(--t-sm); color: var(--mata); cursor: pointer;
}
.topo { backdrop-filter: none; background: var(--branco); }
.topo__abrir svg { width: 20px; height: 20px; }
.topo__nav { display: none; }
.topo__nav.aberto {
display: block; position: fixed; top: var(--topo-fim, 76px); left: 0; right: 0; bottom: 0; z-index: 60;
overflow-y: auto; overscroll-behavior: contain;
background: var(--branco); border-top: 1px solid var(--linha); padding: var(--e-3) var(--margem) var(--e-7);
}
.menu > li { border-bottom: 1px solid var(--linha); }
.menu__link:hover, .menu__link[aria-expanded="true"] { background: none; }
.painel a { padding: .6em .5em; }
.painel__destaque { margin-top: var(--e-3); }
.menu { flex-direction: column; align-items: stretch; margin: 0; }
.menu__link { width: 100%; justify-content: space-between; padding: .9em .5em; font-size: var(--t-base); }
.painel { position: static; translate: none; width: auto; grid-template-columns: 1fr; box-shadow: none; border: 0; padding: 0 0 var(--e-4) var(--e-3); }
.topo__acoes { margin: var(--e-5) 0 0; flex-direction: column; }
.topo__acoes .btn { width: 100%; }
}
.trilha { font-size: var(--t-xs); color: var(--texto-suave); margin-bottom: var(--e-5); }
.trilha ol { display: flex; flex-wrap: wrap; gap: .4em; list-style: none; }
.trilha li + li::before { content: "/"; margin-right: .4em; color: var(--cinza); }
.trilha a { color: inherit; text-decoration: none; }
.trilha a:hover { color: var(--folha); text-decoration: underline; }
.secao--mata .trilha, .hero .trilha { color: rgb(254 254 254 / .65); }
.hero { position: relative; isolation: isolate; color: var(--branco); background: var(--solo); overflow: hidden; }
.hero__midia { position: absolute; inset: 0; z-index: -2; }
.hero__midia :is(img, video) { width: 100%; height: 100%; object-fit: cover; object-position: 50% 70%; }
.hero::before {
content: ""; position: absolute; inset: 0; z-index: -1;
background:
linear-gradient(180deg, rgb(29 43 30 / .2) 0%, rgb(29 43 30 / 0) 30%),
linear-gradient(90deg, rgb(29 43 30 / .92) 0%, rgb(29 43 30 / .72) 42%, rgb(29 43 30 / .05) 78%);
}
.hero__conteudo { padding-block: clamp(4rem, 2rem + 8vw, 8.5rem) clamp(3rem, 2rem + 4vw, 5rem); display: grid; gap: var(--e-5); max-width: 44rem; }
.hero h1 { font-size: var(--t-hero); color: var(--branco); letter-spacing: -.03em; line-height: 1.02; }
.hero__texto { font-size: var(--t-md); line-height: 1.5; color: rgb(254 254 254 / .82); max-width: 36rem; }
@media (max-width: 720px) {
.hero::before { background: linear-gradient(180deg, rgb(29 43 30 / .55) 0%, rgb(29 43 30 / .88) 55%, rgb(29 43 30 / .96) 100%); }
}
.hero--pagina .hero__conteudo { padding-block: clamp(3rem, 2rem + 5vw, 6rem) clamp(2.5rem, 2rem + 3vw, 4rem); max-width: 48rem; }
.hero--pagina h1 { font-size: var(--t-2xl); }
.localizador {
display: grid; grid-template-columns: 1fr 1fr auto; gap: var(--e-2);
padding: var(--e-2); margin-top: var(--e-3);
background: rgb(254 254 254 / .96); border-radius: var(--r-bloco);
box-shadow: 0 20px 50px -20px rgb(0 0 0 / .5);
color: var(--grafite); max-width: 40rem;
}
.localizador label { display: grid; gap: 2px; padding: .45em .8em; border-radius: var(--r-controle); }
.localizador label:hover { background: var(--nevoa); }
.localizador span { font-size: var(--t-xs); font-weight: 600; color: var(--texto-suave); }
.localizador select { border: 0; background: transparent; padding: 0; font-weight: 700; color: var(--mata); font-size: var(--t-base); cursor: pointer; appearance: none; }
.localizador select:focus-visible { box-shadow: none; text-decoration: underline; }
.localizador label:focus-within { box-shadow: var(--foco); }
.localizador .btn { align-self: stretch; border-radius: var(--r-controle); }
@media (max-width: 600px) { .localizador { grid-template-columns: 1fr; } }
.registro {
position: relative; display: inline-block; max-width: 100%;
padding: .35em .75em .35em 1.55em; border-radius: var(--r-controle);
font-size: var(--t-xs); font-weight: 650; line-height: 1.4;
border: 1px solid; background: var(--branco);
}
.registro::before { content: ""; position: absolute; left: .65em; top: .82em; width: .5em; height: .5em; border-radius: 50%; background: currentColor; }
.registro .dado { font-weight: 500; }
.registro--registrado { color: var(--folha); border-color: rgb(57 123 53 / .35); }
.registro--protocolado { color: #7a5a1c; border-color: rgb(210 174 109 / .7); }
.registro--consulte { color: var(--texto-suave); border-color: var(--linha); }
.registro--uso-proprio { color: var(--div-laboratorio); border-color: rgb(63 127 166 / .35); }
.placa {
position: relative; aspect-ratio: 1; border-radius: 50%;
background: radial-gradient(circle at 50% 50%, #fff 0 58%, #f6f8f3 58.5% 68%, #fff 68.5% 100%);
box-shadow: inset 0 0 0 1px var(--linha), inset 0 0 0 10px #fff, inset 0 0 0 11px var(--linha);
display: grid; place-items: center; overflow: hidden;
}
.placa img { width: 74%; height: 74%; object-fit: contain; }
.placa--kit { border-radius: var(--r-bloco); aspect-ratio: 4 / 3; box-shadow: inset 0 0 0 1px var(--linha); background: #f3f5f0; }
.placa--kit img { width: 100%; height: 100%; object-fit: cover; }
.grade-produtos { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: var(--e-6) var(--e-5); }
.produto { position: relative; display: grid; gap: var(--e-3); align-content: start; text-decoration: none; color: inherit; }
.produto .placa { margin-bottom: var(--e-2); transition: box-shadow var(--duracao); }
.produto:hover .placa { box-shadow: inset 0 0 0 1px var(--folha), inset 0 0 0 10px #fff, inset 0 0 0 11px var(--broto); }
.produto:hover .placa--kit { box-shadow: inset 0 0 0 2px var(--folha); }
.produto__tipo { font-size: var(--t-xs); font-weight: 600; color: var(--folha); }
.produto__nome { font-size: var(--t-md); font-weight: 800; color: var(--mata); letter-spacing: -.015em; line-height: 1.2; }
.produto:hover .produto__nome { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .2em; }
.produto__micro { font-size: var(--t-sm); color: var(--texto-suave); font-style: italic; line-height: 1.4; }
.produto .registro { justify-self: start; }
.problema {
position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: flex-end;
min-height: 210px; padding: var(--e-4); border-radius: var(--r-bloco); overflow: hidden;
color: var(--branco); text-decoration: none; background: var(--mata);
}
.problema img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform 600ms ease; }
.problema::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgb(29 43 30 / 0) 30%, rgb(29 43 30 / .9) 100%); }
.problema:hover { color: var(--branco); }
.problema:hover img { transform: scale(1.05); }
.problema strong { color: var(--branco); font-size: var(--t-md); line-height: 1.2; }
.problema span { font-size: var(--t-xs); color: rgb(254 254 254 / .78); margin-top: 2px; }
.culturas { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--e-3); }
.cultura { position: relative; isolation: isolate; aspect-ratio: 3 / 4; border-radius: var(--r-midia); overflow: hidden; display: flex; align-items: flex-end; padding: var(--e-4); text-decoration: none; color: var(--branco); }
.cultura img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.cultura::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 45%, rgb(29 43 30 / .85)); }
.cultura strong { color: var(--branco); font-size: var(--t-lg); letter-spacing: -.02em; }
.cultura small { display: block; color: rgb(254 254 254 / .8); font-size: var(--t-xs); font-weight: 500; }
.cultura:hover { color: var(--branco); }
.cultura:hover strong { text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 900px) { .culturas { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } }
.caminho { display: grid; grid-template-rows: auto 1fr; border-radius: var(--r-midia); overflow: hidden; background: var(--branco); border: 1px solid var(--linha); }
strong) { color: var(--branco); }
.lista { display: grid; gap: var(--e-2); list-style: none; }
.lista li { position: relative; padding-left: 1.6em; }
.lista li::before {
content: ""; position: absolute; left: .15em; top: .5em; width: .7em; height: .7em;
border-radius: 50% 0 50% 0; background: var(--folha); transform: rotate(-45deg) scale(.9);
}
.secao--mata .lista li::before{ background: var(--broto); }
.passos { counter-reset: passo; display: grid; gap: 0; list-style: none; }
.passos > li { counter-increment: passo; display: grid; grid-template-columns: 3.2rem 1fr; gap: var(--e-4); padding: var(--e-5) 0; border-top: 1px solid var(--linha); }
.passos > li::before {
content: counter(passo, decimal-leading-zero);
font-family: var(--fonte-dado); font-size: var(--t-md); color: var(--folha); line-height: 1.2;
}
.passos h3 { margin-bottom: var(--e-2); }
.passos p, .passos li li { font-size: var(--t-sm); }
.passos ul { margin-top: var(--e-2); display: grid; gap: var(--e-1); list-style: disc; padding-left: 1.1em; }
.secao--mata .passos > li { border-color: var(--linha-escura); }
.secao--mata .passos > li::before { color: var(--broto); }
.tabela-rolagem { border: 1px solid var(--linha); border-radius: var(--r-bloco); overflow: hidden; background: var(--branco); }
.tabela { width: 100%; border-collapse: collapse; font-size: var(--t-sm); }
.tabela caption { text-align: left; padding: var(--e-4); font-weight: 700; color: var(--mata); }
.tabela th, .tabela td { text-align: left; padding: .85em 1em; border-top: 1px solid var(--linha); vertical-align: top; }
.tabela thead th { background: var(--nevoa); font-size: var(--t-xs); font-weight: 650; color: var(--texto-suave); border-top: 0; }
.tabela tbody th { font-weight: 700; color: var(--mata); }
.tabela .num { text-align: right; font-family: var(--fonte-dado); white-space: nowrap; }
@media (max-width: 680px) {
.tabela thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.tabela tr { display: block; padding: var(--e-3) var(--e-4); border-top: 1px solid var(--linha); }
.tabela tbody tr:first-child { border-top: 0; }
.tabela th, .tabela td { display: block; border: 0; padding: .2em 0; }
.tabela td[data-rotulo]::before { content: attr(data-rotulo) ": "; font-weight: 650; color: var(--texto-suave); font-family: var(--fonte); }
.tabela .num { text-align: left; }
}
.ficha { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; }
.ficha__midia { position: sticky; top: 100px; }
.ficha__info { display: grid; gap: var(--e-5); }
.ficha__info h1 { font-size: var(--t-2xl); }
.ficha__micro { font-size: var(--t-md); font-style: italic; color: var(--texto-suave); }
.ficha__culturas { display: flex; flex-wrap: wrap; gap: var(--e-2); }
.etiqueta { display: inline-block; padding: .3em .8em; border-radius: var(--r-pilula); background: var(--nevoa); font-size: var(--t-xs); font-weight: 650; color: var(--mata); text-decoration: none; }
a.etiqueta:hover { background: var(--mata); color: var(--branco); }
.especificacoes { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border: 1px solid var(--linha); border-radius: var(--r-bloco); overflow: hidden; }
.especificacoes > div { padding: var(--e-4); border-right: 1px solid var(--linha); border-bottom: 1px solid var(--linha); margin: 0 -1px -1px 0; }
.especificacoes dt { font-size: var(--t-xs); font-weight: 600; color: var(--texto-suave); }
.especificacoes dd { margin: var(--e-1) 0 0; font-weight: 700; color: var(--mata); }
@media (max-width: 860px) { .ficha { grid-template-columns: 1fr; } .ficha__midia { position: static; max-width: 420px; } }
.ancoras { position: sticky; top: 76px; z-index: 20; background: rgb(254 254 254 / .95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--linha); }
.ancoras ul { display: flex; gap: var(--e-1); overflow-x: auto; list-style: none; scrollbar-width: none; }
.ancoras a { display: block; padding: .9em .8em; white-space: nowrap; font-size: var(--t-sm); font-weight: 650; color: var(--texto-suave); text-decoration: none; border-bottom: 2px solid transparent; }
.ancoras a:hover { color: var(--mata); border-color: var(--broto); }
.bloco-duplo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; }
.bloco-duplo__foto { border-radius: var(--r-midia); overflow: hidden; }
.bloco-duplo__foto img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 3; }
@media (max-width: 860px) { .bloco-duplo { grid-template-columns: 1fr; } }
.modo { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--e-4); counter-reset: modo; list-style: none; }
.modo li { counter-increment: modo; padding: var(--e-5); border-radius: var(--r-bloco); background: var(--nevoa); }
.modo li::before { content: counter(modo); display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--mata); color: var(--broto); font-family: var(--fonte-dado); margin-bottom: var(--e-3); }
.documentos { display: grid; gap: var(--e-3); }
.documento { display: grid; grid-template-columns: auto 1fr auto; gap: var(--e-4); align-items: center; padding: var(--e-4); border: 1px solid var(--linha); border-radius: var(--r-bloco); background: var(--branco); }
.documento svg { width: 28px; height: 28px; color: var(--folha); }
.documento strong { display: block; }
.documento span { font-size: var(--t-sm); color: var(--texto-suave); }
@media (max-width: 560px) { .documento { grid-template-columns: auto 1fr; } .documento .btn { grid-column: 1 / -1; } }
.equivalencia { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--e-4); align-items: center; padding: var(--e-5); border-radius: var(--r-midia); background: var(--mata); color: rgb(254 254 254 / .8); }
.equivalencia h3, .equivalencia strong { color: var(--branco); }
.equivalencia__seta { width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--broto); display: grid; place-items: center; color: var(--broto); }
.equivalencia a { color: var(--broto); }
@media (max-width: 680px) { .equivalencia { grid-template-columns: 1fr; } .equivalencia__seta { transform: rotate(90deg); } }
.custo { color: var(--palha-escura); font-family: var(--fonte-dado); font-weight: 500; }
.secao--mata .custo, .secao--solo .custo, .calc__resultado .custo { color: var(--palha); }
.calc { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); border-radius: var(--r-midia); overflow: hidden; border: 1px solid var(--linha); background: var(--branco); }
.calc__entrada { padding: var(--e-6); display: grid; gap: var(--e-4); align-content: start; }
.calc__resultado { padding: var(--e-6); background: var(--solo); color: rgb(254 254 254 / .8); display: grid; gap: var(--e-5); align-content: start; }
.calc__resultado h3 { color: var(--branco); }
.barras { display: grid; gap: var(--e-4); }
.barra { display: grid; gap: var(--e-2); }
.barra__topo { display: flex; justify-content: space-between; gap: var(--e-3); align-items: baseline; font-size: var(--t-sm); }
.barra__topo strong { color: var(--branco); font-weight: 650; }
.barra__valor { font-family: var(--fonte-dado); font-size: var(--t-lg); color: var(--branco); white-space: nowrap; }
.barra__trilho { height: 14px; border-radius: var(--r-pilula); background: rgb(254 254 254 / .08); overflow: hidden; }
.barra__cheio { height: 100%; border-radius: inherit; background: var(--cinza); width: 0; transition: width 500ms cubic-bezier(.2, .8, .2, 1); }
.barra--onfarm .barra__cheio { background: var(--broto); }
.economia { padding: var(--e-5); border-radius: var(--r-bloco); background: rgb(210 174 109 / .12); border: 1px solid rgb(210 174 109 / .35); }
.economia__valor { font-family: var(--fonte-dado); font-size: var(--t-xl); color: var(--palha); line-height: 1.1; }
.economia p { font-size: var(--t-sm); margin-top: var(--e-2); }
.calc__aviso { font-size: var(--t-xs); color: rgb(254 254 254 / .6); line-height: 1.5; }
@media (max-width: 860px) { .calc { grid-template-columns: 1fr; } }
.form { display: grid; gap: var(--e-4); }
.form__linha { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-4); }
@media (max-width: 560px) { .form__linha { grid-template-columns: 1fr; } }
.campo { display: grid; gap: var(--e-1); }
.campo label { font-size: var(--t-sm); font-weight: 650; color: var(--mata); }
.campo small { font-size: var(--t-xs); color: var(--texto-suave); }
.campo :is(input, select, textarea) {
width: 100%; min-height: 48px; padding: .7em .9em;
border: 1.5px solid var(--linha); border-radius: var(--r-controle); background: var(--branco);
font-size: var(--t-base); color: var(--grafite);
transition: border-color var(--duracao);
}
.campo textarea { min-height: 120px; resize: vertical; }
.campo :is(input, select, textarea):hover { border-color: var(--cinza); }
.campo :is(input, select, textarea):focus-visible { border-color: var(--folha); box-shadow: 0 0 0 3px rgb(57 123 53 / .45); }
.campo [aria-invalid="true"] { border-color: var(--alerta); }
.campo--isca { position: absolute; left: -9999px; }
.consentimento { display: flex; gap: var(--e-3); align-items: flex-start; font-size: var(--t-sm); color: var(--texto-suave); }
.consentimento input { margin-top: .3em; width: 18px; height: 18px; accent-color: var(--folha); flex: none; }
.form__estado { padding: var(--e-4); border-radius: var(--r-controle); font-size: var(--t-sm); font-weight: 600; }
.form__estado[hidden] { display: none; }
.form__estado--ok { background: rgb(57 123 53 / .1); color: var(--folha-escura); }
.form__estado--erro { background: rgb(163 65 44 / .1); color: var(--alerta); }
.secao--mata .campo label { color: var(--branco); }
.form--enviado > :not(.form-ok) { display: none !important; }
.form-ok { display: grid; justify-items: center; text-align: center; gap: var(--e-3); padding: var(--e-6) var(--e-2); outline: none; }
.form-ok[hidden] { display: none; }
.form-ok__titulo { font-size: var(--t-xl); color: var(--mata); text-wrap: balance; }
.form-ok p { color: var(--texto-suave); max-width: 36ch; text-wrap: pretty; }
.form-ok p b { color: var(--mata); }
.form-ok .btn { margin-top: var(--e-3); }
.contato-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--solo); color: rgb(254 254 254 / .82); padding: var(--e-7) 0 clamp(3rem, 2rem + 4vw, 5rem); }
.contato-hero__fundo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; z-index: -2; }
.contato-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(29 43 30 / .96) 0%, rgb(29 43 30 / .86) 38%, rgb(29 43 30 / .35) 70%, rgb(29 43 30 / .15) 100%), linear-gradient(0deg, rgb(29 43 30 / .5), transparent 40%); }
.contato { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 500px); gap: clamp(2rem, 1rem + 3vw, 4rem); align-items: start; }
.contato-hero .trilha { color: rgb(254 254 254 / .7); }
.contato-hero .trilha a { color: var(--broto); }
.contato__titulo { font-size: var(--t-hero); line-height: 1.02; letter-spacing: -.03em; color: var(--branco); font-weight: 800; max-width: 12ch; }
.contato__titulo em { font-style: normal; color: var(--broto); }
.contato__lead { margin-top: var(--e-5); font-size: var(--t-md); max-width: 34ch; color: rgb(254 254 254 / .85); }
.canais { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e-3); margin-top: var(--e-6); }
.canal { display: grid; grid-template-columns: 48px 1fr; gap: var(--e-4); align-items: start; padding: var(--e-5) var(--e-4); border: 1px solid rgb(168 207 69 / .22); border-radius: var(--r-bloco); background: rgb(29 43 30 / .55); backdrop-filter: blur(8px); }
.canal__icone { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: var(--folha); color: var(--branco); box-shadow: 0 0 0 4px rgb(57 123 53 / .25); flex: none; }
.canal__icone svg { width: 22px; height: 22px; }
.canal span { display: block; font-size: var(--t-xs); font-weight: 600; color: var(--branco); }
.canal a { color: var(--broto); font-weight: 700; font-size: clamp(1rem, .9rem + .25vw, 1.1rem); text-decoration: none; overflow-wrap: anywhere; }
.canal a:hover { text-decoration: underline; }
.canal small { display: block; margin-top: .3em; font-size: var(--t-xs); color: rgb(254 254 254 / .65); }
.canal p { color: var(--branco); font-weight: 650; margin-top: .3em; }
.canal .canal__mapa { display: inline-flex; gap: .4em; align-items: center; margin-top: var(--e-2); font-size: var(--t-sm); }
.canal__mapa svg { width: 16px; height: 16px; }
.contato__form { background: var(--branco); color: var(--grafite); padding: clamp(1.5rem, 1rem + 2vw, 2.25rem); border-radius: var(--r-midia); box-shadow: var(--sombra-elevada); }
.contato__form :is(h2, h3) { color: var(--mata); }
.contato__form .suave { margin-bottom: var(--e-4); }
.contato__form .btn { width: 100%; justify-content: center; }
.contato-brasil { padding: var(--e-8) 0 var(--e-7); background: var(--nevoa); position: relative; z-index: 1; }
.contato-brasil__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: var(--e-4); max-width: 1460px; margin-inline: auto; padding-inline: var(--margem); }
.contato-brasil__sede { position: relative; margin: 0; border-radius: var(--r-midia); overflow: hidden; min-height: 460px; }
.contato-brasil__sede img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.contato-brasil__sede figcaption { position: absolute; left: var(--e-4); bottom: var(--e-4); display: flex; gap: var(--e-3); align-items: center; padding: var(--e-2) var(--e-4) var(--e-2) var(--e-2); border-radius: var(--r-pilula); background: rgb(29 43 30 / .78); backdrop-filter: blur(6px); color: rgb(254 254 254 / .8); font-size: var(--t-xs); }
.contato-brasil__sede figcaption strong { display: block; color: var(--branco); }
.contato-brasil__sede .canal__icone { width: 38px; height: 38px; box-shadow: none; }
.contato-brasil__sede .canal__icone svg { width: 18px; height: 18px; }
.contato-brasil__painel { position: relative; display: flex; align-items: center; padding: clamp(1.5rem, 1rem + 1.5vw, 2rem) clamp(1.5rem, 1rem + 2vw, 2.5rem); border-radius: var(--r-midia); background: var(--nevoa); }
.contato-brasil__texto { position: relative; z-index: 1; max-width: 50%; }
.contato-brasil__texto h2 { font-size: clamp(1.6rem, 1.2rem + 1vw, 2rem); line-height: 1.12; color: var(--grafite); font-weight: 800; }
.contato-brasil__texto h2 em { font-style: normal; color: var(--folha); display: block; }
.contato-brasil__texto p { margin-top: var(--e-3); color: var(--texto-suave); font-size: var(--t-sm); max-width: 300px; }
.contato-brasil__selos { list-style: none; display: grid; grid-template-columns: repeat(3, 118px); gap: var(--e-2); margin-top: var(--e-4); padding: 0; }
.contato-brasil__selos li { display: grid; justify-items: center; align-content: center; gap: var(--e-2); text-align: center; padding: var(--e-3) var(--e-2); background: var(--branco); border-radius: var(--r-bloco); font-size: .72rem; line-height: 1.3; font-weight: 650; color: var(--mata); box-shadow: 0 6px 18px -14px rgb(29 43 30 / .5); min-width: 0; }
.contato-brasil__selos svg { width: 24px; height: 24px; color: var(--folha); }
.contato-brasil__mapa { position: absolute; right: -6%; top: 50%; transform: translateY(-50%); width: 62%; height: auto; max-width: none; pointer-events: none; filter: drop-shadow(0 18px 30px rgb(29 43 30 / .18)); }
@media (max-width: 1100px) {
.contato-brasil__mapa { position: static; display: block; height: auto; width: 100%; max-width: 440px; margin: var(--e-4) auto 0; }
.contato-brasil__texto { max-width: none; }
}
@media (max-width: 860px) {
.contato, .contato-brasil__grade { grid-template-columns: 1fr; }
.contato-hero::before { background: linear-gradient(180deg, rgb(29 43 30 / .78), rgb(29 43 30 / .94)); }
}
@media (max-width: 560px) { .canais, .contato-brasil__selos { grid-template-columns: 1fr; } }
.galeria { display: grid; grid-template-columns: 2fr 1fr 1fr; grid-template-rows: auto auto; gap: var(--e-3); }
.galeria figure { margin: 0; position: relative; border-radius: var(--r-bloco); overflow: hidden; background: var(--nevoa); }
.galeria figure:first-child { grid-row: span 2; }
.galeria img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4 / 3; }
.galeria figure:first-child img { aspect-ratio: auto; min-height: 100%; }
.galeria figcaption { position: absolute; left: var(--e-3); bottom: var(--e-3); padding: .3em .7em; border-radius: var(--r-pilula); background: rgb(29 43 30 / .78); color: var(--branco); font-size: var(--t-xs); font-weight: 650; }
@media (max-width: 720px) { .galeria { grid-template-columns: 1fr 1fr; } .galeria figure:first-child { grid-column: 1 / -1; grid-row: auto; } }
.cepas { display: flex; flex-wrap: wrap; gap: var(--e-2); list-style: none; }
.cepas li { padding: .4em .85em; border-radius: var(--r-pilula); border: 1px solid var(--linha-escura); font-style: italic; font-size: var(--t-sm); color: rgb(254 254 254 / .88); }
.divisoes { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-4); }
.divisao { padding: var(--e-5); border-radius: var(--r-bloco); background: var(--branco); border: 1px solid var(--linha); border-top: 4px solid var(--cor, var(--folha)); }
.divisao--verde { --cor: var(--div-bioinsumos); }
.divisao--azul { --cor: var(--div-laboratorio); }
.divisao--cinza { --cor: var(--div-reatores); }
.divisao h3 { margin-bottom: var(--e-2); }
.divisao p { font-size: var(--t-sm); }
@media (max-width: 820px) { .divisoes { grid-template-columns: 1fr; } }
.catalogo { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--e-7); align-items: start; }
.filtros { position: sticky; top: 96px; display: grid; gap: var(--e-5); }
.filtros fieldset { border: 0; padding: 0; margin: 0; display: grid; gap: var(--e-2); }
.filtros legend { font-weight: 700; color: var(--mata); font-size: var(--t-sm); margin-bottom: var(--e-2); }
.filtros label { display: flex; gap: var(--e-2); align-items: center; font-size: var(--t-sm); cursor: pointer; padding: .2em 0; }
.filtros input { accent-color: var(--folha); width: 17px; height: 17px; }
.filtros select { width: 100%; min-height: 44px; padding: .5em .7em; border: 1.5px solid var(--linha); border-radius: var(--r-controle); background: var(--branco); }
.catalogo__topo { display: flex; justify-content: space-between; align-items: center; gap: var(--e-4); margin-bottom: var(--e-5); flex-wrap: wrap; }
.catalogo__conta { font-weight: 700; color: var(--mata); }
.catalogo__vazio { padding: var(--e-7); text-align: center; border: 1px dashed var(--linha); border-radius: var(--r-bloco); }
.filtros__abrir { display: none; }
@media (max-width: 900px) {
.catalogo { grid-template-columns: 1fr; gap: var(--e-5); }
.filtros { position: static; display: none; padding: var(--e-4); border: 1px solid var(--linha); border-radius: var(--r-bloco); }
.filtros.aberto { display: grid; }
.filtros__abrir { display: inline-flex; }
}
.chamada { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--r-midia); padding: clamp(2rem, 1rem + 4vw, 4rem); background: var(--mata); color: rgb(254 254 254 / .82); }
.chamada h2 { color: var(--branco); max-width: 30rem; }
.chamada p { max-width: 34rem; margin-top: var(--e-4); }
.chamada .acoes { margin-top: var(--e-5); }
.chamada canvas { position: absolute; inset: 0; z-index: -1; width: 100%; height: 100%; opacity: .55; }
.rodape { background: var(--solo); color: rgb(254 254 254 / .7); padding-block: var(--e-8) var(--e-6); font-size: var(--t-sm); }
.rodape__grade { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: var(--e-6); }
.rodape img { height: 64px; width: auto; }
.rodape h2 { font-size: var(--t-sm); color: var(--branco); font-weight: 700; letter-spacing: 0; margin-bottom: var(--e-3); }
.rodape ul { display: grid; gap: var(--e-2); list-style: none; }
.rodape a { color: rgb(254 254 254 / .78); text-decoration: none; }
.rodape a:hover { color: var(--broto); text-decoration: underline; }
.rodape__base { margin-top: var(--e-7); padding-top: var(--e-5); border-top: 1px solid var(--linha-escura); display: flex; flex-wrap: wrap; gap: var(--e-3) var(--e-6); justify-content: space-between; font-size: var(--t-xs); }
@media (max-width: 860px) { .rodape__grade { grid-template-columns: 1fr 1fr; } .rodape__grade > :first-child { grid-column: 1 / -1; } }
.zap-flutuante {
position: fixed; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 40;
width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center;
background: var(--folha); color: var(--branco); box-shadow: 0 12px 28px -10px rgb(0 0 0 / .45);
}
.zap-flutuante:hover { background: var(--folha-escura); color: var(--branco); }
.zap-flutuante svg { width: 28px; height: 28px; }
.aviso {
position: fixed; left: max(16px, env(safe-area-inset-left)); bottom: max(16px, env(safe-area-inset-bottom)); z-index: 45;
max-width: 380px; padding: var(--e-4) var(--e-5); border-radius: var(--r-bloco);
background: var(--branco); border: 1px solid var(--linha); box-shadow: var(--sombra-elevada);
font-size: var(--t-xs); display: grid; gap: var(--e-3);
}
.aviso[hidden] { display: none; }
.aviso .btn { min-height: 38px; justify-self: start; }
@media (max-width: 560px) { .aviso { right: 88px; } }
.orgaos { display: flex; flex-wrap: wrap; gap: var(--e-2) var(--e-5); list-style: none; font-weight: 700; color: var(--mata); }
.faq { display: grid; border-top: 1px solid var(--linha); }
.faq details { border-bottom: 1px solid var(--linha); }
.faq summary { list-style: none; cursor: pointer; padding: var(--e-4) 2.5rem var(--e-4) 0; position: relative; font-weight: 700; color: var(--mata); }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: ""; position: absolute; right: .5rem; top: 50%; width: .55em; height: .55em; border: solid var(--folha); border-width: 0 2px 2px 0; transform: translateY(-70%) rotate(45deg); transition: transform var(--duracao); }
.faq details[open] summary::after { transform: translateY(-20%) rotate(-135deg); }
.faq details p { padding-bottom: var(--e-5); color: var(--texto-suave); }
.texto-longo h2 { font-size: var(--t-lg); margin: var(--e-6) 0 var(--e-3); }
.titulo-form { font-size: var(--t-lg); }
.topo.rolou { box-shadow: 0 8px 24px -18px rgb(29 43 30 / .5); }
.pedido-docs summary { list-style: none; }
.pedido-docs summary::-webkit-details-marker { display: none; }
@media (min-width: 1281px) {
.topo__nav { display: flex; align-items: center; margin-left: auto; gap: var(--e-2); }
}
.contato__form .campo label { color: var(--mata); }
@media (min-width: 900px) {
.hero:not(.hero--pagina) .hero__midia { left: 22%; }
}
.ficha__info .registro, .divisao .registro { justify-self: start; }
.menu__link { white-space: nowrap; }
.sub { display: block; font-weight: 450; font-size: var(--t-xs); color: var(--texto-suave); text-wrap: balance; }
.documento span, .equivalencia strong { display: block; text-wrap: balance; }
@media (max-width: 680px) { .tabela thead { display: none; } .hero__texto { font-size: var(--t-base); } }
.inteira { white-space: nowrap; }
@media (max-width: 860px) {
.bloco-duplo, .ficha, .contato, .calc { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 560px) {
.btn { white-space: normal; text-align: center; text-wrap: balance; }
}
.rodape a { overflow-wrap: anywhere; }
@media (max-width: 600px) { .rodape__grade { grid-template-columns: 1fr; gap: var(--e-5); } }
@media (max-width: 400px) {
.topo__barra { gap: var(--e-3); }
.topo__logo img { height: 30px; }
.topo__abrir { padding: 0 .8em; }
}
.barra__topo { flex-wrap: wrap; }
@media (max-width: 560px) {
.grade-produtos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e-5) var(--e-3); }
.produto__nome { font-size: var(--t-base); }
.produto__micro { font-size: var(--t-xs); }
.problema { min-height: 170px; padding: var(--e-3); }
.problema strong { font-size: var(--t-base); }
}
.registro .dado { white-space: nowrap; }
.produto__micro, .produto__nome { overflow-wrap: anywhere; }
@media (min-width: 1281px) and (max-width: 1360px) {
.menu__link { padding-inline: .5em; font-size: .875rem; }
.topo__barra { gap: var(--e-3); }
.topo__logo img { height: 34px; }
}
@media (max-width: 359px) { .grade-produtos { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 900px) {
.hero:not(.hero--pagina) .hero__midia { -webkit-mask-image: linear-gradient(90deg, transparent, #000 22%); mask-image: linear-gradient(90deg, transparent, #000 22%); }
}
.placa:not(.placa--kit) img { mix-blend-mode: multiply; }
@media (min-width: 1281px) { .painel { left: 0; translate: none; } }
.canal span.canal__icone { display: grid; place-items: center; font-size: inherit; color: var(--broto); }
.chamada__fundo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.chamada::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(29 43 30 / .94) 0%, rgb(29 43 30 / .8) 50%, rgb(29 43 30 / .35) 100%); }
.chamada .btn--linha { color: var(--branco); }
.chamada .btn--linha:hover { background: var(--branco); color: var(--mata); }
.filtros input[type="search"] { width: 100%; min-height: 44px; padding: .5em .7em; border: 1.5px solid var(--linha); border-radius: var(--r-controle); background: var(--branco); }
.busca { margin-top: var(--e-3); max-width: 42rem; display: grid; gap: var(--e-3); }
.busca__form {
position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--e-2);
padding: .4rem .4rem .4rem 1.1rem; border-radius: var(--r-pilula);
background: var(--branco); box-shadow: 0 20px 50px -20px rgb(0 0 0 / .55);
}
.busca__form:focus-within { box-shadow: 0 0 0 3px var(--broto), 0 20px 50px -20px rgb(0 0 0 / .55); }
.busca__lupa { width: 22px; height: 22px; color: var(--folha); }
.busca__form input { border: 0; background: transparent; min-height: 48px; font-size: var(--t-base); color: var(--grafite); width: 100%; outline: none; }
.busca__form input::placeholder { color: var(--texto-suave); }
.busca__form input:focus-visible { box-shadow: none; }
.busca__form .btn { min-height: 48px; }
.busca__sugestoes {
position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 30; list-style: none;
background: var(--branco); border-radius: var(--r-bloco); box-shadow: var(--sombra-elevada); padding: var(--e-2); color: var(--grafite);
max-height: 60vh; overflow-y: auto;
}
.busca__sugestoes a { display: grid; gap: 2px; padding: .6em .8em; border-radius: var(--r-controle); text-decoration: none; color: var(--mata); }
.busca__sugestoes a:hover, .busca__sugestoes a.ativo { background: var(--nevoa); }
.busca__sugestoes strong { font-size: var(--t-sm); }
.busca__sugestoes span { font-size: var(--t-xs); color: var(--texto-suave); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.busca__todos a { color: var(--folha); font-weight: 700; font-size: var(--t-sm); border-top: 1px solid var(--linha); border-radius: 0; margin-top: var(--e-1); }
.busca__nada { padding: .8em; font-size: var(--t-sm); color: var(--texto-suave); }
.busca__atalhos { display: flex; flex-wrap: wrap; gap: var(--e-2); align-items: center; font-size: var(--t-sm); }
.busca__atalhos span { color: rgb(254 254 254 / .75); margin-right: var(--e-1); }
.busca__atalhos a { padding: .3em .85em; border-radius: var(--r-pilula); border: 1px solid rgb(254 254 254 / .35); color: var(--branco); text-decoration: none; font-weight: 600; }
.busca__atalhos a:hover { background: var(--branco); color: var(--mata); }
@media (max-width: 560px) {
.busca__form { grid-template-columns: auto 1fr; border-radius: var(--r-bloco); padding: .4rem .4rem .4rem .9rem; }
.busca__form .btn { grid-column: 1 / -1; }
}
.hero:not(.hero--pagina) { overflow: visible; z-index: 2; }
.hero:not(.hero--pagina) .hero__midia { overflow: hidden; }
.hero:not(.hero--pagina) h1 { font-size: clamp(2.3rem, 1.4rem + 3.4vw, 4rem); }
.hero:not(.hero--pagina) .hero__conteudo { padding-block: clamp(3rem, 1.5rem + 5vw, 5.5rem) clamp(2.5rem, 1.5rem + 3vw, 4rem); gap: var(--e-4); }
.produto__ver { margin-top: var(--e-1); }
.produto:hover .produto__ver::after { transform: translateX(3px) rotate(45deg); }
.placa--frasco img { width: 92%; height: 92%; }
.busca__form {
background: rgb(254 254 254 / .12);
-webkit-backdrop-filter: blur(14px) saturate(1.3); backdrop-filter: blur(14px) saturate(1.3);
border: 1px solid rgb(254 254 254 / .55);
box-shadow: 0 18px 40px -24px rgb(0 0 0 / .6);
}
.busca__form:focus-within { border-color: var(--broto); box-shadow: 0 0 0 2px rgb(168 207 69 / .45), 0 18px 40px -24px rgb(0 0 0 / .6); }
.busca__lupa { color: var(--branco); }
.busca__form input { color: var(--branco); }
.busca__form input::placeholder { color: rgb(254 254 254 / .82); }
.busca__form input::-webkit-search-cancel-button { filter: invert(1); }
.busca__form .btn { background: var(--broto); color: var(--solo); }
.busca__form .btn:hover { background: #b9d65e; color: var(--solo); }
.opcoes { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: var(--e-3); }
.opcoes--cultura { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.opcao { position: relative; display: grid; grid-template-rows: auto 1fr; border: 2px solid var(--linha); border-radius: var(--r-bloco); overflow: hidden; cursor: pointer; background: var(--branco); transition: border-color var(--duracao), box-shadow var(--duracao); }
.opcao[hidden] { display: none; }
.opcao:hover { border-color: var(--cinza); }
.opcao input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.opcao img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; }
.opcao span { padding: var(--e-2) var(--e-3) var(--e-3); font-weight: 700; color: var(--mata); line-height: 1.3; }
.opcao small { display: block; margin-top: 2px; font-weight: 400; font-size: var(--t-xs); color: var(--texto-suave); }
.opcao:has(input:focus-visible) { box-shadow: 0 0 0 3px rgb(57 123 53 / .45); }
.opcao:has(input:checked) { border-color: var(--folha); box-shadow: 0 0 0 3px rgb(57 123 53 / .2); }
.opcao:has(input:checked)::after { content: "✓"; position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--folha); color: var(--branco); font-weight: 800; }
.caixa { border: 0; padding: var(--e-6); width: min(30rem, calc(100% - 32px)); border-radius: var(--r-midia); background: var(--branco); box-shadow: var(--sombra-elevada); color: var(--grafite); }
.caixa::backdrop { background: rgb(29 43 30 / .6); }
.caixa .form { position: relative; }
.caixa__fechar { position: absolute; top: -12px; right: -12px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: transparent; font-size: 28px; line-height: 1; color: var(--texto-suave); cursor: pointer; }
.caixa__fechar:hover { background: var(--nevoa); color: var(--mata); }
.caixa .titulo-form { padding-right: var(--e-6); }
.cx { display: grid; gap: var(--e-5); padding: var(--e-6); border: 1px solid var(--linha); border-radius: var(--r-midia); background: var(--branco); box-shadow: 0 24px 60px -40px rgb(29 43 30 / .35); scroll-margin-top: 110px; }
.cx[hidden], .cr[hidden], .cx__etapa[hidden], .cr [hidden] { display: none; }
.cx__topo { display: grid; gap: var(--e-2); }
.cx__passo { margin: 0; font-size: var(--t-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--folha); }
.cx__barra { height: 6px; border-radius: 99px; background: var(--nevoa); overflow: hidden; }
.cx__barra span { display: block; height: 100%; width: 33%; border-radius: inherit; background: linear-gradient(90deg, var(--folha), var(--broto)); transition: width .45s cubic-bezier(.2, .7, .2, 1); }
.cx__etapa { border: 0; padding: 0; margin: 0; display: grid; gap: var(--e-4); min-width: 0; animation: cx-entra .35s ease both; }
@keyframes cx-entra { from { opacity: 0; transform: translateY(10px); } }
.cx__etapa legend { padding: 0; margin-bottom: var(--e-4); font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 800; line-height: 1.15; color: var(--mata); text-wrap: balance; }
.cx__dica { margin: calc(var(--e-3) * -1) 0 0; color: var(--texto-suave); }
.cx__nav { display: flex; flex-wrap: wrap; gap: var(--e-3); align-items: center; padding-top: var(--e-3); border-top: 1px solid var(--linha); }
.cx__nav .btn--folha { margin-left: auto; }
.cx__area { display: flex; flex-wrap: wrap; gap: var(--e-4); align-items: end; }
.cx__area .campo { margin: 0; }
.cx__campo-ha { display: flex; align-items: center; gap: var(--e-2); }
.cx__campo-ha input { width: 11rem; font-size: var(--t-lg); font-family: var(--fonte-dado); }
.cx__campo-ha span { font-weight: 700; color: var(--mata); }
.cx__rotulo { margin: 0 0 var(--e-2); font-weight: 700; color: var(--mata); }
.cx__chips { display: flex; flex-wrap: wrap; gap: var(--e-2); }
.cx-chip { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 0 1.1em; border: 1.5px solid var(--linha); border-radius: var(--r-pilula); background: var(--branco); color: var(--mata); font: inherit; font-weight: 650; font-size: var(--t-sm); cursor: pointer; transition: border-color var(--duracao), background-color var(--duracao), color var(--duracao); }
.cx-chip:hover { border-color: var(--folha); }
.cx-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.cx-chip:has(input:checked) { background: var(--folha); border-color: var(--folha); color: var(--branco); }
.cx-chip:has(input:focus-visible), .cx-chip:focus-visible { box-shadow: 0 0 0 3px rgb(57 123 53 / .4); outline: none; }
@media (max-width: 560px) {
.cx { padding: var(--e-5) var(--e-4); }
.opcoes, .opcoes--cultura { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cx__nav .btn--folha { flex: 1; }
}
.cr { display: grid; gap: var(--e-5); padding: var(--e-5); border-radius: var(--r-midia); background: var(--solo); color: rgb(254 254 254 / .82); scroll-margin-top: 96px; }
.cr:focus { outline: none; }
.cr h3 { margin: 0; font-size: var(--t-lg); color: var(--branco); }
.cr__capa { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--e-6); align-items: end; padding: var(--e-7) var(--e-6) var(--e-6); border-radius: var(--r-bloco); background: linear-gradient(90deg, rgb(8 20 10 / .92) 0%, rgb(8 20 10 / .7) 50%, rgb(8 20 10 / .35)), url("/assets/img/resultado-fundo.webp") right center / cover no-repeat; }
.cr__capa > :not(.cr__comparacao) { grid-column: 1; }
.cr__comparacao { grid-column: 2; grid-row: 1 / span 4; align-self: end; }
.cr__obrigado { margin: 0; justify-self: start; padding: .55em 1em; border-radius: var(--r-controle); background: rgb(168 207 69 / .14); border: 1px solid rgb(168 207 69 / .45); color: var(--branco); font-size: var(--t-sm); font-weight: 600; max-width: 52ch; }
.cr__resumo { margin: var(--e-3) 0 0; font-size: var(--t-sm); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--broto); }
.cr__titulo { margin: var(--e-1) 0 0; font-size: clamp(2rem, 4.4vw, 3.4rem); font-weight: 800; line-height: 1.05; letter-spacing: -.01em; color: var(--branco); text-wrap: balance; }
.cr__titulo em { font-style: normal; color: var(--broto); }
.cr__lead { margin: var(--e-2) 0 0; color: rgb(254 254 254 / .85); max-width: 40ch; }
.cr__comparacao { display: grid; gap: var(--e-4); padding: var(--e-5); border-radius: var(--r-bloco); background: rgb(10 22 12 / .6); border: 1px solid rgb(254 254 254 / .14); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.cr__barra-topo { display: flex; justify-content: space-between; gap: var(--e-3); margin-bottom: var(--e-2); font-size: var(--t-sm); }
.cr__barra-topo strong { font-family: var(--fonte-dado); color: var(--branco); font-size: var(--t-base); }
.cr__trilho { height: 14px; border-radius: 99px; background: rgb(254 254 254 / .08); overflow: hidden; }
.cr__trilho i { display: block; height: 100%; border-radius: inherit; background: rgb(254 254 254 / .4); transition: width 1.1s cubic-bezier(.2, .7, .2, 1); }
.cr__barra--fazenda .cr__trilho i { background: linear-gradient(90deg, var(--folha), var(--broto)); box-shadow: 0 0 16px rgb(168 207 69 / .45); }
.cr__barra--fazenda .cr__barra-topo strong { color: var(--broto); }
.cr__legenda { margin: 0; font-size: var(--t-xs); color: rgb(254 254 254 / .6); }
.cr__safra, .cr__bloco { display: grid; gap: var(--e-4); padding: var(--e-5); border-radius: var(--r-bloco); background: rgb(254 254 254 / .04); border: 1px solid rgb(254 254 254 / .1); }
.cr__safra-topo { display: flex; flex-wrap: wrap; gap: var(--e-3); align-items: center; justify-content: space-between; }
.cr__ajuste { display: flex; align-items: center; gap: var(--e-3); font-size: var(--t-sm); }
.cr__passador { display: inline-flex; align-items: center; border: 1px solid rgb(254 254 254 / .25); border-radius: var(--r-pilula); overflow: hidden; }
.cr__passador button { width: 44px; height: 44px; border: 0; background: transparent; color: var(--branco); font-size: 1.3rem; cursor: pointer; }
.cr__passador button:hover:not(:disabled) { background: rgb(254 254 254 / .1); }
.cr__passador button:disabled { opacity: .3; cursor: default; }
.cr__passador output { min-width: 2.2em; text-align: center; font-family: var(--fonte-dado); font-weight: 700; color: var(--branco); }
.cr__numeros { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-3); }
.cr__numero { display: grid; gap: var(--e-1); align-content: start; padding: var(--e-4); border-radius: var(--r-controle); background: rgb(210 174 109 / .08); border: 1px solid rgb(210 174 109 / .3); }
.cr__numero strong { font-size: clamp(1.7rem, 3.2vw, 2.4rem); font-weight: 800; line-height: 1.05; color: var(--palha); }
.cr__numero span { font-size: var(--t-sm); }
.cr__nota { margin: 0; font-size: var(--t-sm); color: rgb(254 254 254 / .6); }
.cr__itens { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--e-3); }
.cr__item { display: grid; gap: var(--e-3); align-content: start; padding: var(--e-4); border-radius: var(--r-controle); background: rgb(254 254 254 / .05); border: 1px solid rgb(254 254 254 / .12); }
.cr__item h4 { margin: 0; font-size: var(--t-base); color: var(--branco); }
.cr__item-topo { display: flex; gap: var(--e-3); align-items: start; justify-content: space-between; }
.cr__selo { flex: none; padding: .3em .75em; border-radius: var(--r-pilula); background: var(--broto); color: var(--solo); font-size: var(--t-xs); font-weight: 800; white-space: nowrap; }
.cr__troca { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: var(--e-3); align-items: start; }
.cr__seta { align-self: center; color: var(--broto); font-size: 1.4rem; }
.cr__de { margin: 0; font-size: var(--t-xs); color: rgb(254 254 254 / .55); }
.cr__produto { color: var(--branco); font-weight: 700; text-decoration: underline; text-decoration-color: rgb(254 254 254 / .3); text-underline-offset: 3px; }
.cr__produto:hover { text-decoration-color: var(--broto); color: var(--branco); }
.cr__kits { margin: 0; color: var(--broto); font-weight: 700; }
.cr__vol { margin: var(--e-1) 0 0; font-family: var(--fonte-dado); font-size: var(--t-sm); color: rgb(254 254 254 / .75); }
.cr__item-nota { margin: 0; font-size: var(--t-sm); color: rgb(254 254 254 / .7); }
.cr__passos ol { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-4); counter-reset: passo; }
.cr__passos li { display: grid; gap: var(--e-1); counter-increment: passo; }
.cr__passos li::before { content: counter(passo, decimal-leading-zero); font-family: var(--fonte-dado); font-weight: 700; color: var(--broto); }
.cr__passos li strong { color: var(--branco); }
.cr__passos li span { font-size: var(--t-sm); }
.cr__passos .acoes { padding-top: var(--e-2); }
.cr__aviso { margin: 0; padding: 0 var(--e-2); font-size: var(--t-xs); color: rgb(254 254 254 / .5); }
@media (max-width: 900px) {
.cr__capa { grid-template-columns: 1fr; padding: var(--e-6) var(--e-4) var(--e-4); background: linear-gradient(180deg, rgb(8 20 10 / .55), rgb(8 20 10 / .92) 45%), url("/assets/img/resultado-fundo-m.webp") right top / cover no-repeat; }
.cr__comparacao { grid-column: 1; grid-row: auto; margin-top: var(--e-3); }
.cr__numeros, .cr__passos ol { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
.cr { padding: var(--e-3); gap: var(--e-3); margin-inline: calc(var(--e-3) * -1); }
.cr__safra, .cr__bloco { padding: var(--e-4); }
.cr__itens { grid-template-columns: 1fr; }
.cr__troca { grid-template-columns: 1fr; }
.cr__seta { transform: rotate(90deg); justify-self: start; }
.cr .acoes .btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .cx__etapa { animation: none; } .cr__trilho i, .cx__barra span { transition: none; } }
.calc { position: relative; isolation: isolate; color: rgb(254 254 254 / .85); background: var(--solo) url("/assets/img/calc-fundo.webp") center / cover no-repeat; border: 1px solid rgb(168 207 69 / .18); box-shadow: 0 30px 60px -30px rgb(0 0 0 / .6); }
.calc::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(10 22 12 / .55), rgb(10 22 12 / .2) 55%, rgb(10 22 12 / 0)); }
.calc__entrada { background: transparent; padding: var(--e-7) var(--e-6); }
.calc__selo { justify-self: start; display: inline-flex; align-items: center; gap: .5em; padding: .45em 1em; border-radius: var(--r-pilula); border: 1px solid rgb(168 207 69 / .4); background: rgb(168 207 69 / .08); color: var(--broto); font-size: var(--t-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.calc__selo::before { content: "🌱"; filter: grayscale(1) brightness(2) sepia(1) hue-rotate(40deg) saturate(4); }
.calc__titulo { font-family: var(--fonte-titulo, inherit); font-weight: 800; font-size: clamp(1.7rem, 3vw, 2.5rem); line-height: 1.08; color: var(--branco); margin: 0; }
.calc__titulo span { display: block; color: var(--broto); }
.calc__entrada label { color: var(--branco); font-weight: 650; }
.calc__entrada select, .calc__entrada input { background: rgb(8 18 10 / .55); color: var(--branco); border: 1px solid rgb(254 254 254 / .14); }
.calc__entrada select option { color: #111; }
.calc__entrada small { color: rgb(254 254 254 / .6); }
.calc .calc__resultado, .calc-vitrine .calc__resultado { margin: var(--e-6); padding: var(--e-6); border-radius: var(--r-midia); background: rgb(12 26 14 / .62); border: 1px solid rgb(168 207 69 / .28); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
.calc__cabeca h3 { margin: 0; }
.calc__cabeca p { margin: .25em 0 0; font-size: var(--t-sm); color: rgb(254 254 254 / .65); }
.calc .barra__trilho, .calc-vitrine .barra__trilho { height: 12px; background: rgb(254 254 254 / .1); }
.calc .barra--onfarm .barra__cheio, .calc-vitrine .barra--onfarm .barra__cheio { background: linear-gradient(90deg, var(--folha), var(--broto)); box-shadow: 0 0 14px rgb(168 207 69 / .45); }
.calc .economia, .calc-vitrine .economia { background: linear-gradient(135deg, rgb(210 174 109 / .22), rgb(120 90 30 / .12)); border: 1px solid rgb(210 174 109 / .55); box-shadow: inset 0 0 40px rgb(210 174 109 / .08), 0 0 30px -10px rgb(210 174 109 / .4); }
.calc .economia__valor, .calc-vitrine .economia__valor { font-family: var(--fonte-titulo, inherit); font-weight: 800; font-size: clamp(2rem, 4vw, 3rem); color: var(--palha); }
.calc__selos { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--e-3) var(--e-5); font-size: var(--t-xs); color: rgb(254 254 254 / .75); }
.calc__selos li { display: flex; align-items: center; gap: .5em; }
.calc__selos li::before { content: ""; width: 1.6em; height: 1.6em; border-radius: 50%; border: 1.5px solid var(--broto); background: radial-gradient(circle, var(--broto) 0 22%, transparent 24%); flex: none; }
@media (max-width: 860px) { .calc { background-image: url("/assets/img/calc-fundo-m.webp"); background-position: right bottom; } .calc__resultado { margin: 0 var(--e-4) var(--e-4); } .calc__entrada { padding: var(--e-6) var(--e-4); } }
.calc-vitrine { position: relative; isolation: isolate; background: var(--solo) url("/assets/img/calc-fundo.webp") center / cover no-repeat; }
.calc-vitrine::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(10 22 12 / .6), rgb(10 22 12 / .15) 60%, rgb(10 22 12 / 0)); }
.calc-vitrine .bloco-duplo { align-items: center; }
.calc-vitrine__texto { display: grid; gap: var(--e-4); justify-items: start; }
.calc-vitrine__lead { margin: 0; font-size: var(--t-lg); color: rgb(254 254 254 / .8); max-width: 34ch; }
.calc-vitrine .calc__resultado { margin: 0; }
@media (max-width: 860px) { .calc-vitrine { background-image: url("/assets/img/calc-fundo-m.webp"); background-position: right bottom; } }
.btn--linha-clara { background: transparent; color: var(--branco); border: 1px solid rgb(254 254 254 / .35); }
.btn--linha-clara:hover { background: rgb(254 254 254 / .08); }
.calc__selos li { gap: .7em; }
.calc__selos li::before { width: 2.6em; height: 2.6em; border: 0; border-radius: 0; background: center / contain no-repeat; }
.calc__selos li:nth-child(1)::before { background-image: url("/assets/img/icones/moedas.svg"); }
.calc__selos li:nth-child(2)::before { background-image: url("/assets/img/icones/folha.svg"); }
.calc__selos li:nth-child(3)::before { background-image: url("/assets/img/icones/grafico.svg"); }
.calc__selo::before { content: ""; width: 1.4em; height: 1.4em; filter: none; background: url("/assets/img/icones/broto.svg") center / contain no-repeat; }
.calc__selos li::before { width: 3.2rem; height: 3.2rem; }
.abertura { position: fixed; inset: 0; z-index: 9999; overflow: hidden; isolation: isolate; background: #0a160c; color: var(--branco); cursor: pointer; transition: opacity 1s ease, visibility 1s; }
.ab-cena { position: absolute; inset: -4%; z-index: -3; background: 70% center / cover no-repeat; animation: ab-zoom 6s ease-out both; transition: transform 1.1s ease; }
@keyframes ab-zoom { from { transform: scale(1.12); } to { transform: scale(1.02); } }
.abertura::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgb(6 16 8 / .86) 0%, rgb(6 16 8 / .55) 42%, rgb(6 16 8 / .1) 75%), linear-gradient(0deg, rgb(6 16 8 / .7), transparent 35%); }
.ab-luz { position: absolute; inset: -20%; z-index: -1; pointer-events: none; background: radial-gradient(40% 35% at 70% 10%, rgb(255 205 110 / .38), transparent 70%), conic-gradient(from 200deg at 78% 0%, transparent 0deg, rgb(255 214 130 / .1) 12deg, transparent 22deg, rgb(255 214 130 / .08) 34deg, transparent 46deg); mix-blend-mode: screen; }
.ab-esporos { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.ab-texto { position: relative; height: 100%; display: grid; align-content: center; gap: var(--e-4); }
.ab-texto > * { max-width: 34rem; animation: ab-entra .9s ease both; }
.ab-texto > :nth-child(2) { animation-delay: .15s; }
.ab-texto > :nth-child(3) { animation-delay: .3s; }
@keyframes ab-entra { from { opacity: 0; transform: translateY(18px); } }
.ab-logo { width: 220px; height: auto; margin-bottom: var(--e-3); }
.ab-texto .ab-titulo { font-weight: 800; color: var(--branco); font-size: clamp(2.2rem, 1.2rem + 3.6vw, 4.2rem); line-height: 1.02; letter-spacing: -.02em; text-shadow: 0 4px 30px rgb(0 0 0 / .4); }
.ab-texto p { font-size: var(--t-md); color: rgb(254 254 254 / .86); line-height: 1.5; }
.ab-dica { position: absolute; left: 50%; bottom: 28px; translate: -50% 0; margin: 0; font-size: var(--t-xs); letter-spacing: .18em; text-transform: uppercase; color: rgb(254 254 254 / .75); animation: ab-entra .9s .6s ease both; }
.ab-dica::after { content: ""; display: block; width: 1px; height: 34px; margin: 10px auto 0; background: linear-gradient(var(--broto), transparent); animation: ab-desce 1.6s ease-in-out infinite; }
@keyframes ab-desce { 0% { transform: scaleY(0); transform-origin: top; } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }
.abertura.ab-sai { opacity: 0; visibility: hidden; }
.abertura.ab-sai .ab-cena { animation: none; transform: scale(1.15); }
.abertura.ab-sai .ab-texto { transition: transform 1s ease; transform: translateY(-30px); }
html.ab-presa { overflow: hidden; }
@media (max-width: 700px) {
.abertura::before { background: linear-gradient(180deg, rgb(6 16 8 / .2), rgb(6 16 8 / .9) 60%); }
.ab-texto { align-content: end; padding-bottom: 18vh; }
.ab-logo { width: 170px; }
.ab-cena { background-position: 94% 30%; }
}
@media (prefers-reduced-motion: reduce) { .ab-cena, .ab-texto > * { animation: none; } }
.campo :is(input,select,textarea):not([type=checkbox],[type=radio],[type=hidden]) { background-repeat:no-repeat; background-position:14px center; background-size:18px; padding-left:42px; }
.campo textarea { background-position:14px 14px; }
.campo [name=nome] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233c4a40%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M4%2021a8%208%200%200%201%2016%200%22/%3E%3C/svg%3E"); }
.campo [name=telefone] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233c4a40%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2016.9v3a2%202%200%200%201-2.2%202%2019.8%2019.8%200%200%201-8.6-3.1%2019.5%2019.5%200%200%201-6-6A19.8%2019.8%200%200%201%202.1%204.2%202%202%200%200%201%204.1%202h3a2%202%200%200%201%202%201.7c.1.9.4%201.8.7%202.7a2%202%200%200%201-.5%202.1L8%209.8a16%2016%200%200%200%206%206l1.3-1.3a2%202%200%200%201%202.1-.4c.9.3%201.8.6%202.7.7a2%202%200%200%201%201.7%202z%22/%3E%3C/svg%3E"); }
.campo [name=email] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233c4a40%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22m3%207%209%206%209-6%22/%3E%3C/svg%3E"); }
.campo [name=cidade] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233c4a40%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2010c0%206-8%2012-8%2012S4%2016%204%2010a8%208%200%200%201%2016%200z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22/%3E%3C/svg%3E"); }
.campo [name=mensagem] { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%233c4a40%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2015a2%202%200%200%201-2%202H8l-5%204V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202z%22/%3E%3Cpath%20d%3D%22M8%209h8M8%2013h5%22/%3E%3C/svg%3E"); }
.campo textarea[name=mensagem] { background-position: 14px 14px; }
.campo select[name=estado] { padding-left: .9em; }
.cat-hero { position: relative; isolation: isolate; overflow: hidden; background: #eef1e6; min-height: 300px; display: grid; }
.cat-hero__fundo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.cat-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(244 245 238 / .97) 0%, rgb(244 245 238 / .9) 38%, rgb(244 245 238 / 0) 72%); }
.cat-hero__conteudo { padding-block: var(--e-6) var(--e-7); display: grid; gap: var(--e-3); align-content: center; }
.cat-hero .trilha { margin-bottom: var(--e-2); color: var(--mata); }
.cat-hero .trilha li + li::before { content: "›"; }
.cat-hero h1 { font-size: clamp(2.2rem, 1.4rem + 2.8vw, 3.4rem); line-height: 1.05; letter-spacing: -.02em; }
.cat-hero h1 span { color: var(--folha); }
.cat-hero p { max-width: 34rem; color: var(--texto-suave); font-size: var(--t-md); }
.cat-hero__selos { position: absolute; right: var(--e-5); bottom: var(--e-4); display: flex; gap: var(--e-3); list-style: none; margin: 0; padding: 0; }
.cat-hero__selos li { display: flex; align-items: center; gap: .55em; padding: .35em 1em .35em .35em; border-radius: 999px; background: rgb(20 36 22 / .55); backdrop-filter: blur(6px); color: #fff; font-size: var(--t-xs); font-weight: 700; }
.cat-hero__selos span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid rgb(255 255 255 / .7); }
.cat-hero__selos svg { width: 16px; height: 16px; }
.cat-corpo { padding-top: var(--e-6); background: #fafaf6; }
.catalogo { grid-template-columns: 230px minmax(0, 1fr); gap: var(--e-5); }
.filtros { padding: var(--e-5) var(--e-4); background: var(--branco); border: 1px solid var(--linha); border-radius: var(--r-bloco); gap: var(--e-5); }
.filtros__busca { position: relative; display: block; }
.filtros__busca input[type="search"] { padding-right: 2.4em; }
.filtros__busca svg { position: absolute; right: .75em; top: 50%; translate: 0 -50%; width: 18px; height: 18px; color: var(--mata); pointer-events: none; }
.filtros__tipo label { position: relative; }
.filtros__tipo input { position: absolute; opacity: 0; }
.filtros__tipo .marca { flex: none; width: 20px; height: 20px; border: 1.5px solid var(--linha); border-radius: 5px; background: var(--branco); display: grid; place-items: center; }
.filtros__tipo input:checked + .marca { background: var(--folha); border-color: var(--folha); }
.filtros__tipo input:checked + .marca::after { content: ""; width: 9px; height: 5px; border: 2px solid #fff; border-top: 0; border-right: 0; rotate: -45deg; translate: 0 -1px; }
.filtros__tipo input:focus-visible + .marca { outline: 2px solid var(--folha); outline-offset: 2px; }
.filtros__limpar { width: 100%; justify-content: center; gap: .5em; }
.filtros__limpar svg { width: 16px; height: 16px; }
.catalogo__conta { font-weight: 500; color: var(--texto-suave); }
.catalogo__conta b { color: var(--mata); font-weight: 800; }
.catalogo__ferramentas { display: flex; align-items: center; gap: var(--e-3); flex-wrap: wrap; }
.catalogo__ordem { display: flex; align-items: center; gap: .6em; font-size: var(--t-sm); color: var(--texto-suave); }
.catalogo__ordem select { min-height: 40px; padding: .4em .7em; border: 1.5px solid var(--linha); border-radius: var(--r-controle); background: var(--branco); color: var(--mata); font: inherit; }
.catalogo__vista { display: flex; gap: 4px; }
.catalogo__vista button { display: grid; place-items: center; width: 40px; height: 40px; border: 1.5px solid var(--linha); border-radius: var(--r-controle); background: var(--branco); color: var(--mata); cursor: pointer; }
.catalogo__vista button[aria-pressed="true"] { background: var(--mata); border-color: var(--mata); color: #fff; }
.catalogo__vista svg { width: 18px; height: 18px; }
.grade-produtos { gap: var(--e-4); }
.catalogo .grade-produtos { grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); }
.produto { padding: var(--e-3) var(--e-4) var(--e-4); background: var(--branco); border: 1px solid var(--linha); border-radius: var(--r-bloco); gap: var(--e-2); transition: box-shadow var(--duracao), border-color var(--duracao); }
.produto:hover { border-color: rgb(57 123 53 / .4); box-shadow: 0 14px 30px -18px rgb(29 43 30 / .35); }
.produto .placa:not(.placa--kit) { width: 86%; justify-self: center; background: radial-gradient(circle, #eef2e6 0 70%, transparent 71%); box-shadow: none; }
.produto:hover .placa:not(.placa--kit) { box-shadow: none; }
.produto .placa--kit { box-shadow: none; }
.produto__selo { position: absolute; top: var(--e-3); right: var(--e-3); display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: #e7f0d6; color: var(--folha); }
.produto__selo svg { width: 14px; height: 14px; }
.produto__tipo { justify-self: start; padding: .2em .7em; border-radius: 6px; background: #e7f0d6; color: var(--folha); font-weight: 700; }
.produto:hover .produto__nome { text-decoration: none; color: var(--folha); }
.registro:has(> svg) { display: inline-flex; align-items: center; gap: .45em; padding-left: .6em; }
.registro:has(> svg)::before { display: none; }
.registro:has(> svg) svg { flex: none; width: 15px; height: 15px; }
.registro--protocolado { background: #fdf5e6; }
.grade-produtos--lista { grid-template-columns: minmax(0, 1fr) !important; }
.grade-produtos--lista .produto { grid-template-columns: 120px minmax(0, 1fr); column-gap: var(--e-5); align-items: center; }
.grade-produtos--lista .produto .placa { grid-row: 1 / span 6; width: 100%; margin: 0; }
.grade-produtos--lista .cat-cta { grid-column: auto; }
.cat-cta { grid-column: span 2; position: relative; isolation: isolate; overflow: hidden; display: grid; align-content: center; min-height: 260px; padding: var(--e-6); border-radius: var(--r-bloco); background: var(--mata); color: rgb(254 254 254 / .82); }
.cat-cta > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: right center; }
.cat-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(20 36 22 / .96) 0%, rgb(20 36 22 / .85) 48%, rgb(20 36 22 / .1) 100%); }
.cat-cta > div { max-width: 24rem; display: grid; gap: var(--e-3); }
.cat-cta h2 { color: #fff; font-size: clamp(1.4rem, 1rem + 1.2vw, 1.9rem); line-height: 1.15; }
.cat-cta h2 span { color: var(--broto); }
.cat-cta p { font-size: var(--t-sm); }
.cat-cta__btn { justify-self: start; gap: .5em; background: var(--broto); color: var(--mata); border-radius: 999px; }
.cat-cta__btn:hover { background: #b9d65e; color: var(--mata); }
.cat-cta__btn svg { width: 18px; height: 18px; }
.cat-cta[hidden] { display: none; }
@media (max-width: 900px) {
.cat-hero__selos { position: static; flex-wrap: wrap; padding: 0 var(--e-4) var(--e-5); }
.cat-hero::before { background: linear-gradient(180deg, rgb(244 245 238 / .95) 0%, rgb(244 245 238 / .85) 70%, rgb(244 245 238 / .6) 100%); }
.cat-hero__selos li { background: var(--mata); }
.catalogo__ordem { display: none; }
.cat-cta { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
.catalogo .grade-produtos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.produto { padding: var(--e-2) var(--e-3) var(--e-3); }
.registro:has(> svg) svg { width: 13px; height: 13px; }
}
.cat-hero__fundo { object-position: right 78%; }
.filtros label, .filtros input[type="search"], .filtros select { font-size: .88rem; }
.catalogo { grid-template-columns: 250px minmax(0, 1fr); }
.filtros fieldset { min-width: 0; }
.filtros__busca input[type="search"] { box-sizing: border-box; min-width: 0; }
.filtros__tipo label { font-size: .84rem; }
@media (max-width: 900px) { .catalogo { grid-template-columns: 1fr; } }
.sobretitulo { font-size: var(--t-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--broto); margin: 0 0 var(--e-3); }
.sobretitulo--claro { color: var(--folha); }
.h-titulo { font-size: clamp(1.8rem, 1.2rem + 1.9vw, 2.6rem); line-height: 1.1; letter-spacing: -.02em; }
.h-titulo span, .titulo-pagina span { color: var(--folha); }
.h-btn-broto { background: var(--broto); color: var(--mata); border-radius: 999px; gap: .5em; }
.h-btn-broto:hover { background: #b9d65e; color: var(--mata); }
.h-btn-linha { background: transparent; color: #fff; border: 1.5px solid rgb(255 255 255 / .55); border-radius: 999px; gap: .5em; }
.h-btn-linha:hover { background: #fff; color: var(--mata); }
.h-btn-pilula { background: #fff; color: var(--mata); border: 1.5px solid var(--linha); border-radius: 999px; gap: .5em; }
.h-btn-pilula:hover { border-color: var(--folha); color: var(--folha); }
.h-btn-broto svg, .h-btn-linha svg, .h-btn-pilula svg, .btn--folha svg { width: 18px; height: 18px; }
.h-hero { position: relative; isolation: isolate; overflow: hidden; background: #0b170d; color: rgb(255 255 255 / .85); }
.h-hero__midia { position: absolute; inset: 0; z-index: -2; }
.h-hero__midia video { width: 100%; height: 100%; object-fit: cover; }
.h-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(8 20 10 / .94) 0%, rgb(8 20 10 / .78) 45%, rgb(8 20 10 / .2) 85%); }
.h-hero__conteudo { padding-block: clamp(3.5rem, 2rem + 5vw, 6rem) clamp(2.5rem, 1.5rem + 3vw, 4rem); display: grid; gap: var(--e-4); max-width: 1240px; }
.h-hero h1 { color: #fff; font-size: clamp(2.2rem, 1.3rem + 3vw, 3.7rem); line-height: 1.05; letter-spacing: -.025em; max-width: 15ch; }
.h-hero h1 span { color: var(--broto); display: block; }
.h-hero__texto { max-width: 36rem; font-size: var(--t-md); line-height: 1.55; }
.h-selo { position: absolute; right: clamp(1rem, 4vw, 4rem); bottom: clamp(9rem, 7rem + 4vw, 12rem); display: flex; align-items: center; gap: 18px; padding: 22px 28px 22px 24px; border-radius: 18px; border: 1px solid rgb(255 255 255 / .18); background: linear-gradient(135deg, rgb(255 255 255 / .1), rgb(255 255 255 / .03)); backdrop-filter: blur(16px) saturate(1.3); -webkit-backdrop-filter: blur(16px) saturate(1.3); box-shadow: 0 18px 40px -20px rgb(0 0 0 / .6), inset 0 1px 0 rgb(255 255 255 / .12); color: #fff; font-size: .95rem; font-weight: 600; line-height: 1.45; }
.h-selo svg { width: 40px; height: 40px; flex: none; color: var(--broto); stroke-width: 1.5; }
.h-selo span { position: relative; padding-bottom: 12px; }
.h-selo span::after { content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 2px; border-radius: 2px; background: var(--broto); }
.h-etapas { padding-block: var(--e-7); }
.h-etapas__grade { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--e-6); align-items: center; }
.h-beneficios { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--e-5); }
.h-beneficios li, .h-bio__cards li { display: grid; justify-items: center; gap: var(--e-2); text-align: center; font-size: var(--t-xs); font-weight: 700; color: var(--mata); line-height: 1.3; }
.h-beneficios span { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: #eef3e3; color: var(--folha); }
.h-beneficios svg { width: 28px; height: 28px; }
.h-cabeca { display: flex; justify-content: space-between; align-items: end; gap: var(--e-5); flex-wrap: wrap; margin-bottom: var(--e-6); }
.h-cabeca .suave { margin-top: var(--e-2); }
.h-cabeca__lado { display: flex; align-items: center; gap: var(--e-5); max-width: 32rem; }
.h-cabeca__lado p { font-size: var(--t-sm); }
.trilho { position: relative; }
.trilho__faixa { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 2 * var(--e-5)) / 3); gap: var(--e-5); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 12px; }
.trilho__faixa::-webkit-scrollbar { display: none; }
.trilho__faixa > * { scroll-snap-align: start; }
.trilho__seta { position: absolute; top: 45%; z-index: 2; width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--linha); background: #fff; color: var(--mata); display: grid; place-items: center; cursor: pointer; box-shadow: 0 6px 18px -8px rgb(0 0 0 / .3); }
.trilho__seta svg { width: 20px; height: 20px; }
.trilho__seta--esq { left: -21px; }
.trilho__seta--dir { right: -21px; }
.trilho__seta[hidden] { display: none; }
.dest { display: grid; grid-template-rows: auto 1fr; text-decoration: none; color: inherit; background: #fff; border: 1px solid var(--linha); border-radius: var(--r-bloco); overflow: hidden; transition: box-shadow var(--duracao), border-color var(--duracao); }
.dest:hover { border-color: rgb(57 123 53 / .4); box-shadow: 0 16px 34px -20px rgb(29 43 30 / .4); }
.dest__foto { background: #f3f4ef; aspect-ratio: 16 / 10; display: grid; place-items: center; }
.dest__foto img { height: 88%; width: auto; object-fit: contain; mix-blend-mode: multiply; }
.dest__corpo { padding: var(--e-4) var(--e-5) var(--e-5); display: grid; gap: var(--e-2); align-content: start; }
.dest__tipo, .post__tipo { justify-self: start; padding: .2em .65em; border-radius: 6px; background: #e7f0d6; color: var(--folha-escura); font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.dest__nome { font-size: var(--t-md); color: var(--mata); }
.dest__micro { color: var(--folha); font-size: var(--t-sm); }
.dest__resumo { font-size: var(--t-sm); color: var(--texto-suave); line-height: 1.45; }
.dest__ver, .post__ler { display: inline-flex; align-items: center; gap: .4em; font-weight: 700; font-size: var(--t-sm); color: var(--mata); margin-top: var(--e-2); }
.dest__ver svg, .post__ler svg { width: 16px; height: 16px; transition: translate var(--duracao); }
.dest:hover .dest__ver svg, .post:hover .post__ler svg { translate: 3px 0; }
.h-culturas { background: linear-gradient(160deg, #0f2512, #183a1c); color: rgb(255 255 255 / .8); }
.h-culturas .h-titulo { color: #fff; }
.h-culturas .h-titulo span { color: var(--broto); }
.h-culturas .trilho__faixa { grid-auto-columns: calc((100% - 4 * var(--e-4)) / 5); gap: var(--e-4); }
.h-cultura { position: relative; aspect-ratio: 3 / 4; border-radius: var(--r-bloco); overflow: hidden; display: flex; align-items: end; gap: .5em; padding: var(--e-4); color: #fff; text-decoration: none; }
.h-cultura img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: scale .5s; }
.h-cultura::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgb(8 20 10 / .85), transparent 55%); }
.h-cultura:hover img { scale: 1.06; }
.h-cultura { isolation: isolate; }
.h-cultura__ic { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgb(168 207 69 / .2); border: 1px solid rgb(168 207 69 / .6); color: var(--broto); }
.h-cultura__ic svg { width: 16px; height: 16px; }
.h-cultura strong { color: #fff; font-size: var(--t-md); }
.h-kits { background: #f6f6f0; overflow: hidden; }
.h-kits__grade { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--e-6); align-items: center; }
.h-kits__grade .suave { margin-top: var(--e-3); max-width: 30rem; }
.h-kits__grade .acoes { margin-top: var(--e-5); }
.h-kits__foto { width: 100%; height: auto; filter: drop-shadow(0 24px 30px rgb(29 43 30 / .18)); }
.btn--folha { gap: .5em; border-radius: 999px; }
.h-bio { background: #10241a; color: rgb(255 255 255 / .78); }
.h-bio .h-titulo { color: #fff; }
.h-bio .h-titulo span { color: var(--broto); }
.h-bio__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--e-7); align-items: center; }
.h-bio__grade p { margin-top: var(--e-3); max-width: 30rem; }
.h-bio__grade .acoes { margin-top: var(--e-5); }
.h-bio__cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-3); }
.h-bio__cards li { grid-template-columns: auto 1fr; justify-items: start; text-align: left; align-items: center; gap: var(--e-3); padding: var(--e-5) var(--e-4); border-radius: var(--r-bloco); background: rgb(255 255 255 / .05); border: 1px solid rgb(255 255 255 / .08); color: #fff; font-size: var(--t-sm); }
.h-bio__cards span { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgb(168 207 69 / .14); color: var(--broto); }
.h-bio__cards svg { width: 24px; height: 24px; }
.posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-5); }
.posts--dois { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.post { display: grid; grid-template-rows: auto 1fr; background: #fff; border: 1px solid var(--linha); border-radius: var(--r-bloco); overflow: hidden; text-decoration: none; color: inherit; transition: box-shadow var(--duracao), border-color var(--duracao); }
.post:hover { border-color: rgb(57 123 53 / .4); box-shadow: 0 16px 34px -20px rgb(29 43 30 / .4); }
.post__foto { aspect-ratio: 16 / 9; overflow: hidden; }
.post__foto img { width: 100%; height: 100%; object-fit: cover; transition: scale .5s; }
.post:hover .post__foto img { scale: 1.05; }
.post__corpo { padding: var(--e-4) var(--e-5) var(--e-5); display: grid; gap: var(--e-2); align-content: start; }
.post__titulo { color: var(--mata); font-size: var(--t-md); line-height: 1.25; }
.post__resumo { font-size: var(--t-sm); color: var(--texto-suave); line-height: 1.45; }
.h-cta { position: relative; isolation: isolate; overflow: hidden; background: #0b170d; color: rgb(255 255 255 / .8); padding-block: var(--e-7); }
.h-cta__fundo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: left center; }
.h-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(8 20 10 / .25) 0%, rgb(8 20 10 / .82) 30%, rgb(8 20 10 / .9) 100%); }
.h-cta__grade { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--e-6); align-items: center; padding-left: clamp(0rem, 12vw, 10rem); }
.h-cta h2 { color: #fff; font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.4rem); line-height: 1.12; }
.h-cta h2 span { color: var(--broto); }
.h-cta p { margin-top: var(--e-3); max-width: 34rem; }
.h-cta__acoes { display: grid; gap: var(--e-3); }
.titulo-pagina { font-size: clamp(2.2rem, 1.4rem + 2.6vw, 3.4rem); line-height: 1.05; letter-spacing: -.02em; }
.artigo__topo { background: #f6f6f0; padding-block: var(--e-7) var(--e-6); }
.artigo__estreito { max-width: 820px; }
.artigo__topo h1 { font-size: clamp(1.9rem, 1.2rem + 2.2vw, 2.8rem); line-height: 1.12; letter-spacing: -.02em; margin-top: var(--e-3); }
.artigo__resumo { font-size: var(--t-md); color: var(--texto-suave); margin-top: var(--e-3); line-height: 1.5; }
.artigo__meta { font-size: var(--t-sm); color: var(--texto-suave); margin-top: var(--e-3); }
.artigo__capa { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-bloco); margin-top: var(--e-6); }
.artigo__texto { margin-top: var(--e-6); font-size: 1.06rem; line-height: 1.7; }
.artigo__texto > * + * { margin-top: var(--e-4); }
.artigo__texto h2 { font-size: clamp(1.35rem, 1.1rem + .8vw, 1.7rem); margin-top: var(--e-7); }
.artigo__texto ul, .artigo__texto ol { padding-left: 1.3em; display: grid; gap: var(--e-2); }
.artigo__texto li::marker { color: var(--folha); font-weight: 700; }
.destaque { padding: var(--e-5); border-radius: var(--r-bloco); background: #eef3e3; border-left: 4px solid var(--folha); }
.destaque strong { display: block; margin-bottom: var(--e-2); }
.artigo__fontes { margin-top: var(--e-7); padding-top: var(--e-5); border-top: 1px solid var(--linha); font-size: var(--t-sm); color: var(--texto-suave); }
.artigo__fontes h2 { font-size: var(--t-md); margin-bottom: var(--e-3); }
.artigo__fontes ul { padding-left: 1.2em; display: grid; gap: var(--e-2); margin-bottom: var(--e-3); }
.artigo__cta { display: flex; justify-content: space-between; align-items: center; gap: var(--e-4); flex-wrap: wrap; margin-block: var(--e-7); padding: var(--e-5) var(--e-6); border-radius: var(--r-bloco); background: var(--mata); color: rgb(255 255 255 / .8); }
.artigo__cta strong { color: #fff; font-size: var(--t-md); }
@media (max-width: 1000px) {
.h-selo { display: none; }
.h-etapas__grade, .h-kits__grade, .h-bio__grade, .h-cta__grade { grid-template-columns: 1fr; }
.h-beneficios { flex-wrap: wrap; justify-content: space-between; }
.trilho__faixa { grid-auto-columns: calc((100% - var(--e-5)) / 2); }
.h-culturas .trilho__faixa { grid-auto-columns: calc((100% - 2 * var(--e-4)) / 3); }
.posts { grid-template-columns: 1fr 1fr; }
.h-cta__grade { padding-left: 0; }
.h-cta::before { background: rgb(8 20 10 / .85); }
}
@media (max-width: 640px) {
.h-hero::before { background: linear-gradient(180deg, rgb(8 20 10 / .75), rgb(8 20 10 / .92)); }
.h-beneficios { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-5) var(--e-3); }
.trilho__faixa { grid-auto-columns: 82%; }
.h-culturas .trilho__faixa { grid-auto-columns: 40%; }
.trilho__seta { display: none; }
.h-cabeca__lado { flex-direction: column; align-items: start; }
.h-bio__cards { grid-template-columns: 1fr; }
.posts, .posts--dois { grid-template-columns: 1fr; }
}
.dest__foto { aspect-ratio: auto; height: 220px; }
.dest__foto img { height: 190px; width: auto; max-width: 80%; }
@media (min-width: 1281px) { .menu__link { padding-inline: .4em; } .topo__barra { gap: var(--e-3); } }
@media (min-width: 1281px) and (max-width: 1500px) { .menu__link { padding-inline: .4em; font-size: .84rem; } .topo__logo img { height: 34px; width: auto; } }
.dest__micro, .dest__resumo, .post__titulo, .post__resumo, .sobretitulo, .h-selo span, .artigo__cta, .registro, .produto__micro, .cat-cta p { text-wrap: balance; }
.ab-dica { white-space: nowrap; }
.registro > span { text-wrap: balance; }
.cat-hero__conteudo p, .hero__texto, .h-hero__texto, .hero--pagina p { text-wrap: balance; }
.h-desafios .trilho__faixa { grid-auto-columns: calc((100% - 3 * var(--e-4)) / 4); gap: var(--e-4); padding-bottom: var(--e-3); }
@media (max-width: 900px) { .h-desafios .trilho__faixa { grid-auto-columns: 72%; } }
.h-desafio { scroll-snap-align: start; display: grid; grid-template-rows: auto auto auto 1fr; background: var(--branco); border-radius: var(--r-bloco); overflow: hidden; text-decoration: none; color: var(--texto); box-shadow: 0 10px 30px -18px rgb(20 40 20 / .35); border: 1px solid rgb(29 43 30 / .06); transition: translate .25s, box-shadow .25s; }
.h-desafio:hover { translate: 0 -4px; box-shadow: 0 18px 40px -20px rgb(20 40 20 / .45); }
.h-desafio b { padding: var(--e-3) var(--e-4) 0; font-size: var(--t-lg); color: var(--mata); }
.h-desafio b { font-size: clamp(1.05rem, .9rem + .4vw, 1.2rem); line-height: 1.25; }
.bento { display: grid; grid-template-columns: 1.1fr 2fr 1.1fr; grid-template-rows: 260px 240px 240px; gap: var(--e-4); grid-template-areas: "pragas doencas raiz" "pragas nodulacao raiz" "nematoides nematoides estresse"; }
.bento--pragas { grid-area: pragas; } .bento--doencas { grid-area: doencas; } .bento--raiz { grid-area: raiz; }
.bento--nodulacao { grid-area: nodulacao; } .bento--nematoides { grid-area: nematoides; } .bento--estresse { grid-area: estresse; }
.bento { grid-template-areas: "pragas doencas raiz" "pragas nodulacao raiz" "nematoides nematoides estresse"; }
.bento__item { position: relative; isolation: isolate; overflow: hidden; border-radius: var(--r-bloco); display: flex; align-items: flex-end; gap: var(--e-4); padding: var(--e-5); color: #fff; text-decoration: none; box-shadow: 0 14px 34px -22px rgb(10 30 10 / .6); }
.bento__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: scale .6s cubic-bezier(.2,.7,.2,1); }
.bento__item::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg, rgb(8 26 10 / .92) 0%, rgb(8 26 10 / .55) 38%, rgb(8 26 10 / 0) 70%); }
.bento__item:hover .bento__foto { scale: 1.05; }
.bento__ico { position: absolute; left: var(--e-5); width: 52px; height: 52px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 6px 16px -8px rgb(0 0 0 / .5); bottom: calc(var(--e-5) + 4.6em); }
.bento__ico img { width: 28px; height: 28px; object-fit: contain; }
.bento__txt { display: grid; gap: 4px; flex: 1; min-width: 0; padding-top: 64px; }
.bento__txt b { font-size: clamp(1.1rem, .95rem + .5vw, 1.35rem); line-height: 1.15; }
.bento__txt span { font-size: var(--t-sm); color: rgb(255 255 255 / .86); max-width: 30ch; text-wrap: balance; }
.bento__seta { flex: none; width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid rgb(255 255 255 / .75); display: grid; place-items: center; transition: background .25s, color .25s; }
.bento__seta svg { width: 20px; height: 20px; }
.bento__item:hover .bento__seta { background: #fff; color: var(--mata); }
@media (max-width: 980px) {
.bento { grid-template-columns: 1fr 1fr; grid-template-rows: none; grid-auto-rows: 240px; grid-template-areas: "pragas raiz" "doencas doencas" "nodulacao nodulacao" "nematoides estresse"; }
}
@media (max-width: 600px) {
.bento { grid-template-columns: 1fr; grid-auto-rows: 230px; grid-template-areas: "pragas" "doencas" "raiz" "nodulacao" "nematoides" "estresse"; }
}
.bento__ico { position: static; margin-bottom: var(--e-2); }
.bento__txt { padding-top: 0; }
.bento__txt .bento__ico { display: grid; }
.bento__foto { loading: eager; }
.bento__item::before { background: linear-gradient(0deg, rgb(8 26 10 / .94) 0%, rgb(8 26 10 / .72) 40%, rgb(8 26 10 / .15) 78%); }
.bento--estresse::before, .bento--doencas::before { background: linear-gradient(0deg, rgb(8 26 10 / .95) 0%, rgb(8 26 10 / .8) 50%, rgb(8 26 10 / .3) 100%); }
.fam-olho { font-size: var(--t-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--folha); margin-bottom: var(--e-3); }
.fam-icone { flex: none; display: grid; place-items: center; width: 3.25rem; height: 3.25rem; border-radius: 50%; background: #fff; color: var(--folha); box-shadow: 0 0 0 1px var(--linha), 0 6px 16px -10px rgb(29 43 30 / .35); }
.fam-icone svg { width: 1.5rem; height: 1.5rem; }
.fam-hero { position: relative; overflow: hidden; background: #f7f8f3; }
.fam-hero__midia { position: absolute; inset: 0 0 0 38%; }
.fam-hero__midia img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%; }
.fam-hero__midia::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #f7f8f3 0%, rgb(247 248 243 / .85) 14%, rgb(247 248 243 / 0) 42%); }
.fam-hero__grade { position: relative; display: grid; grid-template-columns: minmax(0, 40rem) 1fr; align-items: center; min-height: 620px; }
.fam-hero__conteudo { padding-block: var(--e-7) var(--e-8); }
.fam-hero .trilha { color: var(--texto-suave); }
.fam-hero h1 { font-size: clamp(2.3rem, 1.4rem + 3.4vw, 4rem); color: var(--mata); line-height: 1.02; letter-spacing: -.03em; text-wrap: balance; }
.fam-hero__texto { margin-block: var(--e-5) var(--e-6); font-size: var(--t-md); line-height: 1.5; max-width: 32rem; text-wrap: pretty; }
.fam-hero .btn--linha { color: var(--mata); background: #fff; }
.fam-hero .btn--linha:hover { background: var(--mata); color: var(--branco); }
.fam-destaques { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--e-4); margin-top: var(--e-7); text-align: center; font-size: var(--t-xs); font-weight: 600; color: var(--mata); line-height: 1.3; }
.fam-destaques li { display: grid; justify-items: center; gap: var(--e-2); text-wrap: balance; }
.fam-selo { justify-self: end; align-self: center; display: grid; justify-items: center; gap: var(--e-2); width: 10.5rem; aspect-ratio: 1; border-radius: 50%; padding: var(--e-5); place-content: center; text-align: center; background: var(--solo); color: var(--branco); font-size: var(--t-xs); font-weight: 700; line-height: 1.3; box-shadow: 0 0 0 6px rgb(254 254 254 / .25), var(--sombra-elevada); }
.fam-selo svg { width: 1.6rem; height: 1.6rem; color: var(--broto); }
.fam-medida { background: #fbfcf8; }
.fam-medida__grade { display: grid; grid-template-columns: 1fr 1.15fr; gap: var(--e-8); align-items: center; }
.fam-medida h2, .fam-cabeca h2, .fam-suporte h2 { font-size: var(--t-xl); color: var(--mata); line-height: 1.12; text-wrap: balance; margin-bottom: var(--e-4); }
.fam-medida p:not(.fam-olho) { color: var(--texto-suave); line-height: 1.6; text-wrap: pretty; }
.fam-recursos { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-6) var(--e-5); padding-left: var(--e-8); border-left: 1px solid var(--linha); }
.fam-recursos li { display: flex; gap: var(--e-4); align-items: flex-start; }
.fam-recursos strong { display: block; color: var(--mata); line-height: 1.3; text-wrap: balance; }
.fam-recursos small { display: block; margin-top: var(--e-1); font-size: var(--t-xs); color: var(--texto-suave); }
.fam-cabeca { display: flex; justify-content: space-between; align-items: end; gap: var(--e-5); flex-wrap: wrap; margin-bottom: var(--e-7); }
.fam-cabeca h2 { margin-bottom: 0; max-width: 30rem; }
.fam-produtos { grid-template-columns: repeat(4, 1fr); gap: var(--e-5); }
.fam-produtos .produto { background: #fff; border-radius: var(--r-bloco); padding: var(--e-5); box-shadow: 0 0 0 1px var(--linha); grid-template-rows: auto auto auto 1fr auto auto; transition: box-shadow var(--duracao); }
.fam-produtos .produto:hover { box-shadow: 0 0 0 1px var(--folha), var(--sombra-elevada); }
.fam-produtos .placa { width: 78%; justify-self: center; background: radial-gradient(circle, #e9f1dc 0 70%, #f1f6ea 70.5% 100%); box-shadow: none; }
.fam-produtos .produto:hover .placa { box-shadow: none; }
.fam-produtos .produto__selo { position: absolute; top: var(--e-4); right: var(--e-4); width: 1.6rem; height: 1.6rem; display: grid; place-items: center; border-radius: 50%; background: #e9f1dc; color: var(--folha); }
.fam-produtos .produto__selo svg { width: .95rem; height: .95rem; }
.fam-produtos .produto__tipo { justify-self: start; background: #e9f1dc; color: var(--folha-escura); border-radius: var(--r-pilula); padding: .15em .7em; }
.fam-produtos .produto__ver { margin-top: var(--e-2); color: var(--folha); font-weight: 700; }
.fam-suporte { position: relative; overflow: hidden; background: var(--solo); color: rgb(254 254 254 / .82); }
.fam-suporte__midia { position: absolute; inset: 0 45% 0 0; }
.fam-suporte__midia img { width: 100%; height: 100%; object-fit: cover; }
.fam-suporte__midia::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(29 43 30 / 0) 55%, var(--solo) 100%); }
.fam-suporte__grade { position: relative; display: grid; grid-template-columns: 1fr minmax(0, 30rem); min-height: 440px; align-items: center; }
.fam-suporte__conteudo { grid-column: 2; padding-block: var(--e-8); }
.fam-suporte .fam-olho { color: var(--broto); }
.fam-suporte h2 { color: var(--branco); }
.fam-suporte p:not(.fam-olho) { line-height: 1.6; margin-bottom: var(--e-6); text-wrap: pretty; }
.fam-suporte .btn--zap.btn--broto { background: var(--broto); color: var(--solo); }
.fam-suporte .btn--zap.btn--broto:hover { background: #b9d65e; }
@media (max-width: 1080px) {
.fam-produtos { grid-template-columns: repeat(2, 1fr); }
.fam-medida__grade { grid-template-columns: 1fr; gap: var(--e-7); }
.fam-recursos { padding-left: 0; border-left: 0; }
}
@media (max-width: 860px) {
.fam-hero__midia { position: relative; inset: auto; height: 320px; }
.fam-hero__midia::after { background: linear-gradient(0deg, #f7f8f3 0%, rgb(247 248 243 / 0) 40%); }
.fam-hero__grade { grid-template-columns: 1fr; min-height: 0; }
.fam-hero__conteudo { padding-top: var(--e-5); }
.fam-hero { display: flex; flex-direction: column; }
.fam-hero .wrap { order: 2; }
.fam-selo { position: absolute; top: -9.5rem; right: 0; width: 8.5rem; padding: var(--e-4); font-size: .72rem; }
.fam-destaques { grid-template-columns: repeat(2, 1fr); gap: var(--e-5) var(--e-4); }
.fam-suporte__midia { position: relative; inset: auto; height: 280px; }
.fam-suporte__midia::after { background: linear-gradient(180deg, rgb(29 43 30 / 0) 50%, var(--solo) 100%); }
.fam-suporte__grade { grid-template-columns: 1fr; min-height: 0; }
.fam-suporte__conteudo { grid-column: 1; padding-block: var(--e-6) var(--e-8); }
}
@media (max-width: 560px) {
.fam-produtos { grid-template-columns: 1fr; }
.fam-recursos { grid-template-columns: 1fr; }
.fam-hero .acoes .btn { flex: 1 1 100%; }
}
.cont-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cont-hero { position: relative; isolation: isolate; overflow: hidden; background: #f4f6ef; padding-block: var(--e-6) var(--e-8); }
.cont-hero__foto { position: absolute; inset: 0 0 0 auto; z-index: -2; width: 62%; height: 100%; object-fit: cover; object-position: 70% 30%; }
.cont-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #f4f6ef 0%, #f4f6ef 40%, rgb(244 246 239 / .85) 50%, rgb(244 246 239 / 0) 72%); }
.cont-hero__grade { display: grid; grid-template-columns: minmax(0, 36rem) 1fr; align-items: center; gap: var(--e-6); }
.cont-hero .trilha { margin-bottom: var(--e-4); }
.cont-hero h1 { text-wrap: balance; }
.cont-hero__lead { margin-top: var(--e-4); font-size: var(--t-md); color: var(--texto-suave); line-height: 1.5; text-wrap: pretty; max-width: 31rem; }
.cont-busca { margin-top: var(--e-6); display: flex; align-items: center; gap: var(--e-2); background: #fff; border: 1px solid var(--linha); border-radius: 999px; padding: 6px 6px 6px var(--e-4); box-shadow: 0 14px 30px -22px rgb(29 43 30 / .5); }
.cont-busca > svg { width: 18px; height: 18px; flex: none; color: var(--texto-suave); }
.cont-busca input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; font: inherit; font-size: var(--t-sm); padding: .6em 0; color: var(--mata); }
.cont-busca .btn { flex: none; border-radius: 999px; padding: .7em 1.5em; background: var(--folha); color: #fff; }
.cont-hero__selo { justify-self: end; align-self: end; display: grid; justify-items: center; text-align: center; gap: 4px; width: 9.5rem; aspect-ratio: 1; border-radius: 50%; place-content: center; padding: var(--e-3); background: rgb(14 38 18 / .88); color: rgb(255 255 255 / .8); font-size: var(--t-xs); line-height: 1.3; }
.cont-hero__selo svg { width: 24px; height: 24px; color: var(--broto); }
.cont-hero__selo strong { color: #fff; }
.cont-filtros { background: #fff; border-bottom: 1px solid var(--linha); padding-block: var(--e-4); }
.cont-filtros__lista { display: flex; flex-wrap: wrap; gap: var(--e-3); }
.cont-filtro { display: grid; justify-items: center; gap: 6px; min-width: 6rem; padding: var(--e-3) var(--e-4); border: 1px solid var(--linha); border-radius: 18px; background: #f6f8f2; color: var(--mata); font: inherit; font-size: var(--t-xs); font-weight: 700; cursor: pointer; transition: background var(--duracao), border-color var(--duracao), color var(--duracao); }
.cont-filtro__ic { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #fff; color: var(--folha); }
.cont-filtro__ic svg { width: 22px; height: 22px; }
.cont-filtro:hover { border-color: rgb(57 123 53 / .5); }
.cont-filtro.ativo { background: var(--folha); border-color: var(--folha); color: #fff; }
.cont-filtro.ativo .cont-filtro__ic { background: rgb(255 255 255 / .15); color: #fff; }
.cont-h2 { margin-bottom: var(--e-5); }
.cont-selo { display: inline-block; justify-self: start; padding: .35em .9em; border-radius: 999px; background: #e9f3d3; color: var(--mata); font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cont-destaque { display: grid; grid-template-columns: 1.15fr 1fr; gap: var(--e-5); }
.cont-destaque__lado { display: grid; gap: var(--e-5); }
.cont-grande { position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: flex-end; min-height: 30rem; border-radius: var(--r-bloco); text-decoration: none; color: #fff; }
.cont-grande img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: scale .5s; }
.cont-grande::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgb(8 24 10 / 0) 25%, rgb(8 24 10 / .75) 58%, rgb(8 24 10 / .95) 100%); }
.cont-grande:hover img { scale: 1.04; }
.cont-grande__corpo { display: grid; gap: var(--e-3); padding: var(--e-6); }
.cont-grande h3 { color: #fff; font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2rem); line-height: 1.15; text-wrap: balance; }
.cont-grande p { color: rgb(255 255 255 / .85); text-wrap: pretty; max-width: 32rem; }
.cont-grande__ler { justify-self: start; display: inline-flex; align-items: center; gap: .5em; margin-top: var(--e-2); padding: .7em 1.4em; border-radius: 999px; background: #fff; color: var(--mata); font-weight: 700; font-size: var(--t-sm); }
.cont-grande__ler svg, .cont-card__ler svg { width: 16px; height: 16px; transition: translate var(--duracao); }
.cont-grande:hover .cont-grande__ler svg, .cont-card:hover .cont-card__ler svg { translate: 3px 0; }
.cont-lado, .cont-card { display: grid; grid-template-rows: auto 1fr; overflow: hidden; background: #fff; border: 1px solid var(--linha); border-radius: var(--r-bloco); text-decoration: none; color: inherit; transition: box-shadow var(--duracao), border-color var(--duracao); }
.cont-lado:hover, .cont-card:hover { border-color: rgb(57 123 53 / .4); box-shadow: 0 16px 34px -20px rgb(29 43 30 / .4); }
.cont-lado__foto, .cont-card__foto { position: relative; height: 10rem; overflow: hidden; }
.cont-lado__foto img, .cont-card__foto img { width: 100%; height: 100%; object-fit: cover; transition: scale .5s; }
.cont-lado:hover img, .cont-card:hover img { scale: 1.05; }
.cont-lado__foto .cont-selo, .cont-card__foto .cont-selo { position: absolute; left: var(--e-4); bottom: var(--e-3); }
.cont-lado__corpo { display: flex; align-items: center; gap: var(--e-4); padding: var(--e-4) var(--e-5) var(--e-5); }
.cont-lado h3 { flex: 1; color: var(--mata); font-size: var(--t-md); line-height: 1.3; text-wrap: balance; }
.cont-lado__seta { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--linha); color: var(--mata); }
.cont-lado__seta svg { width: 18px; height: 18px; }
.cont-grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-5); }
.cont-card__corpo { display: grid; gap: var(--e-2); align-content: start; padding: var(--e-4) var(--e-5) var(--e-5); }
.cont-card h3 { color: var(--mata); font-size: var(--t-md); line-height: 1.3; text-wrap: balance; }
.cont-card p { font-size: var(--t-sm); color: var(--texto-suave); text-wrap: pretty; }
.cont-card__ler { display: inline-flex; align-items: center; gap: .4em; margin-top: var(--e-2); font-weight: 700; font-size: var(--t-sm); color: var(--mata); }
.cont-vazio { margin-top: var(--e-5); color: var(--texto-suave); }
.cont-lista--filtrada .cont-destaque, .cont-lista--filtrada .cont-destaque__lado { display: contents; }
.cont-lista--filtrada .cont-h2 { display: none; }
.cont-lista--filtrada .wrap { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-5); align-items: start; }
.cont-lista--filtrada .cont-grade { display: contents; }
.cont-lista--filtrada .cont-grande { min-height: 24rem; }
.cont-lista--filtrada .cont-vazio { grid-column: 1 / -1; margin: 0; }
.cont-lista [hidden] { display: none !important; }
.cont-news-secao { padding-top: 0; }
.cont-news { display: grid; grid-template-columns: 16rem minmax(0, 1fr) auto; align-items: center; gap: var(--e-6); overflow: hidden; border-radius: var(--r-bloco); background: var(--mata); color: rgb(255 255 255 / .8); padding-right: var(--e-6); }
.cont-news img { width: 100%; height: 100%; min-height: 12rem; object-fit: cover; object-position: 70% center; -webkit-mask-image: linear-gradient(90deg, #000 60%, transparent); mask-image: linear-gradient(90deg, #000 60%, transparent); }
.cont-news__texto { padding-block: var(--e-6); }
.cont-news h2 { color: #fff; font-size: clamp(1.4rem, 1.1rem + 1vw, 1.9rem); line-height: 1.15; text-wrap: balance; }
.cont-news__texto > p:last-child { margin-top: var(--e-3); text-wrap: pretty; }
.cont-news__acoes { display: grid; gap: var(--e-3); }
.cont-news__acoes .btn { justify-content: center; }
.cont-news__email { display: inline-flex; align-items: center; gap: .5em; background: transparent; color: #fff; border: 1px solid rgb(255 255 255 / .45); }
.cont-news__email svg { width: 18px; height: 18px; }
.cont-news__email:hover { background: rgb(255 255 255 / .08); }
@media (max-width: 960px) {
.cont-hero__foto { width: 100%; opacity: .35; }
.cont-hero::before { background: linear-gradient(90deg, #f4f6ef 30%, rgb(244 246 239 / .6)); }
.cont-hero__grade { grid-template-columns: 1fr; }
.cont-hero__selo { display: none; }
.cont-destaque { grid-template-columns: 1fr; }
.cont-grade, .cont-lista--filtrada .wrap { grid-template-columns: 1fr 1fr; }
.cont-news { grid-template-columns: 1fr; padding: 0 var(--e-5) var(--e-6); gap: var(--e-4); }
.cont-news img { height: 10rem; min-height: 0; margin-inline: calc(-1 * var(--e-5)); width: calc(100% + 2 * var(--e-5)); -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent); mask-image: linear-gradient(180deg, #000 55%, transparent); }
.cont-news__texto { padding: 0; }
}
@media (max-width: 640px) {
.cont-filtros__lista { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--e-4)); padding-inline: var(--e-4); }
.cont-filtro { flex: none; }
.cont-grande { min-height: 26rem; }
.cont-grande__corpo { padding: var(--e-5); }
.cont-grade, .cont-lista--filtrada .wrap { grid-template-columns: 1fr; }
.cont-busca .btn { padding-inline: 1.1em; }
}
.news-caixa .form { display: grid; gap: var(--e-4); }
.news-sub { color: var(--texto-suave); font-size: var(--t-sm); margin-top: calc(-1 * var(--e-2)); }
button.cont-news__email { cursor: pointer; font: inherit; }
.news-titulo { font-size: clamp(1.4rem, 1.1rem + 1vw, 1.75rem); line-height: 1.15; padding-right: 36px; }
.prob-sobre { font-size: var(--t-xs); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--broto); margin: 0; }
.prob-hero h1 span, .prob-cta h2 span { color: var(--broto); }
.prob-secao { padding-top: var(--e-6); }
.prob-abas { display: flex; gap: var(--e-3); overflow-x: auto; padding-bottom: var(--e-2); margin-bottom: var(--e-7); scrollbar-width: thin; }
.prob-aba { flex: 1 0 auto; display: flex; flex-direction: column; align-items: center; gap: .3rem; padding: .8rem 1.4rem; border-radius: 999px; background: var(--nevoa); color: var(--mata); font-weight: 700; font-size: var(--t-xs); text-decoration: none; transition: background .2s, color .2s; }
.prob-aba small { font-weight: 600; opacity: .7; }
.prob-aba__ic { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 50%; background: var(--branco); color: var(--folha); }
.prob-aba__ic svg, .prob-aba__ic img { width: 1.15rem; height: 1.15rem; }
.prob-aba:hover { background: var(--linha); }
.prob-aba.ativa { background: var(--solo); color: var(--branco); }
.prob-lista { display: grid; gap: var(--e-8); }
.prob-grupo[hidden] { display: none; }
.prob-grupo__cabeca { display: flex; justify-content: space-between; align-items: end; gap: var(--e-4); margin-bottom: var(--e-5); }
.prob-grupo__cabeca h2 { font-size: var(--t-lg); color: var(--mata); margin: 0 0 .3rem; }
.prob-grupo__cabeca p { margin: 0; color: var(--texto-suave); font-size: var(--t-sm); text-wrap: pretty; }
.prob-grupo__conta { flex: none; font-size: var(--t-xs); font-weight: 700; color: var(--folha); white-space: nowrap; }
.prob-grade { display: grid; gap: var(--e-4); }
.prob-grade--mosaico { grid-template-columns: repeat(6, 1fr); grid-auto-rows: 15rem; }
.prob-grade--mosaico .prob-cartao--grande { grid-column: span 2; grid-row: span 2; }
.prob-grade--mosaico .prob-cartao:last-child:nth-child(8) { grid-column: span 2; }
.prob-grade--linha { grid-template-columns: repeat(4, 1fr); grid-auto-rows: 15rem; }
.prob-grade--dois { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 15rem; }
.prob-grade--um { grid-auto-rows: 15rem; }
.prob-duo { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-6); }
.prob-duo--solo { grid-template-columns: 1fr; }
.prob-cartao { position: relative; display: flex; align-items: end; overflow: hidden; border-radius: 14px; background: var(--solo); color: var(--branco); text-decoration: none; isolation: isolate; min-height: 13rem; }
.prob-cartao__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .5s ease; }
.prob-cartao::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgb(29 43 30 / 0) 25%, rgb(29 43 30 / .55) 55%, rgb(29 43 30 / .94)); }
.prob-cartao:hover .prob-cartao__foto { transform: scale(1.05); }
.prob-cartao__corpo { display: grid; gap: .25rem; padding: 1.1rem 3.6rem 1.1rem 1.1rem; }
.prob-icone { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--branco); margin-bottom: .45rem; box-shadow: 0 4px 12px rgb(0 0 0 / .2); }
.prob-icone img { width: 1.3rem; height: 1.3rem; }
.prob-cartao strong { font-size: var(--t-md); line-height: 1.15; text-wrap: balance; }
.prob-cartao__sub { font-size: var(--t-xs); color: rgb(254 254 254 / .85); line-height: 1.35; text-wrap: pretty; }
.prob-cartao__seta { position: absolute; right: 1rem; bottom: 1.1rem; display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border: 1.5px solid rgb(254 254 254 / .7); border-radius: 50%; transition: background .2s, color .2s; }
.prob-cartao__seta svg { width: 1rem; height: 1rem; }
.prob-cartao:hover .prob-cartao__seta { background: var(--broto); border-color: var(--broto); color: var(--solo); }
.prob-cartao--grande strong { font-size: var(--t-lg); }
.prob-cartao--grande .prob-icone { width: 3rem; height: 3rem; }
.prob-cartao--grande .prob-icone img { width: 1.6rem; height: 1.6rem; }
.prob-cartao:focus-visible { outline: 3px solid var(--broto); outline-offset: 3px; }
.prob-cta { margin-top: var(--e-8); display: grid; grid-template-columns: 1.1fr 1.4fr auto; align-items: center; gap: var(--e-6); background: var(--solo); color: var(--branco); border-radius: 18px; overflow: hidden; padding-right: var(--e-6); }
.prob-cta__foto { width: 100%; height: 100%; min-height: 11rem; object-fit: cover; }
.prob-cta__texto { display: grid; gap: .5rem; padding-block: var(--e-5); }
.prob-cta h2 { color: var(--branco); font-size: var(--t-xl); margin: 0; }
.prob-cta__texto p:last-child { margin: 0; color: rgb(254 254 254 / .8); }
.prob-cta__acoes { display: grid; gap: var(--e-3); }
.prob-btn-linha { border: 1.5px solid rgb(254 254 254 / .6); color: var(--branco); background: transparent; justify-content: center; }
.prob-btn-linha:hover { background: rgb(254 254 254 / .1); }
.prob-btn-linha svg { width: 1.1rem; height: 1.1rem; }
@media (max-width: 1100px) {
.prob-grade--mosaico { grid-template-columns: repeat(3, 1fr); }
.prob-grade--mosaico .prob-cartao--grande { grid-column: span 3; grid-row: span 1; }
.prob-grade--mosaico .prob-cartao:last-child:nth-child(8) { grid-column: span 3; }
.prob-grade--linha { grid-template-columns: repeat(2, 1fr); }
.prob-duo { grid-template-columns: 1fr; }
.prob-cta { grid-template-columns: 1fr 1.4fr; padding-right: 0; }
.prob-cta__acoes { grid-column: 1 / -1; grid-auto-flow: column; padding: 0 var(--e-5) var(--e-5); }
}
@media (max-width: 680px) {
.prob-abas { margin-inline: calc(var(--e-4) * -1); padding-inline: var(--e-4); margin-bottom: var(--e-6); }
.prob-aba { flex: 0 0 auto; padding: .7rem 1.1rem; }
.prob-lista { gap: var(--e-7); }
.prob-grupo__cabeca { flex-direction: column; align-items: start; gap: .3rem; }
.prob-grade--mosaico, .prob-grade--linha, .prob-grade--dois { grid-template-columns: 1fr 1fr; grid-auto-rows: 12.5rem; gap: var(--e-3); }
.prob-grade--mosaico .prob-cartao--grande { grid-column: span 2; grid-auto-rows: auto; }
.prob-grade--mosaico .prob-cartao:last-child:nth-child(8) { grid-column: span 2; }
.prob-cartao { min-height: 0; }
.prob-cartao__corpo { padding: .85rem; padding-bottom: 3.3rem; }
.prob-cartao--grande .prob-cartao__corpo { padding-bottom: .9rem; padding-right: 3.5rem; }
.prob-cartao strong { font-size: var(--t-sm); }
.prob-cartao--grande strong { font-size: var(--t-md); }
.prob-icone { width: 2rem; height: 2rem; }
.prob-icone img { width: 1.1rem; height: 1.1rem; }
.prob-cartao__seta { right: .8rem; bottom: .8rem; width: 1.9rem; height: 1.9rem; }
.prob-cartao:not(.prob-cartao--grande) .prob-cartao__seta { left: .85rem; right: auto; }
.prob-cta { grid-template-columns: 1fr; }
.prob-cta__foto { min-height: 0; height: 9rem; }
.prob-cta__texto { padding: 0 var(--e-5); }
.prob-cta__acoes { grid-auto-flow: row; }
}
.prob-cartao strong { color: var(--branco); }
.prob-grade--mosaico .prob-cartao:not(.prob-cartao--grande) .prob-cartao__corpo { padding-right: 1rem; }
.prob-grade--mosaico .prob-cartao:not(.prob-cartao--grande) .prob-cartao__seta { top: 1rem; bottom: auto; }
.prob-grade--mosaico .prob-cartao__sub .inteira { white-space: normal; }
@media (min-width: 681px) { .prob-grade--mosaico .prob-cartao__sub { font-size: .75rem; } }
@media (max-width: 680px) {
.prob-grade--mosaico .prob-cartao:not(.prob-cartao--grande) .prob-cartao__seta { left: auto; right: .8rem; top: .8rem; }
.prob-grade--mosaico .prob-cartao:not(.prob-cartao--grande) .prob-cartao__corpo { padding: .85rem; }
.prob-cartao::after { background: linear-gradient(180deg, rgb(29 43 30 / .05) 15%, rgb(29 43 30 / .65) 50%, rgb(29 43 30 / .96)); }
}
.ab-logo { width: 160px; } @media (max-width: 760px) { .ab-logo { width: 130px; } }
.prob-abas { gap: var(--e-2); flex-wrap: wrap; overflow: visible; padding-bottom: 0; }
.prob-aba { flex: 0 0 auto; flex-direction: row; gap: .45rem; padding: .45rem .9rem .45rem .5rem; border-radius: 999px; background: transparent; border: 1px solid var(--linha); font-size: var(--t-sm); font-weight: 600; }
.prob-aba__ic { width: 1.6rem; height: 1.6rem; background: var(--nevoa); }
.prob-aba__ic svg, .prob-aba__ic img { width: 1rem; height: 1rem; }
.prob-aba small { font-size: .78em; font-weight: 600; opacity: .6; }
.prob-aba small::before { content: "· "; }
.prob-aba:hover { background: var(--nevoa); border-color: var(--nevoa); }
.prob-aba.ativa { background: var(--mata); border-color: var(--mata); color: var(--branco); }
.prob-aba.ativa .prob-aba__ic { background: rgb(254 254 254 / .14); color: var(--broto); }
.prob-aba.ativa .prob-aba__ic img { filter: brightness(0) invert(1); }
@media (max-width: 760px) { .prob-abas { flex-wrap: nowrap; overflow-x: auto; } .prob-aba { padding: .4rem .8rem .4rem .45rem; } }
.cont-filtros__lista { gap: var(--e-2); }
.cont-filtro { display: inline-flex; align-items: center; gap: .45rem; min-width: 0; padding: .45rem .9rem .45rem .5rem; border: 1px solid var(--linha); border-radius: 999px; background: transparent; color: var(--mata); font-size: var(--t-sm); font-weight: 600; }
.cont-filtro__ic { width: 1.6rem; height: 1.6rem; background: var(--nevoa); color: var(--folha); }
.cont-filtro__ic svg { width: 1rem; height: 1rem; }
.cont-filtro:hover { background: var(--nevoa); border-color: var(--nevoa); }
.cont-filtro.ativo { background: var(--mata); border-color: var(--mata); color: var(--branco); }
.cont-filtro.ativo .cont-filtro__ic { background: rgb(254 254 254 / .14); color: var(--broto); }
.news-ok { display: grid; justify-items: center; text-align: center; gap: var(--e-3); padding: var(--e-4) var(--e-2) var(--e-2); }
.news-ok[hidden] { display: none; }
.news-ok__selo { width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; color: var(--branco); background: var(--folha); box-shadow: 0 0 0 10px rgb(57 123 53 / .12), 0 0 0 20px rgb(168 207 69 / .12); margin-bottom: var(--e-3); animation: news-pop .5s cubic-bezier(.2,1.4,.4,1) both; }
.news-ok__selo svg { width: 38px; height: 38px; stroke-dasharray: 24; stroke-dashoffset: 24; animation: news-check .45s .25s ease-out forwards; }
.news-ok .news-titulo { padding-right: 0; }
.news-ok p { color: var(--texto-suave); max-width: 32ch; text-wrap: balance; }
.news-ok p b { color: var(--mata); }
.news-ok__dica { font-size: var(--t-sm); margin-top: var(--e-2); }
.news-ok__acoes { margin-top: var(--e-2); }
@keyframes news-pop { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes news-check { to { stroke-dashoffset: 0; } }
@media (prefers-reduced-motion: reduce) { .news-ok__selo, .news-ok__selo svg { animation: none; stroke-dashoffset: 0; } }
.email-aviso { display: block; margin-top: 6px; font-size: var(--t-xs); font-weight: 600; color: var(--alerta); }
.email-aviso[hidden] { display: none; }
.email-aviso__corrigir { margin-left: 4px; padding: 2px 10px; border: 1px solid currentColor; border-radius: 999px; background: none; color: inherit; font: inherit; cursor: pointer; }
.email-aviso__corrigir:hover { background: var(--alerta); color: #fff; }
.sobre-titulo { font-size: var(--t-xl); line-height: 1.1; font-weight: 800; color: var(--grafite); letter-spacing: -.02em; }
.sobre-quem .sobretitulo, .sobre-estrutura .sobretitulo, .sobre-frentes .sobretitulo, .sobre-registros .sobretitulo { color: var(--folha); }
.sobre-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--solo); color: rgb(254 254 254 / .85); padding: var(--e-7) 0 var(--e-8); min-height: 520px; padding-top: var(--e-8); }
.sobre-hero__foto { position: absolute; top: 0; bottom: 0; left: 42%; width: 58%; height: 100%; object-fit: cover; object-position: 35% 40%; z-index: -2; }
.sobre-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, var(--solo) 0%, var(--solo) 42%, rgb(29 43 30 / .75) 50%, rgb(29 43 30 / .2) 64%, rgb(29 43 30 / 0) 78%); }
.sobre-hero__grade { position: relative; }
.sobre-hero__texto { max-width: 640px; }
.sobre-hero .trilha { color: rgb(254 254 254 / .7); } .sobre-hero .trilha a { color: var(--broto); }
.sobre-hero .sobretitulo { color: rgb(254 254 254 / .75); }
.sobre-hero h1 { font-size: clamp(2.2rem, 1.3rem + 3vw, 3.6rem); max-width: 17ch; line-height: 1; font-weight: 800; color: var(--branco); letter-spacing: -.03em; }
.sobre-hero h1 em { display: block; font-style: normal; color: var(--broto); }
.sobre-hero__lead { margin-top: var(--e-5); font-size: var(--t-md); max-width: 36ch; }
.sobre-hero__selos { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--e-6); margin-top: var(--e-6); }
.sobre-hero__selos li { display: flex; gap: var(--e-3); align-items: center; font-size: var(--t-xs); font-weight: 700; color: var(--branco); }
.sobre-hero__selos svg { width: 30px; height: 30px; color: var(--broto); }
.sobre-hero__sede { position: absolute; right: var(--margem); bottom: calc(-1 * var(--e-5)); display: flex; gap: var(--e-3); align-items: center; padding: var(--e-3) var(--e-5) var(--e-3) var(--e-3); border-radius: var(--r-pilula); background: rgb(29 43 30 / .8); backdrop-filter: blur(8px); border: 1px solid rgb(254 254 254 / .14); font-size: var(--t-xs); }
.sobre-hero__sede strong { display: block; color: var(--branco); font-size: var(--t-sm); }
.sobre-quem__grade { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: center; }
.sobre-quem p:not(.sobretitulo) { margin-top: var(--e-4); color: var(--texto-suave); max-width: 52ch; }
.sobre-pilares { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-3); margin-top: var(--e-6); }
.sobre-pilares li { display: grid; gap: var(--e-3); padding: var(--e-5) var(--e-4); border: 1px solid var(--linha); border-radius: var(--r-bloco); background: var(--branco); font-size: var(--t-sm); font-weight: 700; color: var(--mata); line-height: 1.3; }
.sobre-pilares svg { width: 28px; height: 28px; color: var(--folha); }
.sobre-mapa { position: relative; padding: var(--e-6); border-radius: var(--r-midia); background: var(--solo); color: rgb(254 254 254 / .75); overflow: hidden; }
.sobre-quem .sobre-mapa__titulo { color: var(--branco) !important; margin-top: 0; font-size: var(--t-xs); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--branco); }
.sobre-mapa__texto { margin-top: var(--e-1) !important; font-size: var(--t-sm); color: rgb(254 254 254 / .7) !important; }
.sobre-mapa img { display: block; width: 100%; max-width: 560px; height: auto; margin: var(--e-4) auto 0; }
.sobre-cabeca { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--e-4); margin-bottom: var(--e-6); }
.sobre-cabeca > p { max-width: 46ch; color: var(--texto-suave); font-size: var(--t-sm); }
.sobre-link { display: inline-flex; gap: .4em; align-items: center; font-weight: 700; font-size: var(--t-sm); color: var(--folha); text-decoration: none; }
.sobre-link svg { width: 16px; height: 16px; }
.sobre-galeria { display: grid; grid-template-columns: 1.9fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: var(--e-3); }
.sobre-galeria figure { position: relative; margin: 0; border-radius: var(--r-bloco); overflow: hidden; min-height: 210px; background: var(--solo); }
.sobre-galeria img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sobre-galeria figcaption { position: absolute; inset: auto 0 0; padding: var(--e-6) var(--e-4) var(--e-4); background: linear-gradient(0deg, rgb(29 43 30 / .9), transparent); color: var(--branco); font-size: var(--t-sm); font-weight: 600; display: grid; justify-items: start; gap: var(--e-1); }
.sobre-galeria__sede { grid-row: span 2; display: flex; flex-direction: column; background: var(--branco) !important; border: 1px solid var(--linha); }
.sobre-galeria__sede img { position: static; flex: 1; min-height: 0; }
.sobre-galeria__sede figcaption { position: relative; inset: auto; background: var(--branco); color: var(--texto-suave); padding: var(--e-4) var(--e-5) var(--e-5); font-weight: 400; }
.sobre-galeria__sede figcaption strong { color: var(--grafite); font-size: var(--t-base); }
.sobre-galeria__sede .sobre-tag { position: absolute; top: 0; left: var(--e-5); transform: translateY(-50%); }
.sobre-tag { display: inline-block; padding: .2em .8em; border-radius: var(--r-pilula); background: var(--broto); color: var(--solo); font-size: .72rem; font-weight: 700; }
.sobre-frentes__lista { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-4); }
.sobre-frentes__lista li { display: flex; flex-direction: column; border: 1px solid var(--linha); border-radius: var(--r-midia); background: var(--branco); overflow: hidden; transition: transform var(--duracao), box-shadow var(--duracao); }
.sobre-frentes__lista li:hover { transform: translateY(-4px); box-shadow: var(--sombra-elevada); }
.sobre-frentes__lista img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.sobre-frentes__corpo { position: relative; padding: var(--e-6) var(--e-5) var(--e-5); }
.sobre-frentes__corpo .sobre-icone { position: absolute; top: -28px; left: var(--e-5); background: var(--folha); color: var(--branco); box-shadow: 0 0 0 5px var(--branco); }
.sobre-frentes__n { position: absolute; top: var(--e-4); right: var(--e-5); font-family: var(--fonte-dado); font-size: var(--t-sm); color: var(--cinza); }
.sobre-frentes__lista h3 { margin-top: var(--e-2); font-size: var(--t-md); color: var(--grafite); }
.sobre-frentes__lista p { margin-top: var(--e-2); font-size: var(--t-sm); color: var(--texto-suave); }
.sobre-icone { flex: none; width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: rgb(57 123 53 / .1); color: var(--folha); }
.sobre-icone svg { width: 26px; height: 26px; }
.sobre-impacto { position: relative; overflow: hidden; padding: var(--secao) 0; background: radial-gradient(120% 140% at 0% 100%, #2b4a2b 0%, var(--solo) 60%); color: rgb(254 254 254 / .8); }
.sobre-impacto__grade { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: center; }
.sobre-impacto .sobretitulo { color: var(--broto); }
.sobre-impacto .sobre-titulo { color: var(--branco); font-size: var(--t-2xl); max-width: 14ch; }
.sobre-impacto p:not(.sobretitulo) { margin: var(--e-4) 0 var(--e-6); max-width: 48ch; }
.sobre-banco { padding: var(--e-6); border: 1px solid rgb(168 207 69 / .2); border-radius: var(--r-midia); background: rgb(254 254 254 / .03); }
.sobre-banco__total { display: flex; gap: var(--e-4); align-items: center; }
.sobre-banco__total strong { font-size: clamp(4.5rem, 3rem + 5vw, 7rem); line-height: .9; font-weight: 800; color: var(--broto); letter-spacing: -.04em; }
.sobre-banco__total span { font-size: var(--t-md); font-weight: 700; color: var(--branco); line-height: 1.2; }
.sobre-banco__grupos { display: grid; gap: var(--e-4); margin-top: var(--e-6); }
.sobre-banco__rotulo { font-size: var(--t-sm); color: rgb(254 254 254 / .75); margin-bottom: var(--e-2); }
.sobre-banco__rotulo b { color: var(--branco); font-size: var(--t-md); }
.sobre-banco__barra { height: 8px; border-radius: var(--r-pilula); background: rgb(254 254 254 / .08); overflow: hidden; }
.sobre-banco__barra i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--folha), var(--broto)); }
.sobre-banco__lista { margin-top: var(--e-5); border-top: 1px solid rgb(254 254 254 / .1); padding-top: var(--e-4); }
.sobre-banco__lista summary { cursor: pointer; font-size: var(--t-sm); font-weight: 700; color: var(--broto); }
.sobre-banco__lista ul { list-style: none; padding: 0; margin-top: var(--e-3); display: flex; flex-wrap: wrap; gap: var(--e-2); }
.sobre-banco__lista li { padding: .25em .7em; border-radius: var(--r-pilula); background: rgb(254 254 254 / .06); font-size: var(--t-xs); color: rgb(254 254 254 / .75); }
.sobre-registros__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: center; }
.sobre-registros p:not(.sobretitulo) { margin-top: var(--e-3); color: var(--texto-suave); font-size: var(--t-sm); }
.sobre-logos { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--e-3); }
.sobre-logos li { display: grid; place-items: center; aspect-ratio: 16 / 10; padding: var(--e-2); }
.sobre-logos img { mix-blend-mode: multiply; max-width: 100%; max-height: 84px; width: auto; height: auto; object-fit: contain; }
@media (max-width: 560px) { .sobre-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.sobre-registros { padding-block: var(--e-8); }
.sobre-cta-sec { padding: 0 0 var(--secao); }
.sobre-cta { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--e-5); padding: clamp(1.75rem, 1rem + 3vw, 3rem); border-radius: var(--r-midia); color: rgb(254 254 254 / .85); }
.sobre-cta img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.sobre-cta::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(29 43 30 / .96) 0%, rgb(29 43 30 / .8) 55%, rgb(29 43 30 / .45) 100%); }
.sobre-cta .sobretitulo { color: var(--broto); }
.sobre-cta h2 { font-size: var(--t-xl); color: var(--branco); font-weight: 800; line-height: 1.1; }
@media (min-width: 760px) { .sobre-cta__quebra { display: block; white-space: nowrap; } }
.sobre-cta__texto p:not(.sobretitulo) { margin-top: var(--e-3); max-width: 60ch; line-height: 1.6; }
.sobre-cta__botoes { display: grid; gap: var(--e-3); }
.sobre-cta .btn--linha { color: var(--branco); border-color: rgb(254 254 254 / .7); }
.sobre-cta .btn svg { width: 18px; height: 18px; }
@media (max-width: 960px) {
.sobre-hero__foto { left: 0; width: 100%; object-position: 70% 40%; }
.sobre-quem__grade, .sobre-impacto__grade, .sobre-registros__grade { grid-template-columns: 1fr; }
.sobre-frentes__lista { grid-template-columns: 1fr; }
.sobre-galeria { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.sobre-galeria__sede { grid-column: 1 / -1; grid-row: auto; min-height: 380px; }
.sobre-hero::before { background: linear-gradient(180deg, rgb(29 43 30 / .75), rgb(29 43 30 / .95)); }
.sobre-hero__sede { position: static; margin-top: var(--e-6); width: fit-content; }
}
@media (max-width: 560px) {
.sobre-pilares, .sobre-galeria { grid-template-columns: 1fr; }
}
.rodape__contato li { display: grid; grid-template-columns: 18px 1fr; gap: var(--e-3); align-items: start; }
.rodape__contato svg { width: 18px; height: 18px; margin-top: .2em; color: var(--broto); }
.faixa { overflow: hidden; background: var(--solo); color: var(--branco); border-block: 1px solid rgb(168 207 69 / .18); }
.faixa__trilho { display: flex; width: max-content; animation: faixa-corre 45s linear infinite; }
.faixa:hover .faixa__trilho { animation-play-state: paused; }
.faixa__lista { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
.faixa__lista li { white-space: nowrap; padding-block: .9em; font-size: var(--t-sm); font-weight: 600; letter-spacing: .01em; }
.faixa__sep { padding-inline: 1.6em; color: var(--broto); display: flex; }
.faixa__folha { width: 20px; height: 18px; }
@keyframes faixa-corre { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .faixa__trilho { animation: none; } }
.idioma { position: relative; flex: none; margin-left: var(--e-2); }
.idioma__botao { display: inline-flex; align-items: center; gap: .35em; min-height: 44px; padding: 0 .7em; border: 1.5px solid var(--linha); border-radius: var(--r-pilula); background: none; color: var(--mata); font: inherit; font-size: var(--t-xs); font-weight: 700; cursor: pointer; }
.idioma__botao svg { width: 20px; height: 20px; color: var(--folha); }
.idioma__botao:hover, .idioma__botao[aria-expanded="true"] { border-color: var(--folha); }
.idioma__lista { position: absolute; right: 0; top: calc(100% + 8px); z-index: 70; min-width: 190px; list-style: none; margin: 0; padding: var(--e-2); background: var(--branco); border: 1px solid var(--linha); border-radius: var(--r-bloco); box-shadow: var(--sombra-elevada); }
.idioma__lista[hidden] { display: none; }
.idioma__lista a { display: flex; align-items: center; gap: .7em; padding: .6em .7em; border-radius: var(--r-controle); color: var(--mata); font-weight: 600; font-size: var(--t-sm); text-decoration: none; }
.idioma__lista a span { min-width: 2.2em; font-size: var(--t-xs); font-weight: 700; color: var(--texto-suave); }
.idioma__lista a:hover { background: var(--nevoa); }
.idioma__lista a[aria-current] { color: var(--folha); }
.idioma__lista a[aria-current] span { color: var(--folha); }
@media (max-width: 1280px) {
.idioma { order: 2; margin-left: auto; }
.topo__abrir { order: 3; margin-left: var(--e-2) !important; }
.idioma__botao span { display: none; }
}
.topo { position: sticky; top: 0; z-index: 50; background: transparent; border-bottom: 0; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; padding-top: 14px; margin-bottom: 8px; pointer-events: none; }
.topo.rolou { box-shadow: none; }
.topo__barra { pointer-events: auto; min-height: 72px; padding-inline: clamp(16px, 2vw, 28px); border-radius: 999px; border: 1px solid rgb(29 43 30 / .08); background: rgb(254 254 254 / .86); backdrop-filter: blur(16px) saturate(1.4); -webkit-backdrop-filter: blur(16px) saturate(1.4); box-shadow: 0 10px 30px -18px rgb(29 43 30 / .45); transition: background var(--duracao), box-shadow var(--duracao); }
.topo.rolou .topo__barra { background: rgb(254 254 254 / .94); box-shadow: 0 14px 34px -16px rgb(29 43 30 / .5); }
.topo__acoes .btn { border-radius: 999px; }
@media (max-width: 1280px) {
.topo { background: transparent; }
.topo__barra { backdrop-filter: none; -webkit-backdrop-filter: none; background: rgb(254 254 254 / .97); }
}
.menu-vidro .topo { margin-bottom: calc(-1 * var(--topo-h)); }
.pg-inicio { --topo-h: 104px; }
.menu-vidro .topo { background: transparent; border-bottom: 0; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; margin-bottom: calc(-1 * var(--topo-h)); padding-top: 14px; pointer-events: none; }
.menu-vidro .topo__barra { pointer-events: auto; min-height: 76px; padding-inline: clamp(16px, 2vw, 28px); border-radius: 999px; border: 1px solid rgb(255 255 255 / .14); background: linear-gradient(180deg, rgb(20 40 22 / .5), rgb(10 24 12 / .38)); backdrop-filter: blur(18px) saturate(1.4); -webkit-backdrop-filter: blur(18px) saturate(1.4); box-shadow: 0 14px 40px -24px rgb(0 0 0 / .8), inset 0 1px 0 rgb(255 255 255 / .08); transition: background var(--duracao); }
.menu-vidro .topo.rolou .topo__barra { background: linear-gradient(180deg, rgb(20 40 22 / .82), rgb(10 24 12 / .74)); }
.menu-vidro .topo__logo img { content: url("/assets/img/marca/logo-horizontal-branco.svg"); }
.menu-vidro .idioma__botao, .menu-vidro .topo__abrir { color: #fff; border-color: rgb(255 255 255 / .25); }
.menu-vidro .idioma__botao svg { color: var(--broto); }
.menu-vidro .topo__acoes .btn { border-radius: 999px; background: linear-gradient(180deg, #3f8a39, #2f6a2c); border: 1px solid rgb(168 207 69 / .55); box-shadow: 0 0 22px -6px rgb(168 207 69 / .55); }
@media (min-width: 1281px) {
.menu-vidro .menu > li > .menu__link { color: rgb(255 255 255 / .88); font-weight: 500; }
.menu-vidro .menu > li > .menu__link:hover, .menu-vidro .menu > li > .menu__link[aria-expanded="true"] { background: rgb(255 255 255 / .08); color: #fff; }
.menu-vidro .topo__acoes { padding-left: var(--e-4); border-left: 1px solid rgb(255 255 255 / .2); }
}
@media (max-width: 1280px) {
.menu-vidro .topo__barra { backdrop-filter: none; -webkit-backdrop-filter: none; background: rgb(14 30 16 / .82); }
}
.pg-inicio .h-hero { padding-top: var(--topo-h); min-height: min(calc(100svh - 42px), 980px); display: flex; flex-direction: column; }
.pg-inicio .h-hero__conteudo { margin-block: auto; padding-block: clamp(1.5rem, 4vh, 3.5rem) clamp(1rem, 2vh, 2rem); }
.h-pilares { --w: min(880px, calc(100% - 260px)); --base: 46px; --rampa: 120px; position: relative; width: 100%; margin-top: var(--e-6); }
.h-pilares::before, .h-pilares::after { content: ""; position: absolute; bottom: 0; height: var(--base); width: calc(50% - var(--w) / 2 - var(--rampa)); background: rgb(8 20 10 / .7); border-top: 1px solid rgb(255 255 255 / .2); }
.h-pilares::before { left: 0; }
.h-pilares::after { right: 0; }
.h-pilares__rampa { position: absolute; bottom: 0; width: var(--rampa); height: 100%; pointer-events: none; }
.h-pilares__rampa--e { right: calc(50% + var(--w) / 2); }
.h-pilares__rampa--d { left: calc(50% + var(--w) / 2); transform: scaleX(-1); }
.h-pilares__rampa svg { display: block; width: 100%; height: 100%; color: inherit; stroke: none; }
.h-pilares ul { list-style: none; margin: 0 auto; width: var(--w); height: 96px; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; padding: 14px clamp(10px, 2vw, 30px); background: rgb(8 20 10 / .7); border-top: 1px solid rgb(255 255 255 / .2); }
.h-pilares li { display: flex; align-items: center; justify-content: center; gap: 16px; padding-inline: 12px; color: #fff; font-size: .98rem; font-weight: 500; line-height: 1.35; }
.h-pilares li + li { border-left: 1px solid rgb(255 255 255 / .2); }
.h-pilares li svg { width: 40px; height: 40px; flex: none; color: var(--broto); stroke-width: 1.4; }
@media (max-width: 760px) {
.h-pilares::before, .h-pilares::after, .h-pilares__rampa { display: none; }
.h-pilares ul { width: 100%; border-radius: 28px 28px 0 0; padding: 18px 8px; border: 1px solid rgb(255 255 255 / .2); border-bottom: 0; }
.h-pilares li { flex-direction: column; text-align: center; gap: 8px; font-size: .78rem; padding-inline: 6px; }
.h-pilares li svg { width: 30px; height: 30px; }
}
:root { --topo-h: 100px; }
.topo { margin-bottom: calc(-1 * var(--topo-h)); }
#conteudo > section:first-child, #conteudo > header:first-child, #conteudo > div:first-child:not(.abertura) { padding-top: calc(var(--topo-h) + 8px); }
.topo__barra, .menu-vidro .topo__barra, .topo.rolou .topo__barra, .menu-vidro .topo.rolou .topo__barra { position: relative; isolation: isolate; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.topo__barra::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
background: linear-gradient(180deg, rgb(255 255 255 / .62), rgb(255 255 255 / .48));
backdrop-filter: blur(22px) saturate(1.6); -webkit-backdrop-filter: blur(22px) saturate(1.6); transition: background var(--duracao); }
.topo.rolou .topo__barra::before { background: linear-gradient(180deg, rgb(255 255 255 / .74), rgb(255 255 255 / .62)); }
.topo__barra { border-color: rgb(255 255 255 / .55); box-shadow: 0 12px 34px -18px rgb(10 24 12 / .55), inset 0 1px 0 rgb(255 255 255 / .6); }
.menu-vidro .topo__barra { border-color: rgb(255 255 255 / .14); box-shadow: 0 14px 40px -24px rgb(0 0 0 / .8), inset 0 1px 0 rgb(255 255 255 / .08); }
.menu-vidro .topo__barra::before { background: linear-gradient(180deg, rgb(20 40 22 / .45), rgb(10 24 12 / .32)); }
.menu-vidro .topo.rolou .topo__barra::before { background: linear-gradient(180deg, rgb(20 40 22 / .8), rgb(10 24 12 / .72)); }
.pg-inicio .h-hero { padding-top: var(--topo-h); }
.topo, .menu-vidro .topo { margin-bottom: -90px; }
.menu-vidro .topo__barra { min-height: 76px; }
.faixa { background: var(--broto); color: var(--solo); border-block: 0; }
.faixa__lista li { font-weight: 700; }
.faixa__sep { color: var(--folha); }
.h-etapas { position: relative; isolation: isolate; overflow: hidden; padding-top: clamp(3.5rem, 2.5rem + 3vw, 5.5rem); background: linear-gradient(180deg, #f1f3e6 0%, #f7f6ea 55%, #f6efdc 100%); text-align: center; }
.h-etapas::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; aspect-ratio: 2171 / 235; background: url("/assets/img/site/etapas-solo.webp") center bottom / 100% 100% no-repeat; -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 28%); mask-image: linear-gradient(180deg, transparent 0, #000 28%); }
.h-etapas__sobre { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0 0 var(--e-3); font-size: .72rem; font-weight: 700; letter-spacing: .26em; text-transform: uppercase; color: var(--folha); }
.h-etapas__sobre::before, .h-etapas__sobre::after { content: ""; width: 38px; height: 1px; background: var(--folha); opacity: .6; }
.h-etapas .h-titulo { max-width: 30ch; margin-inline: auto; text-wrap: balance; }
.h-etapas__dest { position: relative; display: inline-block; }
.h-etapas__dest svg { position: absolute; left: 0; right: 0; bottom: -.18em; width: 100%; height: .22em; color: var(--folha); }
.h-etapas__sub { max-width: 54rem; margin: var(--e-4) auto 0; color: #5d6258; font-size: var(--t-md); line-height: 1.55; text-wrap: balance; }
.h-etapas__lista { list-style: none; margin: clamp(2rem, 1rem + 3vw, 3.5rem) 10.4% 5.9% 9.7%; padding: 0; display: grid; grid-template-columns: 295fr 154fr 294fr 117fr 280fr 130fr 313fr; text-align: left; align-items: stretch; }
.h-etapa { position: relative; padding: 30px 24px 3.6vw 24px; border: 1px solid rgb(57 123 53 / .22); border-bottom: 0; border-radius: 30px 30px 0 0; background: linear-gradient(180deg, rgb(255 255 255 / .55) 0%, rgb(255 255 255 / .2) 60%, rgb(255 255 255 / 0) 100%); }
.h-etapa__n { position: absolute; left: 22px; top: 28px; font-size: .78rem; font-weight: 800; color: var(--folha); }
.h-etapa__ic { display: grid; place-items: center; width: 66px; height: 66px; margin: -4px 0 14px 34px; border-radius: 50%; background: radial-gradient(circle at 30% 25%, #3a5a39, #1f3320); color: var(--broto); box-shadow: 0 10px 22px -10px rgb(15 35 17 / .55); }
.h-etapa__ic svg { width: 30px; height: 30px; stroke-width: 1.6; }
.h-etapa h3 { margin: 0 0 8px; font-size: clamp(1.02rem, .8rem + .6vw, 1.3rem); line-height: 1.15; color: #20351f; }
.h-etapa p { margin: 0; font-size: clamp(.8rem, .7rem + .25vw, .92rem); line-height: 1.45; color: #3f453c; }
.h-etapas__lig { position: relative; align-self: start; margin-top: 62px; height: 1px; background: var(--folha); opacity: .7; }
.h-etapas__lig::after { content: ""; position: absolute; right: -1px; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--folha); }
@media (max-width: 1000px) {
.h-etapas::before { aspect-ratio: auto; height: 120px; background-size: cover; }
.h-etapas__lista { grid-template-columns: 1fr 1fr; gap: var(--e-3); margin: var(--e-6) var(--margem, 20px) 0; padding-bottom: 150px; }
.h-etapas__lig { display: none; }
.h-etapa { padding-bottom: 28px; border-bottom: 1px solid rgb(57 123 53 / .22); border-radius: 26px; background: rgb(255 255 255 / .6); }
}
@media (max-width: 560px) { .h-etapas__lista { grid-template-columns: 1fr; } .h-etapa__ic { margin-left: 30px; } }
@media (max-width: 560px) { .h-etapas__sub { font-size: var(--t-base); } .h-etapas__sobre { letter-spacing: .18em; } }
.sol-hero .hero__conteudo { max-width: 52rem; padding-bottom: clamp(7rem, 5rem + 6vw, 10rem); }
.sol-hero h1 span { color: var(--broto); }
.sol-beneficios { list-style: none; margin: var(--e-3) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--e-4) var(--e-6); }
.sol-beneficios li { display: flex; align-items: center; gap: var(--e-3); font-size: var(--t-xs); font-weight: 600; line-height: 1.3; max-width: 9.5rem; color: rgb(254 254 254 / .9); }
.sol-beneficios span { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid var(--broto); color: var(--broto); }
.sol-beneficios svg { width: 22px; height: 22px; }
.sol { position: relative; z-index: 2; margin-top: clamp(-6.5rem, -4rem - 3vw, -4rem); padding-bottom: var(--secao); scroll-margin-top: 90px; }
.sol-painel { background: #fbfcf9; border-radius: 28px; box-shadow: 0 30px 60px -30px rgb(29 43 30 / .35), 0 2px 6px rgb(29 43 30 / .06); padding: clamp(1.25rem, .8rem + 2vw, 2.75rem); }
.sol-passos { list-style: none; margin: 0 auto clamp(1.5rem, 1rem + 2vw, 2.75rem); padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-4); max-width: 62rem; }
.sol-passo { position: relative; }
.sol-passo:not(:last-child)::after { content: ""; position: absolute; top: 26px; left: calc(52px + 7.5rem); right: var(--e-2); height: 2px; background: var(--linha); border-radius: 2px; }
.sol-passo.feito::after { background: var(--folha); }
.sol-passo button { all: unset; box-sizing: border-box; display: flex; align-items: center; gap: var(--e-3); cursor: pointer; border-radius: 14px; padding: 2px; }
.sol-passo button:disabled { cursor: default; }
.sol-passo button:focus-visible { outline: 2px solid var(--folha); outline-offset: 4px; }
.sol-passo__n { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #e3e6df; color: #fff; font-size: var(--t-md); }
.sol-passo__n svg { display: none; width: 26px; height: 26px; }
.sol-passo.atual .sol-passo__n { background: var(--folha); box-shadow: 0 0 0 6px rgb(57 123 53 / .14); }
.sol-passo.feito .sol-passo__n { background: var(--broto); color: var(--mata); }
.sol-passo.feito .sol-passo__n b { display: none; }
.sol-passo.feito .sol-passo__n svg { display: block; }
.sol-passo strong { display: block; color: var(--mata); font-size: var(--t-sm); }
.sol-passo small { display: block; color: var(--texto-suave); font-size: var(--t-xs); max-width: 7rem; line-height: 1.3; }
.sol-passo:not(.atual):not(.feito) strong { color: var(--cinza); }
.sol-etapa { display: grid; grid-template-columns: minmax(15rem, 20rem) 1fr; gap: clamp(1.5rem, 1rem + 2.5vw, 3.5rem); }
.sol-etapa[hidden] { display: none; }
.sol-lado { display: flex; flex-direction: column; gap: var(--e-4); }
.sol-lado h2 { font-size: var(--t-xl); line-height: 1.08; color: var(--solo); }
.sol-lado p { color: var(--texto-suave); font-size: var(--t-md); line-height: 1.5; }
.sol-lado .sol-seguir, .sol-botoes { margin-top: auto; }
.sol-botoes { display: flex; flex-wrap: wrap; gap: var(--e-3); }
.sol-botoes--abaixo { margin-top: var(--e-5); justify-content: space-between; align-items: center; }
.sol-seguir svg, .sol-botoes svg, .sol-topo .btn svg { width: 20px; height: 20px; }
.sol-seguir:disabled { opacity: .45; pointer-events: none; }
.sol-grade { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 12.5rem), 1fr)); gap: var(--e-4); }
.sol-op { position: relative; display: flex; flex-direction: column; background: var(--branco); border: 1.5px solid var(--linha); border-radius: 16px; overflow: hidden; cursor: pointer; transition: border-color .2s, box-shadow .2s, transform .2s; }
.sol-op[hidden] { display: none; }
.sol-op:hover { transform: translateY(-2px); box-shadow: 0 14px 26px -16px rgb(29 43 30 / .35); }
.sol-op input { position: absolute; opacity: 0; pointer-events: none; }
.sol-op img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.sol-op__nome { padding: var(--e-3) var(--e-4) 0; font-weight: 700; color: var(--solo); font-size: var(--t-sm); }
.sol-op__sub { padding: var(--e-1) var(--e-4) 0; font-size: var(--t-xs); color: var(--texto-suave); line-height: 1.35; }
.sol-op { padding-bottom: var(--e-4); }
.sol-op__check { position: absolute; top: 10px; right: 10px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgb(254 254 254 / .85); color: transparent; border: 1.5px solid rgb(254 254 254 / .9); transition: .2s; }
.sol-op__check svg { width: 20px; height: 20px; }
.sol-op:has(input:checked) { border-color: var(--folha); box-shadow: 0 0 0 3px rgb(57 123 53 / .18); }
.sol-op:has(input:checked) .sol-op__nome { color: var(--folha); }
.sol-op:has(input:checked) .sol-op__check { background: var(--folha); color: var(--branco); border-color: var(--folha); }
.sol-op:has(input:focus-visible) { outline: 2px solid var(--folha); outline-offset: 3px; }
.sol-ajuda { margin-top: var(--e-5); display: flex; align-items: center; gap: var(--e-4); padding: var(--e-4) var(--e-5); border-radius: 16px; background: var(--nevoa); }
.sol-ajuda > div { flex: 1; }
.sol-ajuda strong { color: var(--solo); font-size: var(--t-sm); }
.sol-ajuda p { margin: 0; font-size: var(--t-xs); color: var(--texto-suave); }
.sol-ajuda__ic { flex: none; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #dfeac9; color: var(--folha); }
.sol-ajuda__ic svg { width: 24px; height: 24px; }
.sol-zap { flex: none; }
.sol-etapa--resultado { grid-template-columns: 1fr; gap: var(--e-6); }
.sol-topo { display: flex; align-items: end; justify-content: space-between; gap: var(--e-4); flex-wrap: wrap; border-bottom: 1px solid var(--linha); padding-bottom: var(--e-5); }
.sol-topo .prob-sobre { color: var(--folha); }
.sol-titulo { font-size: var(--t-xl); color: var(--solo); line-height: 1.1; margin-top: var(--e-2); }
.sol-titulo [data-txt="problemas"] { color: var(--folha); }
.sol-titulo__seta { color: var(--broto); }
.sol-sobre { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 26rem), 1fr)); gap: var(--e-4); }
.sol-prob { display: grid; grid-template-columns: 9rem 1fr; gap: var(--e-4); align-items: start; padding: var(--e-4); border-radius: 16px; background: var(--nevoa); }
.sol-prob[hidden] { display: none; }
.sol-prob img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 12px; }
.sol-prob .prob-sobre { color: var(--folha); }
.sol-prob h3 { font-size: var(--t-md); color: var(--solo); margin: var(--e-1) 0 var(--e-2); }
.sol-prob p { font-size: var(--t-xs); color: var(--texto-suave); line-height: 1.45; margin: 0 0 var(--e-2); }
.sol-bloco__cabeca { display: flex; align-items: center; gap: var(--e-4); margin-bottom: var(--e-5); }
.sol-bloco__cabeca > div { flex: 1; }
.sol-bloco__cabeca h3 { font-size: var(--t-lg); color: var(--solo); }
.sol-bloco__cabeca p { margin: 0; color: var(--texto-suave); font-size: var(--t-sm); }
.sol-bloco__ic { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #dfeac9; color: var(--folha); }
.sol-bloco__ic svg { width: 28px; height: 28px; }
.sol-vazio { padding: var(--e-5); border-radius: 16px; background: var(--nevoa); color: var(--texto-suave); margin: 0; }
.sol-cta { display: flex; align-items: center; justify-content: space-between; gap: var(--e-5); flex-wrap: wrap; padding: clamp(1.5rem, 1rem + 2vw, 2.5rem); border-radius: 22px; color: var(--branco); background: linear-gradient(100deg, rgb(29 43 30 / .95), rgb(29 43 30 / .7)), url("/assets/img/site/lavoura-aerea.webp") center / cover; }
.sol-cta h3 { color: var(--branco); font-size: var(--t-lg); }
.sol-cta p { margin: var(--e-2) 0 0; color: rgb(254 254 254 / .8); }
.sol-cta .btn svg { width: 22px; height: 22px; }
.sol-nota { margin: 0; text-align: center; }
@media (max-width: 900px) {
.sol-etapa { grid-template-columns: 1fr; }
.sol-lado .sol-seguir, .sol-botoes { order: 9; }
.sol-etapa:not(.sol-etapa--resultado) .sol-lado { display: contents; }
.sol-etapa:not(.sol-etapa--resultado) .sol-lado > :is(h2, p) { order: -1; }
.sol-passo:not(:last-child)::after { display: none; }
.sol-passo small { display: none; }
}
@media (max-width: 560px) {
.sol-passos { gap: var(--e-2); }
.sol-passo button { flex-direction: column; text-align: center; gap: var(--e-2); }
.sol-passo__n { width: 42px; height: 42px; }
.sol-grade { grid-template-columns: 1fr 1fr; gap: var(--e-3); }
.sol-op__sub { display: none; }
.sol-op { padding-bottom: var(--e-3); }
.sol-ajuda { flex-wrap: wrap; }
.sol-prob { grid-template-columns: 5.5rem 1fr; }
.sol-bloco__cabeca { flex-wrap: wrap; }
.sol-cta .btn { width: 100%; justify-content: center; }
.sol-beneficios li { max-width: 8.5rem; }
}
.sol-beneficios em { font-style: normal; }
.sol-prob .sol-prob__rot { margin: 0; font-weight: 700; color: var(--mata); }
@media (max-width: 560px) {
.sol .wrap { padding-inline: 10px; }
.sol-painel { padding: 1.1rem .85rem; border-radius: 20px; }
.sol-bloco__ic { display: none; }
}
.sol-prob { align-items: start; }
.sol-mais summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: .4em; font-weight: 700; font-size: var(--t-xs); color: var(--folha); }
.sol-mais summary::-webkit-details-marker { display: none; }
.sol-mais summary::after { content: "+"; font-size: 1.1em; }
.sol-mais[open] summary::after { content: "−"; }
.sol-mais[open] summary { margin-bottom: var(--e-2); }
.sol-mais p + .sol-prob__rot { margin-top: var(--e-2); }
.sol-sobre { align-items: start; }
.pb-hero .hero__conteudo { padding-bottom: clamp(5rem, 4rem + 4vw, 7rem); }
.pb-nav { position: relative; z-index: 3; margin-top: -2.4rem; }
.pb-nav ul { list-style: none; margin: 0; padding: 6px; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; background: var(--branco); border-radius: 18px; box-shadow: 0 18px 40px -22px rgb(29 43 30 / .4); }
.pb-nav li { flex: 1 0 auto; }
.pb-nav a { display: flex; align-items: center; justify-content: center; gap: .55em; padding: .95em 1.1em; border-radius: 13px; font-size: var(--t-xs); font-weight: 650; color: var(--mata); text-decoration: none; white-space: nowrap; border: 1.5px solid transparent; }
.pb-nav a svg { width: 19px; height: 19px; color: var(--folha); }
.pb-nav a:hover { background: var(--nevoa); }
.pb-nav a.ativa { border-color: var(--folha); background: #f5f9ef; }
.pb-bloco { padding-block: clamp(2.5rem, 1.8rem + 3vw, 4.5rem); scroll-margin-top: 90px; }
.pb-bloco:nth-of-type(odd) { background: var(--nevoa); }
.pb-bloco--visao { background: var(--branco) !important; }
.pb-bloco__grade { display: grid; grid-template-columns: 1fr minmax(0, .9fr); gap: clamp(1.5rem, 1rem + 3vw, 4rem); align-items: center; }
.pb-bloco__grade:has(> :only-child) { grid-template-columns: minmax(0, 52rem); }
.pb-bloco__texto { display: flex; gap: var(--e-5); align-items: start; }
.pb-ic { flex: none; display: grid; place-items: center; width: 56px; height: 56px; border-radius: 50%; background: #dfeac9; color: var(--folha); }
.pb-ic svg { width: 26px; height: 26px; }
.pb-bloco h2, .pb-h { font-size: var(--t-lg); color: var(--solo); margin-bottom: var(--e-3); }
.pb-bloco p { color: var(--texto-suave); line-height: 1.6; max-width: 46rem; }
.pb-bloco--visao .pb-h { font-size: var(--t-xl); }
.pb-bloco--visao .btn { margin-top: var(--e-4); }
.pb-bloco--visao .btn svg { width: 18px; height: 18px; }
.pb-culturas { padding: var(--e-5); border: 1px solid var(--linha); border-radius: 20px; box-shadow: 0 14px 30px -24px rgb(29 43 30 / .35); }
.pb-culturas h3 { display: flex; align-items: center; gap: .5em; font-size: var(--t-md); color: var(--solo); margin-bottom: var(--e-4); }
.pb-culturas h3 svg { width: 22px; height: 22px; color: var(--folha); }
.pb-culturas ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--e-4); justify-content: space-around; }
.pb-culturas a { display: grid; justify-items: center; gap: var(--e-2); text-decoration: none; color: var(--solo); font-size: var(--t-sm); }
.pb-culturas img { width: 84px; height: 84px; border-radius: 50%; object-fit: cover; border: 3px solid #dfeac9; transition: border-color .2s; }
.pb-culturas a:hover img { border-color: var(--folha); }
.pb-solucoes { scroll-margin-top: 90px; }
.pb-solucoes .wrap { display: grid; gap: var(--e-6); }
.pb-sol__cabeca { display: flex; gap: var(--e-5); align-items: center; }
.pb-sol__cabeca h2 { font-size: var(--t-xl); color: var(--solo); line-height: 1.15; }
.pb-sol__cabeca .pb-sol__dest { color: var(--folha); font-size: var(--t-lg); font-weight: 700; margin: var(--e-1) 0 0 !important; }
.pb-sol__cabeca p { margin: var(--e-2) 0 0; color: var(--texto-suave); }
.pb-seletor { display: flex; flex-wrap: wrap; gap: var(--e-3); }
.pb-seletor button { display: inline-flex; align-items: center; gap: .6em; padding: 5px 1.2em 5px 5px; border-radius: 999px; border: 1.5px solid var(--linha); background: var(--branco); font: inherit; font-size: var(--t-sm); font-weight: 650; color: var(--mata); cursor: pointer; transition: .2s; }
.pb-seletor img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.pb-seletor button:hover { border-color: var(--folha); }
.pb-seletor button[aria-pressed="true"] { background: var(--folha); border-color: var(--folha); color: var(--branco); }
.pb-solucoes .sol-bloco__cabeca h3 { font-size: var(--t-lg); }
@media (max-width: 900px) {
.pb-bloco__grade { grid-template-columns: 1fr; }
.pb-nav li { flex: none; }
}
@media (max-width: 560px) {
.pb-bloco__texto { flex-direction: column; gap: var(--e-3); }
.pb-ic { width: 46px; height: 46px; }
.pb-sol__cabeca { align-items: start; }
.pb-sol__cabeca .pb-ic { display: none; }
.pb-culturas img { width: 64px; height: 64px; }
}
.pb-cta__acoes { display: flex; flex-wrap: wrap; gap: var(--e-3); }
.pb-cta__acoes .btn svg { width: 20px; height: 20px; }
@media (max-width: 560px) { .pb-cta__acoes, .pb-cta__acoes .btn { width: 100%; justify-content: center; } }
.cult .wrap { display: grid; grid-template-columns: minmax(0, 23rem) 1fr; gap: clamp(1.5rem, 1rem + 3vw, 3.5rem); align-items: start; }
.cult-escolha { position: sticky; top: 100px; padding: var(--e-5); border-radius: 22px; background: var(--nevoa); display: grid; gap: var(--e-5); }
.cult-escolha__cabeca { display: flex; justify-content: space-between; gap: var(--e-3); align-items: start; }
.cult-escolha h2 { font-size: var(--t-lg); color: var(--solo); }
.cult-escolha p { margin: var(--e-1) 0 0; color: var(--texto-suave); font-size: var(--t-sm); }
.cult-conta { flex: none; padding: .3em .8em; border-radius: 999px; background: #dfeac9; color: var(--folha); font-size: var(--t-xs); font-weight: 700; white-space: nowrap; }
.cult-grupo h3 { font-size: var(--t-xs); text-transform: uppercase; letter-spacing: .1em; color: var(--texto-suave); margin-bottom: var(--e-2); }
.cult-ops { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-2); }
.cult-op { display: flex; align-items: center; gap: .6em; padding: .75em .85em; border-radius: 12px; background: var(--branco); border: 1.5px solid var(--linha); font-size: var(--t-xs); font-weight: 650; color: var(--mata); cursor: pointer; line-height: 1.25; transition: .2s; }
.cult-op:hover { border-color: var(--folha); }
.cult-op input { position: absolute; opacity: 0; pointer-events: none; }
.cult-op__marca { flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid var(--cinza-claro); color: transparent; }
.cult-op__marca svg { display: block; width: 12px; height: 12px; stroke-width: 3; }
.cult-op:has(input:checked) { border-color: var(--folha); background: #f5f9ef; }
.cult-op:has(input:checked) .cult-op__marca { border-color: var(--folha); background: var(--folha); color: var(--branco); }
.cult-op:has(input:focus-visible) { outline: 2px solid var(--folha); outline-offset: 2px; }
.cult-res { display: grid; gap: var(--e-5); }
.cult-res__cabeca { display: flex; justify-content: space-between; align-items: center; gap: var(--e-3); }
.cult-res__cabeca h2 { font-size: var(--t-xl); color: var(--solo); }
.cult-limpar { display: inline-flex; align-items: center; gap: .4em; background: none; border: 0; font: inherit; font-size: var(--t-sm); font-weight: 650; color: var(--folha); cursor: pointer; }
.cult-limpar svg { width: 18px; height: 18px; }
.cult-chips { display: flex; flex-wrap: wrap; gap: var(--e-2); }
.cult-chip { padding: .35em .9em; border-radius: 999px; background: #dfeac9; color: var(--folha); font-size: var(--t-xs); font-weight: 700; }
.cult-chip[hidden] { display: none; }
.cult-filtro { display: grid; grid-template-columns: repeat(3, 1fr); padding: 4px; border-radius: 14px; background: var(--nevoa); }
.cult-filtro button { border: 0; background: none; padding: .8em; border-radius: 11px; font: inherit; font-size: var(--t-sm); font-weight: 650; color: var(--texto-suave); cursor: pointer; }
.cult-filtro button[aria-pressed="true"] { background: var(--branco); color: var(--mata); box-shadow: 0 2px 8px rgb(29 43 30 / .1); }
.cult-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.cult-tag { padding: .2em .65em; border-radius: 999px; background: var(--mata); color: var(--branco); font-size: .72rem; font-weight: 700; }
.cult-tag[hidden] { display: none; }
.sol-bloco[hidden] { display: none; }
@media (max-width: 1000px) {
.cult .wrap { grid-template-columns: 1fr; }
.cult-escolha { position: static; }
}
@media (max-width: 560px) {
.cult-filtro button { font-size: var(--t-xs); padding: .7em .3em; }
}
.painel--solucao { display: grid; grid-template-columns: 1fr; gap: var(--e-4); width: min(92vw, 560px); }
.painel__achar { padding: var(--e-5); border-radius: var(--r-bloco); background: #e6eedb; }
.painel__achar strong { display: flex; align-items: center; gap: .5em; font-size: var(--t-md); color: var(--solo); }
.painel__achar strong svg { width: 22px; height: 22px; color: var(--folha); flex: none; }
.painel__achar p { margin: var(--e-2) 0 var(--e-4); font-size: var(--t-sm); color: var(--texto-suave); }
.painel .painel__botao { display: flex; justify-content: center; align-items: center; gap: .5em; width: 100%; padding: .85em 1em; color: var(--branco); font-size: var(--t-sm); border-radius: 999px; }
.painel .painel__botao:hover { background: var(--folha-escura); color: var(--branco); }
.painel__botao svg { width: 18px; height: 18px; }
.painel__duo { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-4); padding: 0 var(--e-2); }
.painel__duo h3 { margin: 0; color: var(--solo); font-size: var(--t-sm); font-weight: 700; }
.painel__duo p { margin: 2px 0 var(--e-2); font-size: var(--t-xs); color: var(--texto-suave); }
.painel__duo .mais { display: inline-flex; padding: 0; font-size: var(--t-sm); }
.painel__duo .mais:hover { background: none; }
@media (max-width: 1100px) {
.painel--solucao { padding: 0 0 var(--e-4); }
.painel__duo { grid-template-columns: 1fr; }
}
.resolve { display: flex; flex-wrap: wrap; gap: 4px; margin: var(--e-1) 0; }
.resolve span { padding: .22em .65em; border-radius: 999px; background: #e6eedb; color: var(--folha-escura); font-size: .72rem; font-weight: 700; line-height: 1.3; }
.resolve .resolve__mais { background: var(--nevoa); color: var(--texto-suave); }
.dest .resolve { margin: var(--e-2) 0 0; }
.selo-ind { display: inline-flex; align-items: center; gap: .35em; justify-self: start; width: fit-content; padding: .3em .75em; border-radius: 999px; font-size: .72rem; font-weight: 800; letter-spacing: .02em; }
.selo-ind[hidden] { display: none; }
.selo-ind svg { width: 14px; height: 14px; }
.selo-ind--principal { background: var(--folha); color: var(--branco); }
.selo-ind--opcional { background: var(--nevoa); color: var(--texto-suave); border: 1px dashed var(--cinza-claro); }
.produto:has(.selo-ind--principal:not([hidden])) { border-color: var(--folha); box-shadow: 0 0 0 2px rgb(57 123 53 / .15); }
.produto--opcional { opacity: .78; }
.produto--opcional:hover { opacity: 1; }
.pb-trio { padding-block: clamp(2.5rem, 1.8rem + 3vw, 4.5rem); background: var(--nevoa); }
.pb-trio__grade { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--e-5); }
.pb-cartao { scroll-margin-top: 110px; padding: var(--e-6) var(--e-5); border-radius: 20px; background: var(--branco); box-shadow: 0 14px 30px -24px rgb(29 43 30 / .35); display: flex; flex-direction: column; gap: var(--e-3); }
.pb-cartao h2 { font-size: var(--t-md); color: var(--solo); margin: var(--e-2) 0 0; }
.pb-cartao p { margin: 0; color: var(--texto-suave); line-height: 1.6; font-size: var(--t-sm); }
@media (max-width: 900px) { .pb-trio__grade { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
.pb-nav { margin-top: 0; position: sticky; top: 0; z-index: 20; background: rgb(254 254 254 / .92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid var(--linha); }
.pb-nav .wrap { padding-inline: 0; }
.pb-nav ul { padding: 10px 16px; gap: 8px; border-radius: 0; box-shadow: none; background: none; scroll-padding-inline: 16px; mask-image: linear-gradient(90deg, #000 85%, transparent); -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent); }
.pb-nav li:last-child { padding-right: 24px; }
.pb-nav a { padding: .55em .95em; border-radius: 999px; border: 1px solid var(--linha); background: var(--branco); font-size: .8rem; }
.pb-nav a svg { width: 16px; height: 16px; }
.pb-nav a.ativa { background: var(--folha); border-color: var(--folha); color: var(--branco); }
.pb-nav a.ativa svg { color: var(--branco); }
.pb-hero .hero__conteudo { padding-bottom: var(--e-7); }
.pb-bloco, .pb-cartao, .pb-solucoes { scroll-margin-top: 70px; }
.sol-beneficios { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-3); }
.sol-beneficios li { max-width: none; font-size: .75rem; gap: var(--e-2); }
.sol-beneficios span { width: 36px; height: 36px; }
.sol-beneficios svg { width: 18px; height: 18px; }
:is(.pb-solucoes, .cult, .sol) .grade-produtos { grid-template-columns: minmax(0, 1fr); gap: var(--e-3); }
:is(.pb-solucoes, .cult, .sol) .produto { grid-template-columns: 96px minmax(0, 1fr); column-gap: var(--e-4); row-gap: 6px; padding: var(--e-3); align-items: start; }
:is(.pb-solucoes, .cult, .sol) .produto .placa { grid-row: 1 / span 9; width: 100%; margin: 0; align-self: start; }
:is(.pb-solucoes, .cult, .sol) .produto__nome { font-size: var(--t-base); }
:is(.pb-solucoes, .cult, .sol) .produto__micro { font-size: .78rem; overflow-wrap: normal; }
:is(.pb-solucoes, .cult, .sol) .produto__selo { display: none; }
.pb-culturas ul { justify-content: center; gap: var(--e-4) var(--e-5); }
.pb-seletor { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--margem) * -1); padding-inline: var(--margem); scrollbar-width: none; }
.pb-seletor button { flex: none; }
.pb-cartao { padding: var(--e-5); }
.pb-cartao h2 { font-size: var(--t-base); }
}
@media (max-width: 760px) {
.pb-nav { top: 94px; background: none; border: 0; backdrop-filter: none; -webkit-backdrop-filter: none; }
.pb-nav .wrap { padding-inline: 12px; }
.pb-nav ul { padding: 6px; border-radius: 999px; background: rgb(254 254 254 / .9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 10px 24px -14px rgb(29 43 30 / .45); border: 1px solid var(--linha); margin-top: 12px; }
.pb-nav a { border: 0; background: none; }
.pb-bloco, .pb-cartao, .pb-solucoes { scroll-margin-top: 160px; }
}
@media (max-width: 520px) {
.topo__barra, .menu-vidro .topo__barra { gap: var(--e-2); padding-inline: 14px; min-height: 64px; }
.topo__logo { flex: 1 1 auto; min-width: 0; }
.topo__logo img { display: block; width: auto; height: auto; max-width: 100%; max-height: 32px; }
.idioma, .topo__abrir { flex: none; }
.idioma__botao { padding: 0 .55em; }
.topo__abrir { padding: 0 .8em; }
}
@media (max-width: 760px) {
.catalogo__vista { display: none !important; }
.grade-produtos { grid-template-columns: minmax(0, 1fr) !important; gap: var(--e-4); }
.grade-produtos .produto { grid-template-columns: 96px minmax(0, 1fr); column-gap: var(--e-4); align-items: center; }
.grade-produtos .produto .placa { grid-row: 1 / span 8; width: 100%; margin: 0; }
.grade-produtos .cat-cta { grid-column: 1 / -1; }
}
@media (min-width: 900px) { .protocolo__lado { position: sticky; top: 110px; align-self: start; } }
@media (max-width: 600px) {
.rodape__grade > :first-child { text-align: center; }
.rodape__grade > :first-child img { margin-inline: auto; display: block; }
.rodape__grade > :first-child p { margin-inline: auto; }
.rodape__base { flex-direction: column; align-items: center; text-align: center; }
}
@media (max-width: 760px) {
.h-hero::before { background: linear-gradient(180deg, rgb(8 20 10 / .55), rgb(8 20 10 / .82)); }
.h-hero__conteudo { text-align: center; justify-items: center; }
.h-hero h1, .h-hero__texto { margin-inline: auto; }
.h-hero .acoes { justify-content: center; }
.h-hero .acoes .btn { justify-content: center; }
}
@media (max-width: 700px) {
.ab-texto { text-align: center; justify-items: center; }
.ab-texto > * { margin-inline: auto; }
.ab-logo { width: 250px; margin-inline: auto; display: block; }
}
.sobre-hero__selo-sede { display: none !important; }
@media (max-width: 760px) {
.sobre-hero__selos { display: grid; grid-template-columns: 1fr 1fr; gap: var(--e-4) var(--e-3); }
.sobre-hero__selo-sede { display: flex !important; }
.sobre-hero__sede { display: none; }
}
@media (max-width: 600px) {
.rodape__grade > :first-child img { height: 84px; }
.rodape__grade > :first-child p { font-size: var(--t-base); line-height: 1.55; max-width: 24rem; }
}
@media (max-width: 900px) {
.h-etapas__lista { text-align: center; }
.h-etapa { display: flex; flex-direction: column; align-items: center; }
.h-etapa__n { position: static; margin-bottom: 8px; }
.h-etapa__ic { margin: 0 auto 14px; }
}
@media (max-width: 560px) { .h-etapa__ic { margin-left: auto; } }
@media (max-width: 760px) {
.prob-abas { flex-wrap: wrap !important; overflow: visible !important; justify-content: center; gap: var(--e-2); }
}
@media (max-width: 600px) {
.rodape, .rodape__grade > * { text-align: center; }
.rodape ul { justify-items: center; }
.rodape__contato li { display: flex; justify-content: center; text-align: center; align-items: center; gap: var(--e-3); }
.rodape__contato svg { flex: none; }
.rodape__contato svg { margin-top: 0; }
}
@media (max-width: 600px) {
.rodape__contato span { max-width: 15rem; }
}
@media (max-width: 760px) {
.sol-cta { flex-direction: column; justify-content: center; text-align: center; }
.sol-cta .pb-cta__acoes { justify-content: center; }
}
@media (max-width: 760px) {
.cont-news { text-align: center; justify-items: center; }
.cont-news { padding: 0; gap: 0; }
.cont-news img { justify-self: stretch; width: 100%; margin: 0; }
.cont-news__texto { padding: var(--e-3) var(--e-5) var(--e-4); }
.cont-news__acoes { width: 100%; padding: 0 var(--e-5) var(--e-6); }
}
.sf-hero h1 span { color: var(--broto); display: block; }
.sf-hero .hero__midia img { object-position: 60% 60%; }
.sf-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgb(8 20 10 / .9) 0%, rgb(8 20 10 / .6) 45%, rgb(8 20 10 / .25) 75%); }
.sf-hero__grade { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--e-6); align-items: center; }
.sf-hero .btn--linha { color: #fff; border-color: rgb(255 255 255 / .6); }
.sf-hero .btn svg { width: 20px; height: 20px; }
.sf-hero__card { list-style: none; margin: 0; padding: var(--e-4); display: grid; gap: var(--e-2); min-width: 16rem; border-radius: 22px; border: 1px solid rgb(255 255 255 / .16); background: rgb(10 26 12 / .72); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
.sf-hero__card li { display: flex; align-items: center; gap: var(--e-3); padding: var(--e-2); font-size: var(--t-sm); font-weight: 600; color: #fff; line-height: 1.3; }
.sf-hero__card li + li { border-top: 1px solid rgb(255 255 255 / .1); }
.sf-hero__card span { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: rgb(166 206 57 / .14); color: var(--broto); }
.sf-hero__card svg { width: 24px; height: 24px; }
.sf-cabeca { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--e-4); margin-bottom: var(--e-6); }
.sf-cabeca h2, .sf-kit h2, .sf-faq h2 { font-size: var(--t-xl); color: var(--mata); }
.sf-cabeca p { margin-top: var(--e-2); color: var(--texto-suave); }
.secao--mata .sf-cabeca h2 { color: #fff; }
.secao--mata .sf-cabeca p { color: var(--broto); }
.sf-pilula { display: inline-flex; align-items: center; gap: .6em; padding: .7em 1.1em; border-radius: 999px; background: #f2f7ea; border: 1px solid #d9e8c5; color: var(--mata); font-size: var(--t-xs); font-weight: 700; text-decoration: none; }
.sf-pilula svg { width: 20px; height: 20px; color: var(--folha); }
.sf-pilula:hover { border-color: var(--folha); }
.sf-pontos__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--e-4); }
.sf-ponto { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: var(--e-4); align-items: center; padding: var(--e-5); border-radius: 18px; border: 1.5px solid var(--linha); background: var(--branco); color: var(--texto-suave); font-size: var(--t-xs); line-height: 1.5; text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.sf-ponto strong { display: block; margin-bottom: 4px; font-size: var(--t-base); color: var(--mata); }
.sf-ponto:hover, .sf-ponto--ativo { border-color: var(--folha); box-shadow: 0 16px 30px -24px rgb(29 43 30 / .5); }
.sf-ponto:hover { transform: translateY(-2px); }
.sf-ponto__ic { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 14px; background: #eef5e4; color: var(--folha); }
.sf-ponto__ic svg { width: 32px; height: 32px; }
.sf-ponto__seta { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid var(--linha); color: var(--mata); }
.sf-ponto--ativo .sf-ponto__seta, .sf-ponto:hover .sf-ponto__seta { background: var(--folha); border-color: var(--folha); color: #fff; }
.sf-ponto__seta svg { width: 18px; height: 18px; }
.sf-kit__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) minmax(0, .8fr); gap: var(--e-5); align-items: center; }
.sf-kit__texto > p { margin-top: var(--e-2); color: var(--texto-suave); font-size: var(--t-sm); }
.sf-check { list-style: none; padding: 0; margin: var(--e-5) 0; display: grid; gap: var(--e-3); font-size: var(--t-sm); }
.sf-check li { position: relative; padding-left: 32px; }
.sf-check li::before { content: ""; position: absolute; left: 0; top: .05em; width: 22px; height: 22px; border-radius: 50%; background: var(--folha) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 14px no-repeat; }
.sf-check strong { color: var(--mata); }
.sf-btn-verde { color: var(--folha); border-color: var(--folha); }
.sf-btn-verde:hover { background: var(--folha); color: #fff; }
.sf-kit__foto img { width: 100%; height: auto; }
.sf-kits { padding: var(--e-4); border-radius: 18px; background: var(--branco); box-shadow: 0 18px 40px -30px rgb(29 43 30 / .5); }
.sf-kits h3 { font-size: var(--t-base); margin-bottom: var(--e-2); color: var(--mata); }
.sf-kits__item { display: grid; grid-template-columns: 56px minmax(0, 1fr) 18px; gap: var(--e-3); align-items: center; padding: var(--e-3) 0; border-top: 1px solid var(--linha); color: var(--texto-suave); text-decoration: none; font-size: var(--t-xs); }
.sf-kits__item img { width: 56px; height: 56px; object-fit: contain; border-radius: 10px; background: #f3f5ef; }
.sf-kits__item strong { display: block; color: var(--mata); font-size: var(--t-sm); }
.sf-kits__item > svg { width: 18px; height: 18px; color: var(--mata); }
.sf-kits__item:hover strong { color: var(--folha); }
.sf-kits__todos { display: inline-flex; align-items: center; gap: .4em; margin-top: var(--e-3); font-size: var(--t-xs); font-weight: 700; color: var(--folha); text-decoration: none; }
.sf-kits__todos svg { width: 16px; height: 16px; }
.sf-protocolo { background: linear-gradient(180deg, #13281a, #0d1f12); }
.sf-passos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--e-4); }
.sf-passo { position: relative; padding: var(--e-5) var(--e-4); border-radius: 16px; border: 1px solid rgb(255 255 255 / .1); background: rgb(255 255 255 / .05); color: rgb(254 254 254 / .72); font-size: var(--t-xs); line-height: 1.5; }
.sf-passo__n { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--broto); color: var(--solo); font-weight: 800; font-size: .85rem; }
.sf-passo__ic { position: absolute; right: var(--e-4); top: var(--e-5); color: var(--broto); }
.sf-passo__ic svg { width: 30px; height: 30px; }
.sf-passo h3 { margin: var(--e-3) 0 6px; font-size: var(--t-sm); color: #fff; }
.sf-passo p { margin: 0; }
.sf-passo ul { margin: 0; padding-left: 1.1em; display: grid; gap: 4px; }
.sf-busca { display: flex; align-items: center; gap: .5em; min-width: 18rem; padding: .65em 1em; border: 1.5px solid var(--linha); border-radius: 999px; background: var(--branco); }
.sf-busca svg { width: 18px; height: 18px; color: var(--texto-suave); }
.sf-busca input { border: 0; outline: 0; background: none; font: inherit; width: 100%; }
.sf-busca:focus-within { border-color: var(--folha); }
.sf-tabela .tabela th[scope="row"] { font-weight: 600; }
.sf-probs { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.sf-probs li { padding: 2px 8px; border-radius: 999px; background: #eef5e4; color: var(--mata); font-size: .75rem; font-weight: 600; }
.sf-faq__grade { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--e-7); align-items: start; }
.sf-faq__ajuda { display: flex; gap: var(--e-4); align-items: center; margin: var(--e-5) 0; }
.sf-faq__ic { flex: none; display: grid; place-items: center; width: 72px; height: 72px; border-radius: 50%; background: #e3efcf; color: var(--folha); }
.sf-faq__ic svg { width: 38px; height: 38px; }
.sf-faq__ajuda p { margin: 0; color: var(--texto-suave); font-size: var(--t-sm); }
.sf-faq__ajuda strong { display: block; font-size: var(--t-md); color: var(--mata); font-weight: 600; margin-bottom: 4px; }
.sf-faq .faq details { background: var(--branco); border: 1px solid var(--linha); border-radius: 12px; padding-inline: var(--e-4); margin-bottom: var(--e-2); }
.sf-faq .faq { border-top: 0; }
.sf-cta { position: relative; isolation: isolate; overflow: hidden; background: #0f2414; color: rgb(254 254 254 / .82); padding-block: var(--e-7); }
.sf-cta > img { position: absolute; left: 0; top: 0; height: 100%; width: 45%; object-fit: cover; z-index: -1; -webkit-mask-image: linear-gradient(90deg, #000 40%, transparent); mask-image: linear-gradient(90deg, #000 40%, transparent); }
.sf-cta__grade { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--e-6); align-items: center; padding-left: 34%; }
.sf-cta h2 { color: #fff; font-size: var(--t-xl); }
.sf-cta .sobretitulo { color: var(--broto); }
.sf-cta__grade p:last-child { margin-top: var(--e-2); }
.sf-cta__acoes { display: grid; gap: var(--e-3); }
.sf-cta__acoes .btn { justify-content: center; }
.sf-cta .btn--linha { color: #fff; border-color: rgb(255 255 255 / .5); }
.sf-cta .btn svg { width: 20px; height: 20px; }
@media (max-width: 1100px) {
.sf-passos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sf-kit__grade { grid-template-columns: 1fr 1fr; }
.sf-kits { grid-column: 1 / -1; }
.sf-pontos__grade { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
.sf-hero__grade { grid-template-columns: 1fr; }
.sf-hero__card { grid-template-columns: 1fr 1fr; min-width: 0; margin-bottom: var(--e-6); }
.sf-hero__card li + li { border-top: 0; }
.sf-faq__grade { grid-template-columns: 1fr; gap: var(--e-5); }
.sf-cta > img { width: 100%; height: 45%; -webkit-mask-image: linear-gradient(180deg, #000 30%, transparent); mask-image: linear-gradient(180deg, #000 30%, transparent); }
.sf-cta__grade { grid-template-columns: 1fr; padding-left: 0; padding-top: 9rem; }
}
@media (max-width: 760px) {
.sf-hero .hero__conteudo, .sf-cabeca, .sf-kit__texto, .sf-faq__grade > div:first-child, .sf-cta__grade { text-align: center; }
.sf-hero .acoes, .sf-cabeca { justify-content: center; }
.sf-hero::before { background: linear-gradient(180deg, rgb(8 20 10 / .6), rgb(8 20 10 / .9)); }
.sf-hero__card li { flex-direction: column; text-align: center; font-size: var(--t-xs); }
.sf-cabeca { flex-direction: column; align-items: center; }
.sf-ponto { grid-template-columns: 1fr; justify-items: center; text-align: center; }
.sf-kit__grade { grid-template-columns: 1fr; }
.sf-check { justify-items: center; }
.sf-check li { text-align: left; }
.sf-passos { grid-template-columns: 1fr 1fr; gap: var(--e-3); }
.sf-passo { text-align: center; padding: var(--e-4) var(--e-3); }
.sf-passo__ic { position: static; display: block; margin-top: var(--e-2); }
.sf-passo ul { text-align: left; }
.sf-busca { min-width: 0; width: 100%; }
.sf-faq__ajuda { flex-direction: column; text-align: center; }
.sf-cta__acoes { width: 100%; }
}
@media (max-width: 400px) { .sf-passos { grid-template-columns: 1fr; } }
.sf-faq .btn--zap.sf-btn-verde { background: transparent; color: var(--folha); border: 1.5px solid var(--folha); }
.sf-faq .btn--zap.sf-btn-verde:hover { background: var(--folha); color: #fff; }
@media (max-width: 760px) {
.sf-check { justify-items: start; width: fit-content; margin-inline: auto; }
.sf-passo__ic { display: flex; justify-content: center; }
.sf-tabela .tabela tr, .sf-tabela .tabela th, .sf-tabela .tabela td { text-align: center; }
.sf-tabela .sf-probs { justify-content: center; }
}
.sf-passos { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-auto-rows: minmax(170px, auto); grid-auto-flow: dense; gap: var(--e-4) !important; }
.sf-passo { display: flex; flex-direction: column; padding: var(--e-5); }
.sf-passo:nth-child(1), .sf-passo:nth-child(6), .sf-passo:nth-child(7), .sf-passo:nth-child(10) { grid-column: span 2; }
.sf-passo:nth-child(2), .sf-passo:nth-child(3) { grid-row: span 2; }
.sf-passo:nth-child(2), .sf-passo:nth-child(10) { background: linear-gradient(160deg, rgb(166 206 57 / .16), rgb(255 255 255 / .04)); border-color: rgb(166 206 57 / .3); }
.sf-passo__ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: rgb(166 206 57 / .12); }
.sf-passo h3 { font-size: var(--t-base); }
.sf-passo:hover { border-color: rgb(166 206 57 / .45); }
@media (max-width: 1100px) { .sf-passos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) {
.sf-passos { grid-auto-rows: auto; gap: var(--e-3) !important; }
.sf-passo { align-items: center; padding: var(--e-4) var(--e-3); }
.sf-passo:nth-child(n) { grid-row: auto; }
.sf-passo:nth-child(2), .sf-passo:nth-child(3) { grid-column: span 2; }
.sf-passo__ic { position: static; margin-top: var(--e-2); }
}
@media (max-width: 400px) { .sf-passos { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) {
.sf-passo { position: relative; padding-top: var(--e-5); }
.sf-passo__n { position: absolute; top: 12px; left: 12px; width: auto; height: auto; padding: 3px 9px; border-radius: 999px; font-size: .72rem; }
.sf-passo__ic { margin-top: 0; }
.sf-passo ul { list-style: none; padding: 0; text-align: center; }
.sf-passo ul li + li { margin-top: 6px; }
}
@media (max-width: 760px) { .sf-passo__ic { margin-top: 14px; } }
@media (max-width: 600px) {
.rodape__contato li { display: block !important; text-align: center; }
.rodape__contato li svg { display: inline-block; vertical-align: -3px; margin: 0 8px 0 0; }
.rodape__contato span { max-width: none; display: inline; }
}
@media (max-width: 760px) {
.h-cta__grade { text-align: center; justify-items: center; }
.h-cta p { margin-inline: auto; }
.h-cta__acoes { width: 100%; justify-items: stretch; }
.h-cta__acoes .btn { justify-content: center; }
}
.h-cabeca .sobretitulo { color: var(--folha); }
.h-culturas .h-cabeca .sobretitulo { color: var(--broto); }