:root{--green:#145f31;--green2:#0c4b27;--lime:#4bb34c;--mint:#7bcf7e;--ink:#102117;--paper:#f5f8f3;--white:#fff;--muted:#627066;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(12,75,39,.96);backdrop-filter:blur(12px);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:baseline;gap:10px;font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:900;letter-spacing:-1px}.brand span{font-size:31px}.brand b{font-size:27px;color:#9ee392}.menu{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.pill,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:14px 22px;font-weight:800;cursor:pointer}.pill{background:#fff;color:var(--green2)}.btn{background:var(--lime);color:#0b2d18}.btn.alt{background:#fff;color:var(--green2)}.menuBtn{display:none;background:none;border:0;color:#fff;font-size:27px}.hero{background:radial-gradient(circle at 85% 20%,rgba(91,186,81,.35),transparent 32%),linear-gradient(135deg,#0b4825,#176435 68%,#174d2d);color:#fff;overflow:hidden}.heroGrid{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800;color:#a5e39d}.hero h1{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:900;font-size:clamp(72px,10vw,142px);line-height:.78;letter-spacing:-5px;margin:20px 0}.hero h1 span{display:block;font-style:normal;font-size:.72em;color:#8edb84}.hero p{font-size:20px;line-height:1.55;max-width:620px;color:#e6f2e8}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.campaignPoster{display:flex;justify-content:center;align-items:end;align-self:stretch;padding-top:40px}.campaignPoster img{width:min(100%,515px);max-height:650px;object-fit:cover;object-position:top;border-radius:30px 30px 0 0;box-shadow:0 25px 80px rgba(0,0,0,.28)}.stripe{height:13px;background:linear-gradient(90deg,#77cb73 0 16%,#35a64a 16% 24%,#54b651 24% 42%,#198e3b 42% 55%,#4fb64f 55% 82%,#71c773 82%)}section{padding:88px 0}.sectionHead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}.sectionHead h2{font-family:'Barlow Condensed';font-size:52px;line-height:1;margin:0;color:var(--green2)}.sectionHead p{max-width:560px;color:var(--muted);line-height:1.65}.aboutGrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px}.aboutCard,.card{background:#fff;border-radius:var(--radius);box-shadow:0 8px 35px rgba(25,57,36,.08)}.aboutCard{padding:34px}.aboutCard.big{background:var(--green2);color:#fff}.aboutCard.big h3{font-family:'Barlow Condensed';font-size:42px;margin:0 0 14px}.aboutCard p{line-height:1.7}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timelineItem{background:#fff;padding:24px;border-radius:20px;border-top:6px solid var(--lime)}.timelineItem b{font-family:'Barlow Condensed';font-size:32px;color:var(--green)}.timelineItem h3{margin:8px 0}.timelineItem p{color:var(--muted);line-height:1.55}.dark{background:#0e4f2a;color:#fff}.dark .sectionHead h2{color:#fff}.dark .sectionHead p{color:#cfe4d4}.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.position{padding:30px;min-height:260px;display:flex;flex-direction:column}.position .tag{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--lime)}.position h3{font-family:'Barlow Condensed';font-size:34px;line-height:1.05;margin:16px 0}.position p{line-height:1.65;color:#dce9df}.mobilize{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mobCard{background:#fff;padding:30px;border-radius:24px}.mobIcon{font-size:38px}.mobCard h3{font-family:'Barlow Condensed';font-size:34px;margin:16px 0 8px}.mobCard p{color:var(--muted);line-height:1.6}.newsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.newsCard{overflow:hidden}.newsCard img{width:100%;height:210px;object-fit:cover;background:#dfe9df}.newsBody{padding:24px}.newsBody small{color:var(--green);font-weight:700}.newsBody h3{margin:8px 0 10px}.newsBody p{color:var(--muted);line-height:1.55}.join{background:linear-gradient(130deg,#3ead4b,#76cf70);padding:0}.joinBox{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:64px 0}.join h2{font-family:'Barlow Condensed';font-size:64px;line-height:.9;margin:0}.join p{font-size:18px}.form{background:#fff;padding:28px;border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.form input,.form select,.form textarea{width:100%;padding:14px 15px;border:1px solid #d9e1da;border-radius:12px;font:inherit}.form textarea,.form button,.span2{grid-column:1/-1}.footer{background:#082f19;color:#d9e8dd;padding:54px 0}.footerGrid{display:grid;grid-template-columns:1fr 1.5fr .7fr;gap:30px}.footer h4{color:#fff;margin-top:0}.footer a{color:#fff}.footerBrand{font-family:'Barlow Condensed';font-size:34px;font-style:italic;font-weight:900}.footerBrand strong{color:#7fd275}.alert{padding:12px 16px;border-radius:12px;background:#e4f6e6;color:#155b2d;margin-bottom:16px}@media(max-width:900px){.menuBtn{display:block}.menu{display:none;position:absolute;top:78px;left:0;right:0;padding:22px;background:#0c4b27;flex-direction:column;align-items:stretch}.menu.open{display:flex}.heroGrid{grid-template-columns:1fr;min-height:auto;padding-top:70px}.campaignPoster{padding-top:0}.campaignPoster img{max-height:520px}.aboutGrid,.joinBox{grid-template-columns:1fr}.timeline{grid-template-columns:1fr 1fr}.cards3,.mobilize,.newsGrid{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr}.sectionHead{display:block}.form{grid-template-columns:1fr}.hero h1{letter-spacing:-3px}}@media(max-width:560px){.container{width:min(100% - 24px,1180px)}section{padding:64px 0}.timeline{grid-template-columns:1fr}.hero h1{font-size:82px}.join h2{font-size:52px}}
/* Identidade oficial Bacelar */
.brandLogo{display:flex;align-items:center;height:64px}.brandLogo img{display:block;width:auto;height:54px;max-width:290px;object-fit:contain}.heroGrid{position:relative;grid-template-columns:.92fr 1.08fr;min-height:720px}.heroCopy{position:relative;z-index:3;padding:58px 0}.heroBrand{width:min(570px,100%);height:auto;margin-bottom:34px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.12))}.heroCopy h1{font-size:clamp(66px,8vw,112px);line-height:.83;margin:18px 0 22px}.heroCopy h1 span{font-size:1em;color:#8edb84}.officialPhoto{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;min-width:0}.officialPhoto img{position:relative;z-index:2;display:block;width:min(650px,100%);max-height:700px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 30px rgba(0,0,0,.24))}.numberBackdrop{position:absolute;z-index:1;right:-20px;top:115px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-style:italic;font-size:clamp(150px,19vw,290px);line-height:.75;letter-spacing:-14px;color:rgba(117,207,112,.16);white-space:nowrap}.hero:after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(180deg,transparent,rgba(4,38,18,.28));pointer-events:none}.hero{position:relative}
@media(max-width:900px){.brandLogo img{height:44px;max-width:220px}.heroGrid{grid-template-columns:1fr;min-height:auto;padding-top:38px}.heroCopy{padding:28px 0 0}.heroBrand{width:min(500px,94%);margin-bottom:24px}.officialPhoto{min-height:470px}.officialPhoto img{max-height:520px}.numberBackdrop{right:0;top:70px;font-size:clamp(145px,35vw,260px)}}
@media(max-width:560px){.brandLogo img{height:38px;max-width:190px}.heroCopy h1{font-size:68px}.heroBrand{margin-bottom:18px}.officialPhoto{min-height:390px}.officialPhoto img{max-height:430px}.numberBackdrop{top:90px;font-size:145px;letter-spacing:-8px}}

/* V3 — Home aprovada: hero editorial Bacelar 4343 */
.topbar{background:#003d20}.nav{height:104px}.brandLogo{height:84px}.brandLogo img{height:72px;max-width:390px}.menu{gap:38px;font-size:16px}.navCta{background:#35a83e;color:#fff;padding:14px 25px}.navCta span{font-size:18px}
.hero{background:radial-gradient(circle at 68% 42%,rgba(20,113,53,.42),transparent 35%),linear-gradient(112deg,#00351c 0%,#004523 48%,#00371e 100%);position:relative}.heroGrid{height:665px;min-height:665px;grid-template-columns:.82fr 1.18fr;gap:0;align-items:stretch}.heroCopy{display:flex;flex-direction:column;justify-content:center;padding:48px 0 36px;z-index:4}.heroBrand{display:none}.heroCopy .eyebrow{font-size:16px;color:#69bd3f;letter-spacing:.13em;margin-bottom:18px}.heroCopy h1{font-size:clamp(86px,7.4vw,126px);line-height:.78;letter-spacing:-4px;margin:0 0 25px;color:#fff}.heroCopy h1 span{color:#72bd42;font-size:1em}.heroCopy p{font-size:20px;line-height:1.45;max-width:550px;margin:0;color:#fff}.heroCopy .actions{margin-top:32px}.heroCopy .btn{font-size:17px;padding:15px 25px}.whatsappBtn{background:#35a83e;color:#fff;gap:10px}.waIcon{font-size:20px}.heroCopy .outline{background:transparent;color:#fff;border:2px solid #fff}.socialHero{display:flex;gap:28px;margin-top:30px;align-items:center}.socialHero a{color:#62b63b;font-size:27px;font-weight:900;line-height:1}.officialPhoto{align-items:flex-end;overflow:visible}.officialPhoto img{width:auto;height:655px;max-height:none;max-width:none;object-fit:contain;object-position:center bottom;filter:none;margin-bottom:0;transform:translateX(25px)}.numberBackdrop{right:-120px;top:115px;font-size:390px;color:rgba(47,132,54,.25);letter-spacing:-24px}.hero:after{display:none}.stripe{height:20px;position:relative;z-index:5;background:linear-gradient(90deg,#74c963 0 7%,#38a943 7% 17%,#69bf50 17% 30%,#35a63e 30% 42%,#15933b 42% 59%,#36a842 59% 75%,#63bd50 75% 88%,#74c963 88%)}
.strengths{padding:34px 0 54px;background:#fff}.strengthTitle{display:flex;align-items:center;justify-content:center;gap:26px;margin-bottom:28px}.strengthTitle span{height:1px;background:#3c9848;width:110px}.strengthTitle h2{font-family:'Barlow Condensed',sans-serif;color:#084a29;font-size:28px;margin:0}.strengthGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.strengthGrid article{border:1px solid #d9e0da;border-radius:8px;padding:22px 18px;display:flex;gap:16px;min-height:155px;background:#fff}.strengthIcon{flex:0 0 54px;height:54px;border-radius:50%;background:#005329;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px}.strengthGrid h3{color:#07502a;font-size:16px;line-height:1.25;margin:2px 0 8px}.strengthGrid p{font-size:13px;line-height:1.55;margin:0;color:#333}
@media(max-width:1100px){.menu{gap:22px}.officialPhoto img{height:620px;transform:none}.numberBackdrop{font-size:320px;right:-60px}.heroCopy h1{font-size:92px}}
@media(max-width:900px){.nav{height:78px}.brandLogo{height:62px}.brandLogo img{height:50px;max-width:270px}.heroGrid{height:auto;min-height:auto;grid-template-columns:1fr;padding-top:0}.heroCopy{padding:60px 0 25px}.heroCopy h1{font-size:88px}.officialPhoto{height:500px;min-height:500px}.officialPhoto img{height:500px;max-height:none}.numberBackdrop{top:80px;right:0;font-size:270px}.strengthGrid{grid-template-columns:1fr 1fr}.menu{top:78px}}
@media(max-width:560px){.brandLogo img{height:42px;max-width:225px}.heroCopy{padding-top:44px}.heroCopy .eyebrow{font-size:12px}.heroCopy h1{font-size:68px;letter-spacing:-2px}.heroCopy p{font-size:17px}.officialPhoto{height:410px;min-height:410px}.officialPhoto img{height:410px}.numberBackdrop{font-size:185px;top:115px;letter-spacing:-12px}.strengthGrid{grid-template-columns:1fr}.strengthTitle span{display:none}.strengthTitle h2{text-align:center;font-size:25px}.socialHero{margin-bottom:5px}}


/* ===== Ajustes V4 - Hero Bacelar ===== */
/* Faz a foto oficial encostar visualmente na faixa inferior do hero */
.hero,
.hero-section,
.hero-home,
.home-hero {
    position: relative;
    overflow: hidden;
}

.hero .hero-image,
.hero .candidate-photo,
.hero .bacelar-photo,
.hero .hero-photo,
.hero-section .hero-image,
.hero-section .candidate-photo,
.hero-section .bacelar-photo,
.hero-section .hero-photo,
.home-hero .hero-image,
.home-hero .candidate-photo,
.home-hero .bacelar-photo,
.home-hero .hero-photo {
    align-self: flex-end !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.hero .hero-image img,
.hero .candidate-photo img,
.hero .bacelar-photo img,
.hero .hero-photo img,
.hero-section .hero-image img,
.hero-section .candidate-photo img,
.hero-section .bacelar-photo img,
.hero-section .hero-photo img,
.home-hero .hero-image img,
.home-hero .candidate-photo img,
.home-hero .bacelar-photo img,
.home-hero .hero-photo img {
    display: block !important;
    margin-bottom: -2px !important;
    bottom: 0 !important;
    transform-origin: bottom center;
}

/* Títulos dos cards de Posicionamento: verde forte e legível */
#posicionamentos .card h2,
#posicionamentos .card h3,
#posicionamentos .card h4,
#posicionamento .card h2,
#posicionamento .card h3,
#posicionamento .card h4,
.posicionamentos .card h2,
.posicionamentos .card h3,
.posicionamentos .card h4,
.position-card h2,
.position-card h3,
.position-card h4,
.positioning-card h2,
.positioning-card h3,
.positioning-card h4 {
    color: #0b5a2b !important;
    opacity: 1 !important;
}

/* Texto dos cards também ganha contraste */
#posicionamentos .card p,
#posicionamento .card p,
.posicionamentos .card p,
.position-card p,
.positioning-card p {
    color: #315b43 !important;
    opacity: 1 !important;
}

img[src*="Foto%20Oficial"],
img[src*="Foto Oficial"],
img[src*="foto-oficial"],
img[src*="foto_oficial"],
img[src*="bacelar-recorte"],
img[src*="Bacelar_recorte"] {
    vertical-align: bottom !important;
}


/* ===== V5: retrato grande e apoiado na faixa inferior ===== */
@media (min-width: 981px){
  .hero{position:relative;}
  .heroGrid{
    height:665px !important;
    min-height:665px !important;
    align-items:stretch !important;
  }
  .officialPhoto{
    position:relative !important;
    height:100% !important;
    min-height:0 !important;
    align-self:stretch !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:center !important;
    overflow:visible !important;
  }
  .officialPhoto img{
    position:absolute !important;
    z-index:2 !important;
    left:50% !important;
    bottom:-1px !important;
    width:auto !important;
    height:735px !important;
    max-height:none !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:translateX(-48%) !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    display:block !important;
    filter:none !important;
  }
  .numberBackdrop{
    bottom:130px !important;
    right:-80px !important;
    font-size:330px !important;
  }
  .stripe{
    position:relative !important;
    z-index:6 !important;
    margin-top:0 !important;
  }
}

/* ===== V6 FINAL: foto apoiada diretamente na faixa ===== */
@media (min-width:981px){
  .hero{position:relative !important;overflow:hidden !important;}
  .heroGrid{height:665px !important;min-height:665px !important;padding-bottom:0 !important;margin-bottom:0 !important;align-items:stretch !important;}
  .officialPhoto{position:relative !important;height:665px !important;min-height:665px !important;padding:0 !important;margin:0 !important;align-self:end !important;overflow:visible !important;}
  .officialPhoto img{position:absolute !important;z-index:2 !important;left:50% !important;bottom:-1px !important;height:760px !important;width:auto !important;max-width:none !important;max-height:none !important;padding:0 !important;margin:0 !important;transform:translateX(-48%) !important;transform-origin:center bottom !important;object-fit:contain !important;object-position:center bottom !important;display:block !important;filter:none !important;line-height:0 !important;}
  .stripe{height:20px !important;margin:-1px 0 0 !important;padding:0 !important;position:relative !important;z-index:20 !important;}
}

/* V7 Slider da capa */
.heroSlider{position:relative;height:665px;background:#064b28;overflow:hidden;color:#fff}.heroSlides,.heroSlide{position:absolute;inset:0}.heroSlide{opacity:0;visibility:hidden;transition:opacity .5s ease;background-position:center;background-size:cover}.heroSlide.active{opacity:1;visibility:visible;z-index:2}.placeholderDark{background:linear-gradient(115deg,#003f22,#075b31 72%,#064626)}.placeholderLight{background:linear-gradient(115deg,#167640,#42aa50 72%,#70c65e)}.slideInner{height:100%;display:flex;align-items:center}.slideCopy{width:min(680px,58%)}.heroSlider .eyebrow{color:#72ce48;font-weight:800;letter-spacing:2px}.heroSlider h1{font-family:'Barlow Condensed',sans-serif;font-style:italic;font-weight:900;font-size:clamp(70px,7.4vw,128px);line-height:.82;letter-spacing:-4px;margin:20px 0;text-transform:uppercase}.heroSlider p{font-size:20px;line-height:1.5;color:#fff;max-width:620px}.slideArrow{position:absolute;z-index:10;top:50%;transform:translateY(-50%);width:54px;height:54px;border:1px solid #ffffff99;border-radius:50%;background:#00361d99;color:#fff;font-size:42px;cursor:pointer}.slideArrow.prev{left:24px}.slideArrow.next{right:24px}.slideDots{position:absolute;z-index:10;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:9px}.slideDots button{width:11px;height:11px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0}.slideDots button.active{background:#67c43e;border-color:#67c43e}@media(max-width:980px){.heroSlider{height:590px}.slideCopy{width:82%;padding:0 40px}}@media(max-width:620px){.heroSlider{height:540px}.slideCopy{width:100%;padding:0 42px}.heroSlider h1{font-size:62px;letter-spacing:-2px}.heroSlider p{font-size:17px}.slideArrow{width:40px;height:40px;font-size:30px}.slideArrow.prev{left:5px}.slideArrow.next{right:5px}}


/* ===== V8 - Slider somente de imagens, sem sobrepor o conteúdo ===== */
.heroSlider{position:relative!important;display:block!important;width:100%!important;height:min(750px,calc(100vh - 98px))!important;min-height:420px!important;max-height:750px!important;overflow:hidden!important;background:#064b28!important;margin:0!important;padding:0!important;isolation:isolate}
.heroSlides{position:relative!important;width:100%!important;height:100%!important;inset:auto!important}
.heroSlide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;background-position:center center!important;background-size:cover!important;background-repeat:no-repeat!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}
.heroSlide.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:2!important}
.heroSlide.placeholderDark{background:linear-gradient(120deg,#003f22,#075b31 70%,#064626)!important}
.heroSlide.placeholderLight{background:linear-gradient(120deg,#197943,#42aa50 70%,#72c962)!important}
.slideButtonWrap{position:absolute;z-index:5;left:50%;bottom:58px;transform:translateX(-50%)}
.slideLinkBtn{white-space:nowrap;background:#31ad45!important;color:#fff!important}
.slideArrow{z-index:8!important}
.slideDots{z-index:8!important}
.heroSlider + .stripe{display:block!important;position:relative!important;z-index:1!important;margin:0!important}
.strengths{position:relative!important;z-index:1!important;clear:both!important}
@media(max-width:980px){.heroSlider{height:min(650px,calc(100vh - 80px))!important;min-height:380px!important}.slideButtonWrap{bottom:50px}}
@media(max-width:620px){.heroSlider{height:min(520px,70vh)!important;min-height:320px!important}.slideButtonWrap{bottom:46px}.slideArrow{width:40px!important;height:40px!important}}


/* ===== V9 - Slider corrigido: imagem visível e sem sobreposição ===== */
.heroSlider{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:clamp(420px,calc(100vh - 78px),750px)!important;
  max-height:750px!important;
  min-height:420px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  clear:both!important;
  background:#064b28!important;
  isolation:isolate!important;
}
.heroSlides{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  inset:auto!important;
  overflow:hidden!important;
}
.heroSlide{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .45s ease,visibility .45s ease!important;
  background-image:none!important;
}
.heroSlide.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:2!important;
}
.heroSlideImage{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
}
.heroSlide.placeholderDark{background:#064b28!important}
.heroSlide.placeholderLight{background:#258847!important}
.slideButtonWrap{position:absolute!important;z-index:5!important;left:50%!important;bottom:42px!important;transform:translateX(-50%)!important}
.slideLinkBtn{white-space:nowrap!important}
.slideArrow{position:absolute!important;z-index:8!important;top:50%!important;transform:translateY(-50%)!important}
.slideDots{position:absolute!important;z-index:8!important;bottom:18px!important}
.heroSlider + .stripe{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
  z-index:1!important;
  clear:both!important;
}
.heroSlider + .stripe + .strengths{
  position:relative!important;
  z-index:0!important;
  clear:both!important;
  margin-top:0!important;
}
@media(max-width:980px){.heroSlider{height:clamp(380px,65vh,650px)!important;min-height:380px!important}.slideButtonWrap{bottom:40px!important}}
@media(max-width:620px){.heroSlider{height:clamp(320px,58vh,520px)!important;min-height:320px!important}.slideButtonWrap{bottom:36px!important}}


/* ===== V10 FINAL - Slider 750px, no gap, no overlap ===== */
html, body { margin:0 !important; padding:0 !important; }
body > .topbar { margin-bottom:0 !important; }
main { display:block !important; margin:0 !important; padding:0 !important; }
.topbar + main { margin-top:0 !important; padding-top:0 !important; }
section.heroSlider {
  box-sizing:border-box !important;
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:750px !important;
  min-height:750px !important;
  max-height:750px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
  clear:both !important;
  background:#064b28 !important;
  isolation:isolate !important;
}
section.heroSlider .heroSlides {
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:750px !important;
  min-height:750px !important;
  max-height:750px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  inset:auto !important;
}
section.heroSlider .heroSlide {
  box-sizing:border-box !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:750px !important;
  min-height:750px !important;
  max-height:750px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  background:#064b28 !important;
  transition:opacity .4s ease, visibility .4s ease !important;
}
section.heroSlider .heroSlide.active {
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:2 !important;
}
section.heroSlider .heroSlide.placeholderDark { background:#034725 !important; }
section.heroSlider .heroSlide.placeholderLight { background:#278c49 !important; }
section.heroSlider .heroSlideImage {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:750px !important;
  min-height:750px !important;
  max-height:750px !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
section.heroSlider + .stripe {
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:20px !important;
  min-height:20px !important;
  margin:0 !important;
  padding:0 !important;
  clear:both !important;
  z-index:3 !important;
}
section.heroSlider + .stripe + section.strengths {
  position:relative !important;
  display:block !important;
  width:100% !important;
  margin:0 !important;
  clear:both !important;
  z-index:1 !important;
}
section.heroSlider .slideArrow { z-index:10 !important; }
section.heroSlider .slideDots { z-index:10 !important; }
section.heroSlider .slideButtonWrap { z-index:10 !important; }

@media (max-width:980px){
  section.heroSlider,
  section.heroSlider .heroSlides,
  section.heroSlider .heroSlide,
  section.heroSlider .heroSlideImage {
    height:560px !important;
    min-height:560px !important;
    max-height:560px !important;
  }
}
@media (max-width:620px){
  section.heroSlider,
  section.heroSlider .heroSlides,
  section.heroSlider .heroSlide,
  section.heroSlider .heroSlideImage {
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
  }
}

/* V11 carrossel com prévia lateral */
.carouselPeek{--slide-h:min(750px,39.0625vw);--gap:18px;position:relative!important;display:block!important;width:100%!important;height:calc(var(--slide-h) + 70px)!important;min-height:0!important;margin:0!important;padding:28px 0 42px!important;overflow:hidden!important;background:#fff!important;box-sizing:border-box!important;z-index:1!important}
.carouselViewport{width:100%!important;height:var(--slide-h)!important;overflow:visible!important;padding-left:max(24px,calc((100vw - 1500px)/2))!important;box-sizing:border-box!important}
.carouselTrack{height:100%!important;display:flex!important;gap:var(--gap)!important;align-items:stretch!important;transition:transform .55s cubic-bezier(.22,.61,.36,1)!important;will-change:transform}
.carouselSlide{position:relative!important;flex:0 0 min(86vw,1500px)!important;height:100%!important;min-height:0!important;max-height:750px!important;border-radius:24px!important;overflow:hidden!important;background:#8dcc3e!important}
.carouselSlide.placeholderDark{background:#07552f!important}.carouselSlide.placeholderLight{background:#8dcc3e!important}
.carouselSlide img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;margin:0!important;padding:0!important;transform:none!important}
.slideOptionalButton{position:absolute;z-index:4;left:38px;bottom:34px;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border-radius:999px;background:#31ad45;color:#fff;text-decoration:none;font-weight:800}
.carouselArrow{position:absolute!important;z-index:12!important;top:50%!important;transform:translateY(-60%)!important;width:54px!important;height:54px!important;border:0!important;background:transparent!important;color:#b9f075!important;font-size:62px!important;line-height:1!important;cursor:pointer!important;text-shadow:0 1px 5px rgba(0,0,0,.18)}
.carouselArrow.prev{left:30px!important}.carouselArrow.next{right:30px!important}
.carouselDots{position:absolute!important;z-index:12!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;display:flex!important;gap:10px!important}
.carouselDots button{width:14px!important;height:14px!important;padding:0!important;border-radius:50%!important;border:2px solid #72c52c!important;background:transparent!important;cursor:pointer!important}.carouselDots button.active{background:#72c52c!important}
.carouselPeek+.stripe{position:relative!important;z-index:2!important;margin:0!important}
@media(max-width:980px){.carouselPeek{--slide-h:min(520px,58vw);height:calc(var(--slide-h) + 60px)!important;padding-top:20px!important}.carouselViewport{padding-left:18px!important}.carouselSlide{flex-basis:88vw!important;border-radius:18px!important}.carouselArrow{font-size:48px!important}.carouselArrow.prev{left:12px!important}.carouselArrow.next{right:12px!important}}
@media(max-width:620px){.carouselPeek{--slide-h:calc(92vw * .390625);height:calc(var(--slide-h) + 54px)!important;padding:14px 0 40px!important}.carouselViewport{padding-left:14px!important}.carouselSlide{flex-basis:92vw!important;border-radius:14px!important}.slideOptionalButton{left:20px;bottom:18px;min-height:42px;padding:0 18px;font-size:14px}.carouselDots{bottom:10px!important}}


/* ===== V12 - Slides 1080 x 600 px ===== */
.carouselPeek{
  --slide-w:1080px !important;
  --slide-h:600px !important;
  --gap:18px !important;
  height:670px !important;
  min-height:670px !important;
  max-height:670px !important;
  padding:28px 0 42px !important;
  background:#fff !important;
  overflow:hidden !important;
}
.carouselViewport{
  width:100% !important;
  height:600px !important;
  padding-left:max(24px, calc((100vw - 1180px)/2)) !important;
  overflow:visible !important;
}
.carouselSlide{
  flex:0 0 1080px !important;
  width:1080px !important;
  height:600px !important;
  min-width:1080px !important;
  min-height:600px !important;
  max-width:1080px !important;
  max-height:600px !important;
  border-radius:24px !important;
}
.carouselSlide img{
  width:1080px !important;
  height:600px !important;
  object-fit:cover !important;
}
.carouselArrow.prev{left:max(34px,calc((100vw - 1180px)/2 + 24px)) !important}
.carouselArrow.next{right:max(34px,calc((100vw - 1180px)/2 + 24px)) !important}
.carouselDots{bottom:13px !important}
@media(max-width:1180px){
 .carouselPeek{--slide-w:calc(88vw);--slide-h:calc(var(--slide-w) * .5555556);height:calc(var(--slide-h) + 66px) !important;min-height:0 !important;max-height:none !important;padding:22px 0 44px !important}
 .carouselViewport{height:var(--slide-h) !important;padding-left:18px !important}
 .carouselSlide{flex:0 0 var(--slide-w) !important;width:var(--slide-w) !important;height:var(--slide-h) !important;min-width:var(--slide-w) !important;min-height:var(--slide-h) !important;max-width:none !important;max-height:none !important}
 .carouselSlide img{width:100% !important;height:100% !important}
 .carouselArrow.prev{left:14px !important}.carouselArrow.next{right:14px !important}
}
@media(max-width:620px){
 .carouselPeek{--slide-w:92vw;height:calc(var(--slide-h) + 54px) !important;padding:14px 0 40px !important}
 .carouselViewport{padding-left:14px !important}
 .carouselSlide{border-radius:14px !important}
}


/* ===== V13 - espaçamento definitivo do carrossel ===== */
.carouselPeek{
  background:#ffffff !important;
  padding-top:50px !important;
  padding-bottom:50px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:hidden !important;
}
.carouselViewport{
  margin:0 !important;
}
.carouselTrack{
  margin:0 !important;
}
.carouselPeek + .stripe{
  margin:0 !important;
}
@media (min-width:981px){
  .carouselPeek{
    --slide-h:600px !important;
    height:700px !important; /* 50px + 600px + 50px */
    padding:50px 0 !important;
  }
  .carouselViewport{
    height:600px !important;
  }
  .carouselSlide{
    width:1080px !important;
    flex:0 0 1080px !important;
    height:600px !important;
    max-height:600px !important;
  }
}
@media (max-width:980px){
  .carouselPeek{
    padding-top:50px !important;
    padding-bottom:50px !important;
    height:auto !important;
  }
}


/* ===== V14 - CORREÇÃO REAL DO FUNDO E ESPAÇAMENTO DO SLIDER ===== */
html body main section.heroSlider.carouselPeek{
  --slide-w:1080px !important;
  --slide-h:600px !important;
  --gap:18px !important;

  position:relative !important;
  display:block !important;
  width:100% !important;

  height:700px !important;
  min-height:700px !important;
  max-height:700px !important;

  margin:0 !important;
  padding:50px 0 !important;

  background:#ffffff !important;
  background-image:none !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  clear:both !important;
}

html body main section.heroSlider.carouselPeek .carouselViewport{
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:600px !important;
  min-height:600px !important;
  max-height:600px !important;
  margin:0 !important;
  padding-left:max(24px, calc((100vw - 1180px)/2)) !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

html body main section.heroSlider.carouselPeek .carouselTrack{
  position:relative !important;
  display:flex !important;
  height:600px !important;
  min-height:600px !important;
  max-height:600px !important;
  margin:0 !important;
  padding:0 !important;
  gap:18px !important;
  align-items:stretch !important;
}

html body main section.heroSlider.carouselPeek .carouselSlide{
  position:relative !important;
  inset:auto !important;
  display:block !important;

  flex:0 0 1080px !important;
  width:1080px !important;
  min-width:1080px !important;
  max-width:1080px !important;

  height:600px !important;
  min-height:600px !important;
  max-height:600px !important;

  margin:0 !important;
  padding:0 !important;
  border-radius:24px !important;
  overflow:hidden !important;

  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

html body main section.heroSlider.carouselPeek .carouselSlide img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
}

html body main section.heroSlider.carouselPeek .carouselDots{
  position:absolute !important;
  left:50% !important;
  bottom:16px !important;
  transform:translateX(-50%) !important;
  z-index:20 !important;
}

html body main section.heroSlider.carouselPeek + .stripe{
  margin:0 !important;
  padding:0 !important;
  position:relative !important;
  display:block !important;
  clear:both !important;
}

/* Mantém 50px de respiro em telas menores também */
@media(max-width:1180px){
  html body main section.heroSlider.carouselPeek{
    --slide-w:88vw !important;
    --slide-h:calc(88vw * .5555556) !important;
    height:calc(var(--slide-h) + 100px) !important;
    min-height:calc(var(--slide-h) + 100px) !important;
    max-height:none !important;
    padding:50px 0 !important;
    background:#ffffff !important;
  }
  html body main section.heroSlider.carouselPeek .carouselViewport,
  html body main section.heroSlider.carouselPeek .carouselTrack{
    height:var(--slide-h) !important;
    min-height:var(--slide-h) !important;
    max-height:var(--slide-h) !important;
  }
  html body main section.heroSlider.carouselPeek .carouselViewport{
    padding-left:18px !important;
  }
  html body main section.heroSlider.carouselPeek .carouselSlide{
    flex:0 0 var(--slide-w) !important;
    width:var(--slide-w) !important;
    min-width:var(--slide-w) !important;
    max-width:var(--slide-w) !important;
    height:var(--slide-h) !important;
    min-height:var(--slide-h) !important;
    max-height:var(--slide-h) !important;
  }
}

@media(max-width:620px){
  html body main section.heroSlider.carouselPeek{
    --slide-w:92vw !important;
    --slide-h:calc(92vw * .5555556) !important;
    height:calc(var(--slide-h) + 100px) !important;
    min-height:calc(var(--slide-h) + 100px) !important;
    padding:50px 0 !important;
  }
  html body main section.heroSlider.carouselPeek .carouselViewport{
    padding-left:14px !important;
  }
  html body main section.heroSlider.carouselPeek .carouselSlide{
    border-radius:14px !important;
  }
}

/* V16 - Quem é Bacelar + carrossel */
.aboutSection{background:#fff!important;padding:70px 0!important;overflow:hidden}
.aboutFeature{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(520px,48%)!important;gap:64px!important;align-items:center!important}
.aboutText h2{font-family:'Barlow Condensed',sans-serif;font-size:52px;line-height:1;margin:0 0 26px;color:#0a3f25;text-transform:uppercase}
.aboutIntro{font-size:21px;line-height:1.55;margin:0 0 18px;color:#183b2b;font-weight:600}
.aboutBiography{font-size:18px;line-height:1.72;color:#303b35;max-width:720px}
.aboutCarousel{position:relative;min-width:0;padding-bottom:34px}
.aboutViewport{overflow:hidden;width:100%;border-radius:24px}
.aboutTrack{display:flex;gap:16px;transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform}
.aboutPhoto{position:relative;flex:0 0 88%;aspect-ratio:4/3;margin:0;border-radius:24px;overflow:hidden;background:#8dcc3e}
.aboutPhoto img{display:block;width:100%;height:100%;object-fit:cover}
.aboutPlaceholder{background:#8dcc3e}.aboutPlaceholder.light{background:#08723d}
.aboutArrow{position:absolute;z-index:5;top:45%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,75,40,.78);color:#b9f075;font-size:40px;line-height:1;cursor:pointer}
.aboutArrow.prev{left:12px}.aboutArrow.next{right:12px}
.aboutDots{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;gap:8px}
.aboutDots button{width:11px;height:11px;border-radius:50%;padding:0;border:2px solid #72c52c;background:transparent;cursor:pointer}.aboutDots button.active{background:#72c52c}
@media(max-width:980px){.aboutFeature{grid-template-columns:1fr!important;gap:36px!important}.aboutSection{padding:52px 0!important}.aboutText h2{font-size:44px}}
@media(max-width:620px){.aboutSection{padding:42px 0!important}.aboutText h2{font-size:38px}.aboutIntro{font-size:18px}.aboutBiography{font-size:16px}.aboutPhoto{flex-basis:92%;border-radius:16px}.aboutViewport{border-radius:16px}}

/* ===== V17 - Slider do cabeçalho 1080 x 470 ===== */
@media (min-width:1181px){
  html body main section.heroSlider.carouselPeek{
    --slide-w:1080px !important;
    --slide-h:470px !important;
    height:570px !important;       /* 50px topo + 470px slide + 50px base */
    min-height:570px !important;
    max-height:570px !important;
    padding:50px 0 !important;
    background:#fff !important;
  }
  html body main section.heroSlider.carouselPeek .carouselViewport,
  html body main section.heroSlider.carouselPeek .carouselTrack{
    height:470px !important;
    min-height:470px !important;
    max-height:470px !important;
  }
  html body main section.heroSlider.carouselPeek .carouselSlide{
    flex:0 0 1080px !important;
    width:1080px !important;
    min-width:1080px !important;
    max-width:1080px !important;
    height:470px !important;
    min-height:470px !important;
    max-height:470px !important;
  }
}
@media (max-width:1180px){
  html body main section.heroSlider.carouselPeek{
    --slide-w:88vw !important;
    --slide-h:calc(88vw * .4351851852) !important;
    height:calc(var(--slide-h) + 100px) !important;
    min-height:calc(var(--slide-h) + 100px) !important;
  }
}
@media (max-width:620px){
  html body main section.heroSlider.carouselPeek{
    --slide-w:92vw !important;
    --slide-h:calc(92vw * .4351851852) !important;
    height:calc(var(--slide-h) + 100px) !important;
    min-height:calc(var(--slide-h) + 100px) !important;
  }
}

/* ===== V18 - Quem é Bacelar: fotos quadradas + setas iguais ao cabeçalho ===== */
.aboutViewport{
  border-radius:24px !important;
}
.aboutPhoto{
  flex:0 0 88% !important;
  aspect-ratio:1 / 1 !important;
  height:auto !important;
  border-radius:24px !important;
}
.aboutPhoto img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Mesma linguagem visual das setas do slider principal */
.aboutArrow{
  position:absolute !important;
  z-index:12 !important;
  top:50% !important;
  transform:translateY(-60%) !important;
  width:54px !important;
  height:54px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#b9f075 !important;
  font-size:62px !important;
  font-weight:300 !important;
  line-height:1 !important;
  cursor:pointer !important;
  text-shadow:0 1px 5px rgba(0,0,0,.18) !important;
}
.aboutArrow.prev{left:18px !important}
.aboutArrow.next{right:18px !important}

@media(max-width:620px){
  .aboutPhoto{
    flex-basis:92% !important;
    aspect-ratio:1 / 1 !important;
    border-radius:16px !important;
  }
  .aboutArrow{
    width:42px !important;
    height:42px !important;
    font-size:48px !important;
  }
  .aboutArrow.prev{left:10px !important}
  .aboutArrow.next{right:10px !important}
}

/* ===== V19 - Menu conforme referência ===== */
header.siteHeader{
  background:#004b2d !important;
}
header.siteHeader .navInner{
  min-height:100px !important;
  display:flex !important;
  align-items:center !important;
  gap:34px !important;
}
header.siteHeader .brand img{
  width:auto !important;
  height:76px !important;
  max-width:450px !important;
  object-fit:contain !important;
}
header.siteHeader nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:48px !important;
  flex:1 !important;
}
header.siteHeader nav a{
  position:relative !important;
  padding:37px 0 31px !important;
  color:#fff !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
header.siteHeader nav a:not(.cta)::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:8px !important;
  background:transparent !important;
}
header.siteHeader nav a:not(.cta):hover::after,
header.siteHeader nav a:not(.cta).active::after{
  background:linear-gradient(90deg,#08783d 0 36%,#11a447 36% 72%,#67c65a 72% 100%) !important;
}
header.siteHeader nav .cta{
  padding:18px 34px !important;
  border-radius:999px !important;
  background:#08aa38 !important;
  color:#fff !important;
  white-space:nowrap !important;
}
header.siteHeader nav .cta::before,
header.siteHeader nav .cta .icon,
header.siteHeader nav .cta i,
header.siteHeader nav .cta svg{
  display:none !important;
  content:none !important;
}
@media(max-width:980px){
  header.siteHeader .navInner{min-height:82px !important}
  header.siteHeader .brand img{height:58px !important}
}


/* ===== V20 - MENU: sublinhado animado + CTA sem ícone ===== */

/* O header real do projeto usa .topbar / .nav / .menu */
.topbar{
  background:#004b2d !important;
}

.topbar .nav{
  min-height:96px !important;
  display:flex !important;
  align-items:center !important;
}

.topbar .brandLogo img{
  height:64px !important;
  width:auto !important;
  object-fit:contain !important;
}

.topbar .menu{
  display:flex !important;
  align-items:center !important;
  gap:42px !important;
}

/* links comuns do menu */
.topbar .menu > a:not(.navCta){
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:96px !important;
  padding:0 !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  overflow:visible !important;
}

/* linha segmentada animada */
.topbar .menu > a:not(.navCta)::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:8px !important;
  border-radius:0 !important;
  background:linear-gradient(
    90deg,
    #0a713b 0%,
    #0a713b 33%,
    #10a347 33%,
    #10a347 67%,
    #66c75d 67%,
    #66c75d 100%
  ) !important;
  transform:scaleX(0) !important;
  transform-origin:left center !important;
  transition:transform .28s ease !important;
  opacity:1 !important;
}

/* aparece passando o mouse */
.topbar .menu > a:not(.navCta):hover::after,
.topbar .menu > a:not(.navCta):focus-visible::after{
  transform:scaleX(1) !important;
}

/* botão Tô com Bacelar */
.topbar .menu .navCta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:18px 30px !important;
  border-radius:999px !important;
  background:#08aa38 !important;
  color:#fff !important;
  font-weight:800 !important;
  text-decoration:none !important;
  line-height:1 !important;
}

/* remove qualquer ícone/símbolo dentro do CTA */
.topbar .menu .navCta span,
.topbar .menu .navCta i,
.topbar .menu .navCta svg{
  display:none !important;
}

/* hover suave do CTA */
.topbar .menu .navCta:hover{
  transform:translateY(-1px) !important;
  filter:brightness(1.06) !important;
}

@media(max-width:980px){
  .topbar .nav{min-height:80px !important}
  .topbar .brandLogo img{height:54px !important}
  .topbar .menu > a:not(.navCta){
    min-height:auto !important;
  }
  .topbar .menu > a:not(.navCta)::after{
    bottom:-7px !important;
    height:5px !important;
  }
}

/* ===== V21 - Sublinhado do menu mais próximo do texto ===== */
@media(min-width:981px){
  .topbar .menu > a:not(.navCta){
    min-height:auto !important;
    padding:12px 0 !important;
  }

  .topbar .menu > a:not(.navCta)::after{
    bottom:3px !important;
    height:6px !important;
  }
}

/* ===== V22 - Logo menor para ampliar espaço do menu ===== */
@media(min-width:981px){
  .topbar .brandLogo{
    flex:0 0 auto !important;
    margin-right:28px !important;
  }
  .topbar .brandLogo img{
    height:52px !important;
    width:auto !important;
    max-width:330px !important;
    object-fit:contain !important;
  }
  .topbar .menu{
    flex:1 1 auto !important;
    justify-content:space-between !important;
    gap:30px !important;
  }
  .topbar .menu > a:not(.navCta){
    white-space:nowrap !important;
  }
  .topbar .menu .navCta{
    white-space:nowrap !important;
    padding-left:30px !important;
    padding-right:30px !important;
  }
}

/* ===== V23 - Menu mobile fechado por padrão ===== */
@media(max-width:980px){
  .topbar{
    position:relative !important;
    z-index:1000 !important;
  }
  .topbar .nav{
    position:relative !important;
    min-height:80px !important;
    justify-content:space-between !important;
  }
  .topbar .menuBtn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:46px !important;
    height:46px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:#fff !important;
    font-size:30px !important;
    cursor:pointer !important;
    z-index:1002 !important;
  }
  .topbar .menu{
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:14px 20px 22px !important;
    background:#004b2d !important;
    box-shadow:0 14px 25px rgba(0,0,0,.16) !important;
    z-index:1001 !important;
  }
  .topbar .menu.is-open{
    display:flex !important;
  }
  .topbar .menu > a:not(.navCta){
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    padding:15px 4px !important;
    white-space:normal !important;
  }
  .topbar .menu > a:not(.navCta)::after{
    left:4px !important;
    right:auto !important;
    bottom:7px !important;
    width:120px !important;
    height:4px !important;
  }
  .topbar .menu .navCta{
    margin-top:12px !important;
    align-self:flex-start !important;
    width:auto !important;
    padding:15px 26px !important;
  }
}
@media(min-width:981px){
  .topbar .menuBtn{display:none !important}
}
/* V24 footer */
.siteFooter{background:#063d25!important;color:#fff!important;padding:44px 0!important}.siteFooter .footerGrid{display:grid!important;grid-template-columns:1.05fr 1.6fr .85fr!important;gap:70px!important;align-items:center!important}.footerBrand img{display:block!important;width:auto!important;height:62px!important;max-width:320px!important;object-fit:contain!important;margin:0 0 20px!important}.footerBrand p,.footerCampaign p{margin:0!important;color:#fff!important;line-height:1.55!important}.footerCampaign strong,.footerNetworks strong{display:block!important;margin-bottom:20px!important}.socialIcons{display:flex!important;gap:14px!important;align-items:center!important}.socialIcons a{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:50%!important;color:#fff!important;transition:.2s!important}.socialIcons a:hover{transform:translateY(-3px)!important;background:#0aaa3e!important;border-color:#0aaa3e!important}.socialIcons svg{width:21px!important;height:21px!important;fill:currentColor!important}.socialIcons svg rect,.socialIcons svg circle{fill:none!important;stroke:currentColor!important;stroke-width:2!important}.socialIcons a[aria-label="Flickr"] svg circle{fill:currentColor!important;stroke:none!important}.socialIcons .cut{fill:#063d25!important}.socialIcons a:hover .cut{fill:#0aaa3e!important}@media(max-width:900px){.siteFooter .footerGrid{grid-template-columns:1fr!important;gap:34px!important;align-items:start!important}.footerBrand img{height:54px!important}}
/* ===== V26 - Rodapé: sem texto sob a marca e colunas alinhadas ao topo ===== */
.siteFooter .footerGrid{
  align-items:start !important;
}
.siteFooter .footerBrand,
.siteFooter .footerCampaign,
.siteFooter .footerNetworks{
  align-self:start !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
.siteFooter .footerBrand img{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.siteFooter .footerCampaign strong,
.siteFooter .footerNetworks strong{
  margin-top:0 !important;
}

/* ===== V27 - Linha do tempo interativa ===== */
.timelineSection{background:#fff!important;padding:58px 0 76px!important;overflow:hidden}
.timelineTitle h2{display:inline-block;margin:0 0 42px;font-size:38px;line-height:1;color:#0a3f25}
.timelineYears{position:relative;display:flex;justify-content:space-between;align-items:flex-start;min-width:100%;padding:0 18px 52px}
.timelineRail{position:absolute;left:0;right:0;top:25px;height:6px;background:#b7b7b7;border-radius:5px}
.timelineYear{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:transparent;padding:0;cursor:pointer;color:#777;font-weight:800;min-width:62px}
.timelineDot{display:block;width:28px;height:28px;border-radius:50%;background:#b7b7b7;border:5px solid #fff;box-sizing:content-box;transition:.22s}
.timelineYearLabel{font-size:16px;opacity:.85;transition:.22s}
.timelineYear:hover .timelineDot,.timelineYear.active .timelineDot{background:#67c52d;transform:scale(1.12)}
.timelineYear:hover .timelineYearLabel,.timelineYear.active .timelineYearLabel{color:#075b35;opacity:1}
.timelineDetails{position:relative;max-width:650px;margin:0 auto}
.timelineDetail{display:none;border:2px solid #b7b7b7;border-radius:24px;overflow:hidden;background:#fff;animation:timelineIn .3s ease}
.timelineDetail.active{display:block}
.timelineWindowBar{height:18px;background:#b7b7b7;display:flex;align-items:center;gap:5px;padding-left:20px}
.timelineWindowBar i{display:block;width:7px;height:7px;border-radius:50%;background:#fff}
.timelineDetailBody{padding:28px 46px 34px}
.timelineDetailYear{display:inline-block;color:#65bd31;font-weight:900;margin-bottom:7px}
.timelineDetail h3{margin:0 0 14px;color:#075b35;font-size:24px}
.timelineDetail p{margin:0;color:#222;line-height:1.6;font-size:16px}
@keyframes timelineIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:800px){.timelineYears{overflow-x:auto;justify-content:flex-start;gap:42px;padding-bottom:45px}.timelineRail{min-width:900px}.timelineYear{flex:0 0 70px}.timelineTitle h2{font-size:34px}.timelineDetailBody{padding:24px 25px}.timelineDetail h3{font-size:21px}}

/* ===== V28 - Caixa ativa da Linha do Tempo verde ===== */
.timelineDetail{
  border:0 !important;
  border-radius:22px !important;
  background:#8dcc3e !important;
  color:#fff !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
.timelineWindowBar{
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
.timelineWindowBar i{
  display:none !important;
}
.timelineDetailBody{
  position:relative !important;
  padding:40px 48px 52px !important;
}
.timelineDetailYear{
  color:#fff !important;
  opacity:.9 !important;
}
.timelineDetail h3{
  color:#fff !important;
  margin-bottom:14px !important;
}
.timelineDetail p{
  color:#fff !important;
}
.timelineDetailBody::after{
  content:"■ ■ ■ ■";
  display:block;
  margin-top:18px;
  text-align:right;
  color:#fff;
  font-size:16px;
  letter-spacing:4px;
  line-height:1;
}
@media(max-width:800px){
  .timelineDetailBody{padding:30px 28px 42px !important}
}

/* ===== V31 - Posicionamento no layout editorial de 3 colunas ===== */
#posicionamentos.positionsEditorial{background:#fff!important;padding:68px 0 82px!important}
.positionsEditorialTitle{margin:0 0 48px!important;color:#111!important;font-size:48px!important;line-height:1!important}
.positionsEditorialGrid{display:grid!important;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr)!important;gap:42px!important;align-items:start!important}
.positionEditorialText h3,.positionEditorialCenter h3{margin:0 0 20px!important;color:#6d6d6d!important;font-size:26px!important;font-weight:500!important;line-height:1.15!important}
.positionEditorialText p{margin:0!important;color:#111!important;font-size:17px!important;line-height:1.55!important}
.positionEditorialCenter{text-align:center!important;width:300px!important}
.positionEditorialImage{width:300px!important;height:300px!important;border-radius:12px!important;overflow:hidden!important;background:#b5b5b5!important;margin-bottom:18px!important}
.positionEditorialImage img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.positionEditorialImage span{display:block;width:100%;height:100%;background:#b5b5b5}
.positionEditorialCenter h3{margin:0!important}
@media(max-width:900px){.positionsEditorialGrid{grid-template-columns:1fr!important;gap:34px!important}.positionEditorialCenter{width:min(100%,420px)!important;margin:0 auto!important;grid-row:1!important}.positionEditorialImage{width:100%!important;height:auto!important;aspect-ratio:1/1!important}.positionsEditorialTitle{font-size:38px!important}}

/* ===== V32 - Linha do tempo: caixa branca com moldura e barra verde ===== */
.timelineDetail{
  display:none !important;
  background:#ffffff !important;
  color:#222 !important;
  border:3px solid #8dcc3e !important;
  border-radius:30px !important;
  overflow:hidden !important;
  box-shadow:none !important;
}
.timelineDetail.active{
  display:grid !important;
  grid-template-rows:auto auto auto !important;
}
.timelineDetail.active .timelineDetailBody{
  display:contents !important;
}
.timelineDetail.active .timelineDetailBody h3{
  grid-row:1 !important;
  margin:0 !important;
  padding:22px 30px 18px !important;
  color:#6b6b6b !important;
  background:#fff !important;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:500 !important;
  text-transform:uppercase !important;
}
.timelineDetail.active .timelineWindowBar{
  grid-row:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  height:22px !important;
  min-height:22px !important;
  padding:0 0 0 28px !important;
  background:#8dcc3e !important;
  overflow:visible !important;
}
.timelineDetail.active .timelineWindowBar i{
  display:block !important;
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#ffffff !important;
}
.timelineDetail.active .timelineDetailBody .timelineDetailYear{
  display:none !important;
}
.timelineDetail.active .timelineDetailBody p{
  grid-row:3 !important;
  margin:0 !important;
  padding:24px 30px 34px !important;
  color:#111 !important;
  background:#fff !important;
  font-size:16px !important;
  line-height:1.55 !important;
}
.timelineDetailBody::after{
  display:none !important;
  content:none !important;
}
@media(max-width:800px){
  .timelineDetail{border-radius:22px !important}
  .timelineDetail.active .timelineDetailBody h3{padding:18px 22px 15px !important;font-size:20px !important}
  .timelineDetail.active .timelineDetailBody p{padding:20px 22px 28px !important}
  .timelineDetail.active .timelineWindowBar{padding-left:22px !important}
}

/* ===== V34 - Menu desktop mais leve, compacto e em caixa alta ===== */
@media (min-width: 901px){
  .mainNav a,
  .nav a,
  header nav a{
    text-transform:uppercase !important;
    font-size:14px !important;
    font-weight:500 !important;
    letter-spacing:.15px !important;
    white-space:nowrap !important;
  }

  /* Mantém o botão final compacto para liberar espaço para novo item */
  .mainNav .btn,
  .nav .btn,
  header nav .btn{
    font-size:14px !important;
    font-weight:500 !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }
}

/* ===== V38 - BANDEIRAS: fundo verde + carrossel ===== */
#posicionamentos.flagsSection{background:#075b35!important;padding:68px 0 76px!important;color:#fff!important;overflow:hidden}
.flagsHead{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:38px}
.flagsHead h2{margin:0!important;color:#fff!important;font-size:48px!important;line-height:1!important}
.flagsControls{display:flex;gap:10px}
.flagsArrow{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:transparent;color:#fff;font-size:34px;line-height:1;cursor:pointer;transition:.2s}
.flagsArrow:hover{background:#8dcc3e;border-color:#8dcc3e;color:#064a2c}
.flagsViewport{overflow:hidden;width:100%}
.flagsTrack{display:flex;gap:24px;transition:transform .42s ease;will-change:transform}
.flagCard{flex:0 0 calc((100% - 48px)/3);min-width:0;background:#fff;border-radius:18px;overflow:hidden}
.flagCardLink{display:block;height:100%;color:inherit;text-decoration:none}
.flagImage{aspect-ratio:16/10;background:#8dcc3e;overflow:hidden}
.flagImage img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.flagPlaceholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#8dcc3e,#58ad2c)}
.flagBody{padding:24px 25px 27px}
.flagBody h3{margin:0 0 12px!important;color:#075b35!important;font-size:25px!important;line-height:1.12!important}
.flagBody p{margin:0 0 20px!important;color:#333!important;font-size:15px!important;line-height:1.5!important}
.flagMore{color:#4eaa2b;font-size:13px;font-weight:800;letter-spacing:.4px}
.flagCard:hover .flagImage img{transform:scale(1.035)}
.flagsEmpty{color:#fff}
/* Página individual */
.flagPage{background:#fff}
.flagHero{padding:64px 0 90px}
.flagPageWrap{max-width:950px}
.flagBack{display:inline-block;margin-bottom:35px;color:#08723e;text-decoration:none;font-weight:700;font-size:13px}
.flagEyebrow{display:block;color:#65bd31;font-weight:800;letter-spacing:1.4px;margin-bottom:12px}
.flagPage h1{margin:0 0 20px;color:#075b35;font-family:'Barlow Condensed',sans-serif;font-size:64px;line-height:1}
.flagLead{font-size:21px;line-height:1.55;color:#555;max-width:800px;margin:0 0 32px}
.flagPageImage{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:22px;margin:0 0 34px}
.flagContent{font-size:18px;line-height:1.8;color:#222}
@media(max-width:1050px){.flagCard{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:700px){#posicionamentos.flagsSection{padding:50px 0 58px!important}.flagsHead h2{font-size:38px!important}.flagsArrow{width:42px;height:42px}.flagCard{flex-basis:100%}.flagPage h1{font-size:48px}.flagHero{padding-top:45px}}

/* ===== V39 - Menu com MATERIAIS + tipografia mais leve ===== */
@media (min-width:981px){
  .topbar .menu{gap:22px !important;}
  .topbar .menu > a:not(.navCta){
    font-size:13px !important;
    font-weight:400 !important;
    letter-spacing:.18px !important;
  }
  .topbar .menu .navCta{
    font-size:13px !important;
    font-weight:400 !important;
    padding:16px 24px !important;
  }
}
@media(max-width:980px){
  .topbar .menu > a:not(.navCta),
  .topbar .menu .navCta{font-weight:400 !important;}
}