:root{
  --green:#0b4f38; --green-2:#176b49; --lime:#799f35; --blue:#0b4f80; --earth:#8a745c;
  --ink:#17211d; --muted:#66726c; --line:#e5ebe7; --bg:#f7faf8; --white:#fff;
  --radius:26px; --shadow:0 20px 60px rgba(20,56,40,.10);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6} a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,235,231,.8)}.nav-wrap{height:86px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;width:190px;height:62px;overflow:hidden}.brand img{width:180px;height:auto;display:block}.nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:700}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--green);transition:.25s}.nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border-radius:12px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-whatsapp,.btn-primary{background:var(--green);color:#fff;box-shadow:0 12px 30px rgba(11,79,56,.16)}.btn-secondary{border-color:#c9d8cf;background:#fff;color:var(--green)}.top-cta{white-space:nowrap}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{position:relative;overflow:hidden;padding:82px 0 48px;background:linear-gradient(180deg,#fff 0%,#f7fbf8 100%)}.hero-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(121,159,53,.12),rgba(121,159,53,0) 68%);right:-120px;top:-130px}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center;position:relative}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.13em;color:var(--green-2);font-size:12px;font-weight:800;margin-bottom:16px}.hero h1,.section-heading h2,.about-copy h2,.process-intro h2,.cta-box h2{font-family:Manrope,Inter,sans-serif;line-height:1.05;letter-spacing:-.04em}.hero h1{font-size:clamp(46px,5vw,72px);margin:0 0 24px;max-width:760px}.hero h1 span,.about-copy h2 span{color:var(--lime)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:660px;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.trust-row div{padding:14px 14px 14px 0;border-top:1px solid var(--line)}.trust-row strong,.trust-row span{display:block}.trust-row strong{font-size:13px}.trust-row span{font-size:11px;color:var(--muted);margin-top:3px}.hero-visual{position:relative;min-height:560px}.visual-main{position:absolute;inset:34px 16px 30px 42px;background:linear-gradient(145deg,#edf7f0,#fff);border:1px solid #e0ebe4;border-radius:34px;box-shadow:var(--shadow);overflow:hidden}.mini-badge{position:absolute;top:24px;left:26px;z-index:4;background:#fff;color:var(--green);font-weight:900;letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:12px}.landscape{height:68%;position:relative;background:linear-gradient(#dff1ec 0 48%,#b8d08e 48% 100%);overflow:hidden}.sun{position:absolute;right:55px;top:62px;width:88px;height:88px;border-radius:50%;background:#fff7b0;box-shadow:0 0 50px #fff2a1}.mountain{position:absolute;bottom:30%;width:300px;height:180px;background:#8ea99a;clip-path:polygon(50% 0,100% 100%,0 100%)}.m1{left:30px}.m2{left:180px;transform:scale(.85);background:#6f9680}.river{position:absolute;left:40%;bottom:-40px;width:130px;height:300px;background:linear-gradient(#cceaf1,#6fb4ce);transform:rotate(11deg);border-radius:60% 40% 0 0}.tree{position:absolute;bottom:18%;width:24px;height:110px;background:#7b5b42;border-radius:12px}.tree:before{content:"";position:absolute;width:110px;height:110px;background:#1f6b3f;border-radius:55% 45% 52% 48%;left:-43px;top:-58px;box-shadow:28px 5px 0 #2f7d48,-18px 16px 0 #3f8a51}.t1{left:76px}.t2{right:86px;transform:scale(.78)}.solar{position:absolute;width:90px;height:54px;bottom:54px;background:repeating-linear-gradient(90deg,#225f7f 0 20px,#d9eff8 21px 23px),repeating-linear-gradient(0deg,transparent 0 15px,#d9eff8 16px 18px);transform:skewX(-18deg);border:4px solid #274d63}.s1{right:82px}.s2{right:180px;bottom:38px;transform:skewX(-18deg) scale(.78)}.wind{position:absolute;bottom:108px;width:6px;height:110px;background:#eaf4f5}.wind:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#eaf4f5;left:-6px;top:-4px}.wind span{position:absolute;width:70px;height:7px;background:#eaf4f5;left:3px;top:2px;transform-origin:left center;border-radius:20px}.wind span:nth-child(2){transform:rotate(120deg)}.wind span:nth-child(3){transform:rotate(240deg)}.w1{left:258px}.w2{left:320px;transform:scale(.78)}.visual-caption{padding:24px 28px}.visual-caption small,.visual-caption strong{display:block}.visual-caption small{color:var(--green-2);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.visual-caption strong{font-family:Manrope,sans-serif;font-size:21px;line-height:1.3;margin-top:7px}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 14px 32px rgba(18,50,36,.11);border-radius:16px;padding:13px 16px;font-size:12px;font-weight:700}.fc-1{right:-8px;top:86px}.fc-2{left:4px;bottom:72px}.fc-3{right:14px;bottom:26px}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-1{width:120px;height:120px;background:rgba(11,79,128,.08);left:-14px;top:36px}.orb-2{width:180px;height:180px;background:rgba(121,159,53,.11);right:-30px;bottom:12px}.services-section,.why-section,.faq-section{padding:100px 0}.section-heading{max-width:720px;margin-bottom:42px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{font-size:44px;margin:0 0 14px}.section-heading p{color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.service-card{padding:34px 26px;min-height:270px;border-right:1px solid var(--line);transition:.25s}.service-card:last-child{border-right:0}.service-card:hover{background:#f7faf8;transform:translateY(-4px)}.service-icon{font-size:30px;margin-bottom:20px;font-weight:800}.green{color:var(--green-2)}.blue{color:var(--blue)}.lime{color:var(--lime)}.earth{color:var(--earth)}.teal{color:#15806f}.service-card h3{font-size:16px;margin:0 0 12px}.service-card p{color:var(--muted);font-size:14px;margin:0}.about-section{padding:100px 0;background:#f7faf8}.about-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center}.about-copy h2{font-size:48px;margin:0 0 20px}.about-copy p{color:var(--muted)}.text-link{display:inline-block;margin-top:12px;color:var(--green);font-weight:800}.impact-panel{background:#fff;padding:18px;border-radius:30px;box-shadow:var(--shadow)}.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.impact-tile{min-height:205px;border:1px solid var(--line);border-radius:22px;padding:24px;background:#fff}.impact-tile span{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:var(--green-2);font-weight:800}.impact-tile strong{display:block;font-size:22px;line-height:1.2;margin:10px 0}.impact-tile p{color:var(--muted);font-size:13px}.impact-tile.primary{background:linear-gradient(145deg,#eaf6ee,#f8fcf9)}.impact-tile.dark{background:var(--green);color:#fff}.impact-tile.dark span,.impact-tile.dark p{color:#d9efe3}.why-section{padding-bottom:110px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff}.why-card span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#eef6f1;color:var(--green);font-weight:900}.why-card h3{margin:20px 0 8px}.why-card p{margin:0;color:var(--muted);font-size:14px}.process-section{padding:92px 0;background:var(--green);color:#fff}.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px}.process-intro h2{font-size:46px;margin:0 0 16px}.process-intro p{color:#d6e8de}.process-section .eyebrow{color:#a8cf80}.steps{display:grid;gap:14px}.step{display:flex;gap:18px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.05)}.step b{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--green)}.step strong,.step span{display:block}.step span{color:#cfe2d7;font-size:13px;margin-top:4px}.faq-wrap{max-width:900px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 4px}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{color:var(--muted);margin-bottom:0}.cta-section{padding:20px 0 70px}.cta-box{background:linear-gradient(135deg,#063e2b,#0b5a3f);color:#fff;padding:48px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:var(--shadow)}.cta-box span{color:#b8d995;font-size:12px;text-transform:uppercase;font-weight:800;letter-spacing:.12em}.cta-box h2{font-size:38px;max-width:700px;margin:10px 0}.cta-box p{color:#d8e9df;margin:0}.btn-light{background:#fff;color:var(--green);white-space:nowrap}footer{border-top:1px solid var(--line);padding:56px 0 24px;background:#fbfcfb}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px}.footer-brand img{width:210px;height:auto}.footer-grid strong,.footer-grid a,.footer-grid span{display:block}.footer-grid strong{margin-bottom:13px}.footer-grid a,.footer-grid span,.footer-brand p{font-size:13px;color:var(--muted);margin:6px 0}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;color:var(--muted);font-size:12px}.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:70;background:#20bf55;color:#fff;padding:13px 18px;border-radius:18px;box-shadow:0 14px 38px rgba(32,191,85,.34);display:flex;gap:10px;align-items:center}.floating-whatsapp>span{font-size:25px}.floating-whatsapp b,.floating-whatsapp small{display:block;line-height:1.15}.floating-whatsapp small{opacity:.9}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}
@media(max-width:1000px){.nav,.top-cta{display:none}.menu-toggle{display:block;margin-left:auto}.nav.open{display:flex;position:absolute;top:86px;left:20px;right:20px;flex-direction:column;background:#fff;padding:22px;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.hero-grid,.about-grid,.process-grid{grid-template-columns:1fr}.hero-visual{min-height:520px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{border-bottom:1px solid var(--line)}.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.about-grid{gap:40px}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.site-header .brand{width:150px}.brand img{width:145px}.hero{padding-top:54px}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.trust-row{grid-template-columns:1fr}.hero-visual{min-height:440px}.visual-main{inset:20px 0 30px 0}.fc-1{right:-4px}.fc-2{left:-2px}.fc-3{right:0}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;border-right:0}.section-heading h2,.about-copy h2,.process-intro h2{font-size:36px}.impact-grid,.why-grid{grid-template-columns:1fr}.cta-box{padding:32px 24px;flex-direction:column;align-items:flex-start}.cta-box h2{font-size:32px}.footer-grid{grid-template-columns:1fr}.floating-whatsapp{right:14px;bottom:14px;padding:12px 14px}.floating-whatsapp div{display:none}}

/* Correção dos cards flutuantes do hero */
@media (min-width:1001px){
  .hero-visual .fc-1{right:-28px;top:86px}
  .hero-visual .fc-2{left:-28px;bottom:18px}
  .hero-visual .fc-3{right:-34px;bottom:18px}
}
@media (max-width:1000px) and (min-width:641px){
  .hero-visual .fc-1{right:0;top:72px}
  .hero-visual .fc-2{left:0;bottom:4px}
  .hero-visual .fc-3{right:0;bottom:4px}
}
@media (max-width:640px){
  .hero-visual{min-height:500px;margin-bottom:18px}
  .hero-visual .fc-1{right:-6px;top:62px}
  .hero-visual .fc-2{left:0;bottom:0}
  .hero-visual .fc-3{right:0;bottom:54px}
}

/* =====================================================
   MODAL WHATSAPP
===================================================== */

.whatsapp-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;

  opacity:0;
  visibility:hidden;
  transition:.25s ease;
}

.whatsapp-modal.active{
  opacity:1;
  visibility:visible;
}

.whatsapp-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(8,25,18,.65);
  backdrop-filter:blur(6px);
}

.whatsapp-modal-content{
  position:relative;
  z-index:2;

  width:min(520px,100%);
  max-height:90vh;
  overflow:auto;

  background:#fff;
  border-radius:28px;
  padding:38px;

  box-shadow:
    0 30px 80px rgba(5,35,24,.25);

  transform:translateY(18px) scale(.98);
  transition:.25s ease;
}

.whatsapp-modal.active .whatsapp-modal-content{
  transform:translateY(0) scale(1);
}

.whatsapp-modal-close{
  position:absolute;
  top:18px;
  right:20px;

  width:38px;
  height:38px;

  border:0;
  border-radius:50%;

  background:#f1f6f3;
  color:#0b4f38;

  font-size:25px;
  line-height:1;

  cursor:pointer;
}

.whatsapp-modal-icon{
  width:58px;
  height:58px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:18px;

  background:#eaf6ee;
  color:#0b4f38;

  font-size:26px;
  margin-bottom:20px;
}

.whatsapp-modal-label{
  display:block;

  color:#176b49;

  font-size:11px;
  font-weight:800;

  text-transform:uppercase;
  letter-spacing:.13em;

  margin-bottom:8px;
}

.whatsapp-modal-content h2{
  font-family:Manrope,Inter,sans-serif;

  font-size:30px;
  line-height:1.15;

  margin:0 35px 10px 0;

  color:#17211d;
}

.whatsapp-modal-content > p{
  color:#66726c;
  font-size:14px;

  margin:0 0 25px;
}

.whatsapp-sector-list{
  display:grid;
  gap:11px;
}

.whatsapp-sector{
  width:100%;

  display:grid;
  grid-template-columns:52px 1fr auto;
  align-items:center;
  gap:14px;

  padding:15px;

  border:1px solid #e1ebe5;
  border-radius:17px;

  background:#fff;
  color:#17211d;

  text-align:left;

  cursor:pointer;

  transition:.2s ease;
}

.whatsapp-sector:hover{
  border-color:#0b4f38;
  background:#f4faf6;
  transform:translateX(4px);
}

.sector-icon{
  width:48px;
  height:48px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:14px;

  background:#eaf6ee;
  color:#0b4f38;

  font-weight:900;
  font-size:13px;
}

.whatsapp-sector strong,
.whatsapp-sector small{
  display:block;
}

.whatsapp-sector strong{
  font-size:15px;
  margin-bottom:2px;
}

.whatsapp-sector small{
  color:#758079;
  font-size:12px;
}

.whatsapp-sector > b{
  color:#0b4f38;
  font-size:20px;
}

.whatsapp-modal-footer{
  display:block;

  text-align:center;

  color:#8a948f;
  font-size:11px;

  margin-top:20px;
}


/* MOBILE */

@media(max-width:640px){

  .whatsapp-modal{
    align-items:flex-end;
    padding:0;
  }

  .whatsapp-modal-content{
    width:100%;

    border-radius:26px 26px 0 0;

    padding:30px 20px 24px;
  }

  .whatsapp-modal-content h2{
    font-size:25px;
  }

}

/* =====================================================
   LOGO NAVBAR
===================================================== */

.site-header .brand {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.site-header .brand img {
  display: block;
  width: auto;
  height: 65px;
  max-width: 228px;
  object-fit: contain;
}

@media (max-width: 640px) {

  .site-header .brand img {
    height: 48px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
  }

}

/* =====================================================
   FOOTER - DESENVOLVIDO POR MABFY
===================================================== */

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.footer-developer {
  font-size: 13px;
}

.footer-developer a {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s ease;
}

.footer-developer a:hover {
  opacity: .7;
  text-decoration: underline;
}

@media (max-width: 640px) {

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

}

/* =====================================================
   POSIÇÃO DO BOTÃO FLUTUANTE WHATSAPP
===================================================== */

.floating-whatsapp {
  bottom: 75px;
}

@media (max-width: 640px) {
  .floating-whatsapp {
    bottom: 35px;
  }
}

/* =====================================================
   SERVIÇOS - 3 COLUNAS UNIFORMES
===================================================== */

.service-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}

.service-card {
  width: 100%;
  box-sizing: border-box;
}

/* Tablet */
@media (max-width: 900px) {
  .service-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Celular */
@media (max-width: 640px) {
  .service-grid {
    grid-template-columns: 1fr;
  }
}

/* =====================================================
   PÁGINA DE SERVIÇO - AUTORIZAÇÕES FLORESTAIS
===================================================== */


/* =====================================================
   HERO
===================================================== */

.service-page-hero {
  position: relative;
  overflow: hidden;
  padding: 90px 0 80px;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(118, 171, 73, 0.14),
      transparent 30%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7faf8 100%
    );
}

.service-page-glow {
  position: absolute;
  width: 520px;
  height: 520px;
  right: -180px;
  top: -180px;
  border-radius: 50%;
  background: rgba(118, 171, 73, 0.10);
  filter: blur(20px);
  pointer-events: none;
}

.service-page-hero-grid {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(420px, .95fr);
  align-items: center;
  gap: 80px;
}


/* =====================================================
   BREADCRUMB
===================================================== */

.service-breadcrumb {
  display: inline-flex;
  align-items: center;

  margin-bottom: 32px;

  color: var(--muted);
  text-decoration: none;

  font-size: 13px;
  font-weight: 700;

  transition:
    color .2s ease,
    transform .2s ease;
}

.service-breadcrumb:hover {
  color: var(--green);
  transform: translateX(-3px);
}


/* =====================================================
   HERO - TEXTO
===================================================== */

.service-page-hero-copy h1 {
  max-width: 680px;
  margin: 14px 0 22px;

  font-family: "Manrope", sans-serif;
  font-size: clamp(48px, 5vw, 76px);
  line-height: .98;
  letter-spacing: -3px;
}

.service-page-hero-copy h1 span {
  display: block;
  color: var(--green);
}

.service-page-lead {
  max-width: 660px;

  margin: 0 0 32px;

  color: var(--muted);

  font-size: 17px;
  line-height: 1.75;
}


/* =====================================================
   DESTAQUES DO HERO
===================================================== */

.service-page-highlights {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  margin-top: 44px;

  border-top: 1px solid var(--line);
}

.service-page-highlights > div {
  padding: 24px 20px 0 0;
}

.service-page-highlights > div + div {
  padding-left: 22px;
  border-left: 1px solid var(--line);
}

.service-page-highlights strong {
  display: block;

  margin-bottom: 5px;

  color: var(--ink);

  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 800;
}

.service-page-highlights span {
  display: block;

  color: var(--muted);

  font-size: 12px;
  line-height: 1.5;
}


/* =====================================================
   VISUAL FLORESTAL
===================================================== */

.forest-visual {
  position: relative;
  overflow: hidden;

  min-height: 500px;

  border: 1px solid var(--line);
  border-radius: 32px;

  background: #ffffff;

  box-shadow:
    0 30px 80px rgba(16, 56, 43, .12);
}

.forest-visual-top {
  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 22px 26px;

  border-bottom: 1px solid var(--line);
}

.forest-visual-top span {
  color: var(--green);

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.5px;
}

.forest-visual-top b {
  color: var(--ink);

  font-family: "Manrope", sans-serif;
  font-size: 14px;
}


/* =====================================================
   CENÁRIO FLORESTAL
===================================================== */

.forest-scene {
  position: relative;
  overflow: hidden;

  height: 290px;

  background:
    linear-gradient(
      180deg,
      #edf8f2 0%,
      #dceee4 100%
    );
}

.forest-sun {
  position: absolute;

  width: 78px;
  height: 78px;

  right: 65px;
  top: 42px;

  border-radius: 50%;

  background: #dce98c;
}

.forest-mountain {
  position: absolute;
  bottom: 70px;

  width: 360px;
  height: 170px;

  clip-path: polygon(
    0 100%,
    45% 0,
    100% 100%
  );
}

.mountain-back {
  left: -30px;

  background: #b5d1bd;
}

.mountain-front {
  right: -60px;

  background: #82ac8d;
}

.forest-ground {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 100px;

  background: #376d4f;

  clip-path: polygon(
    0 38%,
    15% 20%,
    31% 35%,
    50% 12%,
    70% 31%,
    86% 15%,
    100% 28%,
    100% 100%,
    0 100%
  );
}


/* =====================================================
   ÁRVORES
===================================================== */

.forest-tree {
  position: absolute;
  bottom: 54px;

  width: 10px;
  height: 74px;

  border-radius: 10px;

  background: #725840;
}

.forest-tree::before,
.forest-tree::after,
.forest-tree span {
  content: "";

  position: absolute;
  left: 50%;

  transform: translateX(-50%);

  border-radius: 50%;

  background: #0d5b43;
}

.forest-tree::before {
  width: 70px;
  height: 70px;

  top: -45px;
}

.forest-tree::after {
  width: 55px;
  height: 55px;

  top: -68px;
}

.forest-tree span {
  width: 45px;
  height: 45px;

  top: -28px;
  left: 8px;
}

.tree-one {
  left: 80px;
}

.tree-two {
  left: 180px;

  transform: scale(.75);
  transform-origin: bottom;
}

.tree-three {
  right: 150px;

  transform: scale(.9);
  transform-origin: bottom;
}

.tree-four {
  right: 55px;

  transform: scale(.68);
  transform-origin: bottom;
}


/* =====================================================
   VISUAL - TEXTO INFERIOR
===================================================== */

.forest-visual-info {
  padding: 26px 30px 30px;
}

.forest-visual-info small {
  display: block;

  margin-bottom: 8px;

  color: var(--green);

  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.forest-visual-info strong {
  display: block;

  max-width: 420px;

  color: var(--ink);

  font-family: "Manrope", sans-serif;
  font-size: 20px;
  line-height: 1.35;
}


/* =====================================================
   INTRODUÇÃO
===================================================== */

.service-intro-section {
  padding: 100px 0;
  background: #ffffff;
}

.service-intro-grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;

  gap: 100px;
  align-items: start;
}

.service-intro-title h2 {
  max-width: 520px;

  margin-top: 12px;

  font-family: "Manrope", sans-serif;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.1;
  letter-spacing: -1.5px;
}

.service-intro-content {
  padding-top: 25px;
}

.service-intro-content p {
  margin: 0 0 20px;

  color: var(--muted);

  font-size: 16px;
  line-height: 1.85;
}


/* =====================================================
   SERVIÇOS FLORESTAIS
===================================================== */

.forest-services-section {
  padding: 105px 0;

  background: #f6f9f7;
}

.forest-services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  margin-top: 55px;

  overflow: hidden;

  border: 1px solid var(--line);
  border-radius: 28px;

  background: #ffffff;
}

.forest-service-card {
  position: relative;

  min-height: 310px;
  padding: 34px;

  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);

  background: #ffffff;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}

.forest-service-card:nth-child(3n) {
  border-right: 0;
}

.forest-service-card:hover {
  z-index: 2;

  background: #fbfdfb;

  box-shadow:
    0 20px 45px rgba(17, 63, 45, .08);
}

.forest-service-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  margin-bottom: 30px;

  border-radius: 50%;

  background: #edf6f0;

  color: var(--green);

  font-size: 12px;
  font-weight: 800;
}

.forest-service-card h3 {
  margin: 0 0 16px;

  color: var(--ink);

  font-family: "Manrope", sans-serif;
  font-size: 19px;
  line-height: 1.3;
}

.forest-service-card p {
  margin: 0;

  color: var(--muted);

  font-size: 14px;
  line-height: 1.75;
}


/* CARD 10 */

.forest-service-featured {
  grid-column: span 3;

  display: grid;
  grid-template-columns: 80px 1fr;

  align-items: start;

  min-height: auto;

  border-right: 0;
  border-bottom: 0;

  background:
    linear-gradient(
      135deg,
      #0c5a43,
      #164d3d
    );
}

.forest-service-featured .forest-service-number {
  background: rgba(255,255,255,.12);
  color: #ffffff;
}

.forest-service-featured h3 {
  color: #ffffff;

  font-size: 24px;
}

.forest-service-featured p {
  max-width: 750px;

  color: rgba(255,255,255,.75);
}


/* =====================================================
   PROCESSO
===================================================== */

.forest-process-section {
  padding: 105px 0;

  background: #ffffff;
}

.forest-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);

  margin-top: 55px;

  border-top: 1px solid var(--line);
}

.forest-process-item {
  position: relative;

  padding: 36px 28px 10px 0;
}

.forest-process-item + .forest-process-item {
  padding-left: 28px;

  border-left: 1px solid var(--line);
}

.forest-process-item b {
  display: block;

  margin-bottom: 35px;

  color: var(--green);

  font-family: "Manrope", sans-serif;
  font-size: 13px;
}

.forest-process-item h3 {
  margin: 0 0 12px;

  font-family: "Manrope", sans-serif;
  font-size: 18px;
}

.forest-process-item p {
  margin: 0;

  color: var(--muted);

  font-size: 14px;
  line-height: 1.7;
}


/* =====================================================
   RESPONSIVO - TABLET
===================================================== */

@media (max-width: 1000px) {

  .service-page-hero {
    padding: 70px 0;
  }

  .service-page-hero-grid {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .forest-visual {
    max-width: 700px;
    width: 100%;
  }

  .service-intro-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .service-intro-content {
    padding-top: 0;
  }

  .forest-services-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .forest-service-card:nth-child(3n) {
    border-right: 1px solid var(--line);
  }

  .forest-service-card:nth-child(2n) {
    border-right: 0;
  }

  .forest-service-featured {
    grid-column: span 2;
  }

  .forest-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .forest-process-item:nth-child(3) {
    border-left: 0;
  }

}


/* =====================================================
   RESPONSIVO - MOBILE
===================================================== */

@media (max-width: 640px) {

  .service-page-hero {
    padding: 45px 0 60px;
  }

  .service-breadcrumb {
    margin-bottom: 25px;
  }

  .service-page-hero-copy h1 {
    font-size: 43px;
    letter-spacing: -2px;
  }

  .service-page-lead {
    font-size: 15px;
  }

  .service-page-highlights {
    grid-template-columns: 1fr;
    gap: 0;

    margin-top: 35px;
  }

  .service-page-highlights > div {
    padding: 16px 0;

    border-bottom: 1px solid var(--line);
  }

  .service-page-highlights > div + div {
    padding-left: 0;
    border-left: 0;
  }

  .forest-visual {
    min-height: auto;
    border-radius: 22px;
  }

  .forest-scene {
    height: 230px;
  }

  .service-intro-section {
    padding: 70px 0;
  }

  .service-intro-title h2 {
    font-size: 34px;
  }

  .forest-services-section {
    padding: 70px 0;
  }

  .forest-services-grid {
    grid-template-columns: 1fr;
    border-radius: 20px;
  }

  .forest-service-card,
  .forest-service-card:nth-child(2n),
  .forest-service-card:nth-child(3n) {
    min-height: auto;

    border-right: 0;
  }

  .forest-service-featured {
    grid-column: span 1;
    grid-template-columns: 1fr;
  }

  .forest-process-section {
    padding: 70px 0;
  }

  .forest-process-grid {
    grid-template-columns: 1fr;
  }

  .forest-process-item,
  .forest-process-item + .forest-process-item {
    padding: 28px 0;

    border-left: 0;
    border-bottom: 1px solid var(--line);
  }

}

/* =====================================================
   BLOG CISA
===================================================== */


/* =====================================================
   HERO DO BLOG
===================================================== */

.blog-hero {
  position: relative;
  overflow: hidden;

  padding: 95px 0 90px;

  background:
    radial-gradient(
      circle at 85% 15%,
      rgba(118, 171, 73, .14),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f5f9f6 100%
    );

  border-bottom: 1px solid var(--line);
}


.blog-hero-glow {
  position: absolute;

  width: 520px;
  height: 520px;

  right: -170px;
  top: -250px;

  border-radius: 50%;

  background: rgba(118, 171, 73, .10);

  filter: blur(20px);

  pointer-events: none;
}


.blog-hero-content {
  position: relative;
  z-index: 2;

  max-width: 850px;
}


.blog-hero-content .service-breadcrumb {
  margin-bottom: 34px;
}


.blog-hero-content h1 {
  max-width: 820px;

  margin: 14px 0 24px;

  color: var(--ink);

  font-family: "Manrope", sans-serif;

  font-size: clamp(46px, 5vw, 72px);

  line-height: 1.02;

  letter-spacing: -3px;
}


.blog-hero-content h1 span {
  display: block;

  color: var(--green);
}


.blog-hero-content > p {
  max-width: 720px;

  margin: 0;

  color: var(--muted);

  font-size: 17px;

  line-height: 1.8;
}


/* =====================================================
   SEÇÃO DE ARTIGOS
===================================================== */

.blog-section {
  padding: 105px 0;

  background: #ffffff;
}


.blog-section .section-heading {
  max-width: 720px;

  margin-bottom: 55px;
}


.blog-section .section-heading h2 {
  max-width: 680px;
}


/* =====================================================
   GRID DOS ARTIGOS
===================================================== */

.blog-grid {
  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 24px;

  align-items: stretch;
}


/* =====================================================
   CARD
===================================================== */

.blog-card {
  min-width: 0;
  height: 100%;

  overflow: hidden;

  border: 1px solid var(--line);

  border-radius: 26px;

  background: #ffffff;

  box-shadow:
    0 18px 50px rgba(19, 56, 43, .06);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}


.blog-card:hover {
  transform: translateY(-6px);

  border-color: rgba(13, 91, 67, .20);

  box-shadow:
    0 28px 65px rgba(19, 56, 43, .12);
}


.blog-card-link {
  display: flex;

  flex-direction: column;

  height: 100%;

  color: inherit;

  text-decoration: none;
}


/* =====================================================
   ÁREA VISUAL DO CARD
===================================================== */

.blog-card-visual {
  position: relative;

  display: flex;

  align-items: flex-end;

  justify-content: flex-end;

  min-height: 225px;

  padding: 25px;

  overflow: hidden;
}


/* AGROPECUÁRIO */

.blog-card-agro {
  background:
    radial-gradient(
      circle at 78% 25%,
      rgba(255,255,255,.30),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      #6f8f3b,
      #a4bb58
    );
}


/* FLORESTAL */

.blog-card-florestal {
  background:
    radial-gradient(
      circle at 78% 25%,
      rgba(255,255,255,.18),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      #064f3b,
      #19805d
    );
}


/* INDÚSTRIA */

.blog-card-industria {
  background:
    radial-gradient(
      circle at 78% 25%,
      rgba(255,255,255,.16),
      transparent 25%
    ),
    linear-gradient(
      135deg,
      #725d48,
      #9c8264
    );
}


/* =====================================================
   CATEGORIA
===================================================== */

.blog-card-category {
  position: absolute;

  top: 22px;
  left: 22px;

  display: inline-flex;

  align-items: center;

  min-height: 32px;

  padding: 7px 12px;

  border: 1px solid rgba(255,255,255,.30);

  border-radius: 999px;

  background: rgba(255,255,255,.15);

  backdrop-filter: blur(8px);

  color: #ffffff;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: .8px;

  text-transform: uppercase;
}


/* =====================================================
   ÍCONE DO CARD
===================================================== */

.blog-card-icon {
  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 95px;
  height: 95px;

  border: 1px solid rgba(255,255,255,.25);

  border-radius: 50%;

  background: rgba(255,255,255,.12);

  color: rgba(255,255,255,.95);

  font-size: 43px;

  backdrop-filter: blur(5px);

  transition:
    transform .3s ease,
    background .3s ease;
}


.blog-card:hover .blog-card-icon {
  transform:
    translateY(-4px)
    rotate(4deg);

  background: rgba(255,255,255,.18);
}


/* DECORAÇÃO */

.blog-card-visual::before {
  content: "";

  position: absolute;

  width: 190px;
  height: 190px;

  left: -60px;
  bottom: -90px;

  border: 1px solid rgba(255,255,255,.15);

  border-radius: 50%;
}


.blog-card-visual::after {
  content: "";

  position: absolute;

  width: 125px;
  height: 125px;

  left: -25px;
  bottom: -55px;

  border: 1px solid rgba(255,255,255,.18);

  border-radius: 50%;
}


/* =====================================================
   CONTEÚDO DO CARD
===================================================== */

.blog-card-content {
  display: flex;

  flex: 1;

  flex-direction: column;

  padding: 30px;
}


.blog-card-area {
  display: block;

  margin-bottom: 14px;

  color: var(--green);

  font-size: 10px;

  font-weight: 800;

  line-height: 1.5;

  letter-spacing: .9px;

  text-transform: uppercase;
}


.blog-card-content h2 {
  margin: 0 0 17px;

  color: var(--ink);

  font-family: "Manrope", sans-serif;

  font-size: 21px;

  line-height: 1.3;

  letter-spacing: -.5px;
}


.blog-card-content p {
  margin: 0;

  color: var(--muted);

  font-size: 14px;

  line-height: 1.75;
}


/* =====================================================
   LER ARTIGO
===================================================== */

.blog-read-more {
  display: inline-flex;

  align-items: center;

  margin-top: auto;

  padding-top: 28px;

  color: var(--green);

  font-size: 13px;

  font-weight: 800;

  transition:
    transform .2s ease,
    color .2s ease;
}


.blog-card:hover .blog-read-more {
  transform: translateX(4px);
}


/* =====================================================
   ÁREAS DE ATUAÇÃO
===================================================== */

.blog-areas-section {
  padding: 20px 0 105px;

  background: #ffffff;
}


.blog-areas-box {
  display: grid;

  grid-template-columns:
    minmax(280px, .8fr)
    minmax(0, 1.2fr);

  gap: 70px;

  padding: 55px;

  border: 1px solid var(--line);

  border-radius: 30px;

  background:
    linear-gradient(
      135deg,
      #f5f9f6,
      #ffffff
    );
}


.blog-areas-intro h2 {
  margin: 12px 0 15px;

  color: var(--ink);

  font-family: "Manrope", sans-serif;

  font-size: 34px;

  line-height: 1.15;

  letter-spacing: -1px;
}


.blog-areas-intro p {
  max-width: 420px;

  margin: 0;

  color: var(--muted);

  font-size: 14px;

  line-height: 1.75;
}


/* =====================================================
   LINKS DAS ÁREAS
===================================================== */

.blog-areas-links {
  display: flex;

  flex-direction: column;

  border-top: 1px solid var(--line);
}


.blog-areas-links a {
  display: grid;

  grid-template-columns: 45px 1fr 30px;

  align-items: center;

  gap: 15px;

  min-height: 78px;

  border-bottom: 1px solid var(--line);

  color: var(--ink);

  text-decoration: none;

  transition:
    padding-left .2s ease,
    color .2s ease;
}


.blog-areas-links a:hover {
  padding-left: 8px;

  color: var(--green);
}


.blog-areas-links span {
  color: var(--green);

  font-size: 11px;

  font-weight: 800;
}


.blog-areas-links strong {
  font-family: "Manrope", sans-serif;

  font-size: 15px;

  line-height: 1.4;
}


.blog-areas-links b {
  color: var(--green);

  font-size: 18px;

  text-align: right;
}


/* =====================================================
   LINK ATIVO BLOG NO MENU
===================================================== */

.nav a[aria-current="page"] {
  color: var(--green);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1000px) {

  .blog-hero {
    padding: 75px 0;
  }


  .blog-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }


  .blog-card:last-child {
    grid-column: span 2;
  }


  .blog-areas-box {
    grid-template-columns: 1fr;

    gap: 40px;

    padding: 45px;
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 640px) {

  .blog-hero {
    padding: 50px 0 60px;
  }


  .blog-hero-content h1 {
    font-size: 42px;

    line-height: 1.05;

    letter-spacing: -2px;
  }


  .blog-hero-content > p {
    font-size: 15px;
  }


  .blog-section {
    padding: 70px 0;
  }


  .blog-section .section-heading {
    margin-bottom: 35px;
  }


  .blog-grid {
    grid-template-columns: 1fr;

    gap: 20px;
  }


  .blog-card:last-child {
    grid-column: auto;
  }


  .blog-card-visual {
    min-height: 190px;

    padding: 20px;
  }


  .blog-card-category {
    top: 18px;
    left: 18px;
  }


  .blog-card-icon {
    width: 78px;
    height: 78px;

    font-size: 35px;
  }


  .blog-card-content {
    padding: 25px;
  }


  .blog-card-content h2 {
    font-size: 19px;
  }


  .blog-areas-section {
    padding: 0 0 70px;
  }


  .blog-areas-box {
    padding: 30px 24px;

    border-radius: 22px;
  }


  .blog-areas-intro h2 {
    font-size: 29px;
  }


  .blog-areas-links a {
    grid-template-columns: 35px 1fr 20px;

    min-height: 80px;

    gap: 10px;
  }


  .blog-areas-links strong {
    font-size: 14px;
  }

}
/* Tópicos de outorgas e licenciamento agropecuário */
.agro-services-page .service-page-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px}
.agro-services-page .service-page-hero-copy h1{font-size:clamp(40px,4.8vw,68px);letter-spacing:-.04em;overflow-wrap:normal}
.topic-hero-panel{padding:40px;border:1px solid #d9e8df;border-radius:30px;background:linear-gradient(145deg,#eaf6ee,#fff);box-shadow:var(--shadow)}
.topic-hero-panel h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.03em;margin:0 0 20px;color:var(--green)}
.topic-hero-panel p{color:var(--muted)}
.topic-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.topic-hero-tags span{border:1px solid #d3e4d9;background:#fff;border-radius:99px;padding:7px 13px;font-size:12px;font-weight:700;color:var(--green)}
.service-area-nav{border-block:1px solid var(--line);background:#fff}
.service-area-nav nav{display:flex;gap:24px;flex-wrap:wrap}
.service-area-nav a{padding:22px 0;font-weight:700;color:var(--muted);border-bottom:3px solid transparent}
.service-area-nav a[aria-current="page"]{color:var(--green);border-bottom-color:var(--green)}
.service-area-nav a span{margin-left:12px}
.topic-section{padding:90px 0 100px;background:var(--bg);scroll-margin-top:110px}
.topic-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:32px}
.topic-heading h2{font-family:Manrope,Inter,sans-serif;font-size:clamp(30px,3.6vw,44px);line-height:1.15;letter-spacing:-.035em;margin:0}
.topic-heading p{color:var(--muted);margin:0}
.topic-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:40px}
.topic-shortcuts a{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:14px;font-weight:700;transition:background .2s,border-color .2s}
.topic-shortcuts a:hover{background:#edf6ef;border-color:#94b79e}
.topic-shortcuts a>span{color:var(--lime);font-size:11px;letter-spacing:.08em}
.topic-shortcuts a>b{margin-left:auto;color:var(--green)}
.topic-accordion{display:grid;gap:14px}
.topic-item{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;scroll-margin-top:110px}
.topic-item[open]{border-color:#9bbb9f;box-shadow:0 12px 36px rgba(20,56,40,.06)}
.topic-item summary{display:flex;gap:20px;align-items:center;padding:26px 30px;cursor:pointer;list-style:none}
.topic-item summary::-webkit-details-marker{display:none}
.topic-number{flex-shrink:0;width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eff6f0;font-size:13px;font-weight:800;color:var(--green)}
.topic-label{flex:1;min-width:0}
.topic-label strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:21px;line-height:1.3}
.topic-label>span{display:block;margin-top:5px;color:var(--muted);font-size:14px}
.topic-plus{position:relative;flex-shrink:0;width:30px;height:30px;border:1px solid #d6e3d9;border-radius:50%}
.topic-plus:before,.topic-plus:after{content:"";position:absolute;background:var(--green);width:12px;height:2px;left:8px;top:13px}
.topic-plus:after{transform:rotate(90deg);transition:transform .2s}
.topic-item[open] .topic-plus:after{transform:rotate(0)}
.topic-answer{padding:0 30px 30px 94px;max-width:960px;color:var(--muted)}
.topic-answer p{margin:0 0 18px}.topic-answer h3{font-size:13px;color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px}
.topic-answer ul{padding-left:20px;margin:0 0 16px}.topic-answer li{padding:4px 0}.topic-answer li::marker{color:var(--lime)}
.topic-item summary:focus-visible,.topic-shortcuts a:focus-visible,.service-area-nav a:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
.partners-section{padding:55px 0 80px;background:#f7faf8;border-top:1px solid var(--line)}
.partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.partner-card{min-height:190px;border:1px solid var(--line);border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}
.partner-card img{width:100%;max-width:200px;height:100px;object-fit:contain}.partner-card>span{font-size:12px;color:var(--muted)}
.partner-pending{border-style:dashed;background:transparent}.partner-pending strong{font-size:14px;color:var(--muted)}.partner-pending .partner-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eaf1ec;color:#80958a;font-size:24px}
@media(max-width:900px){.agro-services-page .service-page-hero-grid{grid-template-columns:1fr;gap:32px}.topic-heading{grid-template-columns:1fr;gap:20px}.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topic-section{padding:55px 0}.topic-shortcuts{grid-template-columns:1fr;gap:8px}.topic-shortcuts a{padding:14px 16px}.topic-hero-panel{padding:26px}.service-area-nav nav{gap:0;flex-direction:column}.service-area-nav a{padding:14px 0}.topic-item summary{padding:20px 16px;gap:12px}.topic-label strong{font-size:18px}.topic-label>span{font-size:13px}.topic-number{width:34px;height:34px;border-radius:10px}.topic-answer{padding:0 20px 24px}.partners-grid{gap:12px}.partner-card{padding:16px;min-height:155px}.partner-card img{height:80px}.partners-section .section-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-plus:after{transition:none}}


#servicos.service-area-nav{scroll-margin-top:100px}#licenciamentos.topic-section{background:#fff;border-top:1px solid var(--line)}#licenciamentos .topic-item{background:var(--bg)}