/* ================================================================== AGROBELTS — camada de marca e estados Carrega DEPOIS de original.css. Nada aqui altera o layout: só troca cores, mapeia as fontes e liga os estados que o JS aciona. ================================================================== */ :root{ /* Paleta extraída da logo da AgroBelts */ --ab-verde: #006B40; /* verde escuro da marca */ --ab-lima: #A9D046; /* verde-limão da marca */ --ab-lima-claro: #C2E06E; --ab-tinta: #24352B; /* texto sobre fundo claro */ --ab-tinta-60: rgba(36,53,43,.6); --ab-tinta-10: rgba(36,53,43,.1); --ab-claro-1: #EEF2EC; /* fundo claro principal */ --ab-claro-2: #F5F8F2; /* fundo claro alternado */ --ab-menu: #0B3A26; /* fundo do menu sanduíche */ } :root{ --ab-verde-esc:#004E2F; } /* ---------- tipografia: substitui as fontes licenciadas ---------- */ html{ font-family:'Manrope', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; } .CompanyMissionSlideTitle-sc-1w9n2iz-0 h3, .InfoSectionButton-sc-1fzy85a-0 div h2, .InnovativeStrategyCard-sc-1da1tno-0 h3, .SegmentsMapTitle-yxz6uy-0, .LeadVideo-z398gg-0 h2{ font-family:'Archivo','Manrope',Helvetica,Arial,sans-serif; letter-spacing:-.005em; } .LeadVideoTitleArray-sc-153580u-0{ font-family:'Archivo','Manrope',Helvetica,Arial,sans-serif; } /* ---------- azul -> verde AgroBelts ---------- */ @media(min-width:992px){ .SectionTitle-zweyii-0:before{ background:linear-gradient(180deg,var(--ab-verde) -5%,var(--ab-lima) 85%); } } .NewsButton-sc-603o1a-0:hover, .InfoSectionMoreButton-sc-1e6uqae-0:hover, .LeadVideoBtn-luqkys-0:hover, .SegmentsMapBackBtn-sc-11wap4h-0:hover{ background:var(--ab-verde); border-color:var(--ab-verde); color:#fff; } .InfoSectionButton-sc-1fzy85a-0:before, .InfoSectionButton-sc-1fzy85a-0.is-active{ background:var(--ab-verde); } .InfoSectionMoreButton-sc-1e6uqae-0:hover{ border:1px solid var(--ab-verde); } .InnovativeStrategyCard-sc-1da1tno-0 span{ color:rgba(0,107,64,.55); } @media(min-width:992px){ .InnovativeStrategyCard-sc-1da1tno-0 h4:before{ background:rgba(169,208,70,.9); } } .DelaySliderNavButtons-zfgakp-0 .swiper-button{ background-color:var(--ab-claro-1); border-color:var(--ab-tinta-10); box-shadow:0 0 15px rgba(0,107,64,.12); } .DelaySliderNavButtons-zfgakp-0 .swiper-button::after{ border-right-color:var(--ab-verde); border-bottom-color:var(--ab-verde); } .SegmentsMapInfo-sc-1tydv50-0{ background:linear-gradient(315deg,var(--ab-lima) 0%,#2E8B57 48%,var(--ab-verde) 100%); } /* ---------- slate -> tinta verde ---------- */ .Footer-ny20ow-0, .Footer-ny20ow-0 a, .NewsItem-sc-1fg86yn-0, .NewsButton-sc-603o1a-0, .CompanyMissionTitle-sc-18ub0rm-0, .CompanyMissionText-sc-1bp0z59-0, .BgText-sc-1bsly99-0, .InnovativeStrategyTitle-sc-1won2s7-0{ color:var(--ab-tinta); } @media(min-width:992px){ .InnovativeStrategyCard-sc-1da1tno-0 h3, .InnovativeStrategyCard-sc-1da1tno-0 h4, .CompanyMissionSlideTitle-sc-1w9n2iz-0 h3{ color:var(--ab-tinta); } } .NewsItem-sc-1fg86yn-0:hover{ color:var(--ab-tinta-60); } .Footer-ny20ow-0{ border-top-color:var(--ab-tinta-10); } .Footer-ny20ow-0 .FoooterLinks__FooterLinks-sc-1snhj2z-0 a:hover{ color:var(--ab-tinta-60); } .NewsButton-sc-603o1a-0{ background:var(--ab-claro-2); border-color:var(--ab-tinta-10); } .PreloaderLines-sc-1bv9v1a-0::before,.PreloaderLines-sc-1bv9v1a-0::after,.PreloaderLines-sc-1bv9v1a-0 div, .PageTransitionLines-sc-3ml0ql-0:before,.PageTransitionLines-sc-3ml0ql-0:after,.PageTransitionLines-sc-3ml0ql-0 > div{ background-color:var(--ab-tinta-10); } .Preloader-sc-11x8989-0,.PageTransition-sc-1e7j2k6-0{ background:var(--ab-claro-1); } .ScrollController-g92nda-0{ background:var(--ab-claro-1); } .ScrollController-g92nda-0[data-bg="2"]{ background:var(--ab-claro-2); } .CompanyMissionSlideImg-otqo4d-0:before{ background:var(--ab-claro-1); } .Sandwich-arj1h7-0,.SandwichSubLinks-sc-1x5v3jt-0{ background:var(--ab-menu); } /* pinos do mapa nas duas cores da marca */ .SegmentsMapPin-sc-1yt7k9p-0[data-tone="lima"] span, .SegmentsMapPin-sc-1yt7k9p-0[data-tone="lima"] > div p{ background:rgba(169,208,70,.8); } .SegmentsMapPin-sc-1yt7k9p-0[data-tone="lima"]:hover span, .SegmentsMapPin-sc-1yt7k9p-0[data-tone="lima"]:hover > div p{ background:var(--ab-lima); } .SegmentsMapPin-sc-1yt7k9p-0[data-tone="lima"] > div p{ color:#0B3A26; } .SegmentsMapPin-sc-1yt7k9p-0[data-tone="verde"] span, .SegmentsMapPin-sc-1yt7k9p-0[data-tone="verde"] > div p{ background:rgba(0,107,64,.8); } .SegmentsMapPin-sc-1yt7k9p-0[data-tone="verde"]:hover span, .SegmentsMapPin-sc-1yt7k9p-0[data-tone="verde"]:hover > div p{ background:var(--ab-verde); } /* ---------- logo (substitui o SVG original por imagem) ---------- */ .HeaderLogo-sc-1vyv7zn-0{ position:relative; display:inline-block; line-height:0; } .HeaderLogo-sc-1vyv7zn-0 img{ vertical-align:middle; width:auto; min-height:14px; height:3.2vh; display:block; transition:opacity .6s ease-in-out; } @media(min-width:768px){ .HeaderLogo-sc-1vyv7zn-0 img{ height:2.6vh; } } @media(min-width:1200px){ .HeaderLogo-sc-1vyv7zn-0 img{ height:3.1vh; } } .HeaderLogo-sc-1vyv7zn-0 img.on-dark{ position:absolute; top:0; left:0; opacity:1; } .HeaderLogo-sc-1vyv7zn-0 img.on-light{ opacity:0; } body.theme-light .HeaderLogo-sc-1vyv7zn-0 img.on-dark{ opacity:0; } body.theme-light .HeaderLogo-sc-1vyv7zn-0 img.on-light{ opacity:1; } /* ---------- header adaptativo por slide ---------- */ body.theme-light .HeaderSandwichBtn-sc-1rkbj5a-0::before, body.theme-light .HeaderSandwichBtn-sc-1rkbj5a-0::after{ background-color:var(--ab-tinta); } body.theme-light .HeaderSidebarRight-sc-3tt9vw-0{ color:var(--ab-tinta); } body.theme-light .HeaderSidebarRight-sc-3tt9vw-0 svg{ stroke:var(--ab-tinta); } body.theme-light .HeaderLangItem-jhyyg3-0{ color:var(--ab-tinta); } body.theme-light .HeaderLangItem-jhyyg3-0:before{ background:var(--ab-tinta); } body.theme-light .LayoutLines-sc-2nxe5f-0::before, body.theme-light .LayoutLines-sc-2nxe5f-0::after, body.theme-light .LayoutLines-sc-2nxe5f-0 div, body.theme-light .CenterLine-sc-19azoy4-0{ background-color:var(--ab-tinta-10); } body.theme-light .MainSlider-vwyobc-0 > .swiper-pagination .swiper-pagination-bullet{ color:var(--ab-tinta-60); } body.theme-light .MainSlider-vwyobc-0 > .swiper-pagination .swiper-pagination-bullet:before{ background:var(--ab-tinta-60); } body.theme-light .MainSlider-vwyobc-0 > .swiper-pagination .swiper-pagination-bullet:hover, body.theme-light .MainSlider-vwyobc-0 > .swiper-pagination .swiper-pagination-bullet-active{ color:var(--ab-tinta)!important; } body.theme-light .MainSlider-vwyobc-0 > .swiper-pagination .swiper-pagination-bullet:hover:before, body.theme-light .MainSlider-vwyobc-0 > .swiper-pagination .swiper-pagination-bullet-active:before{ background:var(--ab-tinta); } /* menu aberto: header sempre claro sobre o verde escuro */ body.menu-open .HeaderSandwichBtn-sc-1rkbj5a-0::before, body.menu-open .HeaderSandwichBtn-sc-1rkbj5a-0::after{ background-color:#fff; } body.menu-open .HeaderLogo-sc-1vyv7zn-0 img.on-dark{ opacity:1; } body.menu-open .HeaderLogo-sc-1vyv7zn-0 img.on-light{ opacity:0; } body.menu-open .HeaderSidebarRight-sc-3tt9vw-0{ color:#fff; } body.menu-open .HeaderSidebarRight-sc-3tt9vw-0 svg{ stroke:#fff; opacity:0; } body.menu-open .HeaderLangItem-jhyyg3-0{ color:#fff; } body.menu-open .HeaderLangItem-jhyyg3-0:before{ background:#fff; } body.menu-open .HeaderMenuBtn-lb5mg5-0{ opacity:0; transform:translate(-200%,-50%) rotate(90deg); } body.menu-open .HeaderMenuBtnClose-uh9fk2-0{ opacity:1; transform:translate(-50%,-50%) rotate(90deg); } body.menu-open .HeaderLangs-sc-1uzqdmz-0{ opacity:1; visibility:visible; transition-delay:.3s; } /* ---------- rolagem interna ---------- O esqueleto original usava smooth-scrollbar (JS). Sem ele, a rolagem precisa ficar no ScrollController e NÃO em .scroll-content: a caixa de recorte de .scroll-content começa depois do padding de 16,66vw e cortaria todos os fundos sangrados (hero, mapa, compromisso). */ .ScrollController-g92nda-0{ overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; } .ScrollController-g92nda-0 .scroll-content{ overflow:visible; height:auto; min-height:100%; } /* Sem o smooth-scrollbar, flex-basis:100% resolvia para zero e as seções colapsavam (fundos sangrados sumiam). Altura mínima explícita resolve, em todas as larguras. svh cobre a barra do navegador no celular. */ .Block-ak20fr-0, .InfoSection-aw33du-0, .News-sc-1kh966u-0{ flex:1 0 auto; min-height:100vh; } @supports (height:100svh){ .Block-ak20fr-0, .InfoSection-aw33du-0, .News-sc-1kh966u-0{ min-height:100svh; } } .News-sc-1kh966u-0{ min-height:0; } /* no celular os pilares viram cartões de altura própria */ @media(max-width:991px){ .InfoSection-aw33du-0 .InfoSectionButton-sc-1fzy85a-0{ min-height:14vh; align-items:center; } .InfoSection-aw33du-0 .InfoSectionButtons-sc-17lkrpj-0{ margin-top:6vh; } .InfoSectionText-poqu8b-0{ margin-top:0; } /* height:100% de um pai sem altura definida resolvia para zero e o mapa sumia */ .SegmentsMapWrapper-sc-1hfxdk3-0{ height:80vh; min-height:440px; } } /* a hero empilha imagem de base + vídeo + véu, para o título ler em qualquer caso */ .LeadVideoBg-hoqfvl-0 img.poster{ position:absolute; inset:0; } .LeadVideoBg-hoqfvl-0 video{ position:absolute; inset:0; } .LeadVideoBg-hoqfvl-0::after{ content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(4,25,16,.72) 0%, rgba(4,25,16,.38) 55%, rgba(4,25,16,.62) 100%); pointer-events:none; } /* ---------- ESTADOS ACIONADOS PELO JS ---------- */ .Preloader-sc-11x8989-0.is-done{ opacity:0; visibility:hidden; } .Sandwich-arj1h7-0.is-open{ transform:translateY(0); } .Sandwich-arj1h7-0.is-open .SandwichMainLink-sc-1xde5rj-0{ opacity:1; } .Sandwich-arj1h7-0.is-open .SandwichMainLinkWrapper-sc-1fgpq1m-0 a{ transform:translateX(0); } .Sandwich-arj1h7-0.is-open .SandwichContacts-pl3gq3-0{ opacity:1; transform:translateX(0); } /* slide ativo revela o conteúdo, na mesma cascata do original */ .swiper-slide.is-active .LeadVideoTitle-sc-1ih1pdd-0{ opacity:1; transform:translateY(0); color:#fff; } .swiper-slide.is-active .LeadVideoTitle-sc-1ih1pdd-0:nth-child(1){ transition-delay:.15s; } .swiper-slide.is-active .LeadVideoTitle-sc-1ih1pdd-0:nth-child(2){ transition-delay:.30s; } .swiper-slide.is-active .LeadVideoTitle-sc-1ih1pdd-0:nth-child(3){ transition-delay:.45s; } .swiper-slide.is-active .LeadVideo-z398gg-0 h2{ opacity:1; } .swiper-slide.is-active .LeadVideoBottom-sc-1q3q9kg-0{ opacity:1; transition-delay:.7s; } .swiper-slide.is-active .SegmentsMapPins-sc-17l8iap-0{ opacity:1; visibility:visible; pointer-events:auto; } .swiper-slide.is-active .SegmentsMap-sc-1gakpfx-0 .SegmentsMapPin-sc-1yt7k9p-0{ opacity:1; visibility:visible; } .swiper-slide.is-active .SegmentsMapPin-sc-1yt7k9p-0:nth-child(1){ transition-delay:.35s; } .swiper-slide.is-active .SegmentsMapPin-sc-1yt7k9p-0:nth-child(2){ transition-delay:.45s; } .swiper-slide.is-active .SegmentsMapPin-sc-1yt7k9p-0:nth-child(3){ transition-delay:.55s; } .swiper-slide.is-active .SegmentsMapPin-sc-1yt7k9p-0:nth-child(4){ transition-delay:.65s; } .swiper-slide.is-active .SegmentsMapPin-sc-1yt7k9p-0:nth-child(5){ transition-delay:.75s; } .swiper-slide.is-active .SegmentsMapPin-sc-1yt7k9p-0:nth-child(6){ transition-delay:.85s; } .swiper-slide.is-active .InnovativeStrategyTitle-sc-1won2s7-0{ opacity:1; transition-delay:.2s; } .swiper-slide.is-active .InnovativeStrategyCard-sc-1da1tno-0{ opacity:1; transform:translateY(0); } .swiper-slide.is-active .swiper-slide:nth-child(1) .InnovativeStrategyCard-sc-1da1tno-0{ transition-delay:.30s; } .swiper-slide.is-active .swiper-slide:nth-child(2) .InnovativeStrategyCard-sc-1da1tno-0{ transition-delay:.42s; } .swiper-slide.is-active .swiper-slide:nth-child(3) .InnovativeStrategyCard-sc-1da1tno-0{ transition-delay:.54s; } .swiper-slide.is-active .BgText-sc-1bsly99-0 div{ transform:translateY(0); transition-delay:.25s; } .swiper-slide.is-active .InfoSectionTitle-sc-11pw62c-0{ opacity:1; transform:translateX(0); transition-delay:.2s; } .swiper-slide.is-active .InfoSectionSmallText-sc-1g7vxeu-0{ opacity:1; transition-delay:.4s; } .swiper-slide.is-active .InfoSectionButtons-sc-17lkrpj-0{ opacity:1; transform:translateY(0); transition-delay:.5s; } .swiper-slide.is-active .CompanyMissionTitle-sc-18ub0rm-0{ opacity:1; transition-delay:.2s; } .swiper-slide.is-active .CompanyMissionText-sc-1bp0z59-0, .swiper-slide.is-active .DelaySliderNavButtons-zfgakp-0{ opacity:1; transition-delay:.5s; } .swiper-slide.is-active .CompanyMissionSlideImg-otqo4d-0{ opacity:1; transition-delay:.3s; } .swiper-slide.is-active .DelaySlider-sc-1gaxibl-0 .swiper-slide.is-current .CompanyMissionSlideImg-otqo4d-0:before{ width:0; transition-delay:.5s; } .swiper-slide.is-active .DelaySlider-sc-1gaxibl-0 .swiper-slide.is-current .CompanyMissionSlideImg-otqo4d-0 img{ opacity:.85; } .swiper-slide.is-active .DelaySlider-sc-1gaxibl-0 .swiper-slide.is-current .CompanyMissionSlideTitle-sc-1w9n2iz-0{ opacity:1; } .swiper-slide.is-active .DelaySlider-sc-1gaxibl-0 .swiper-slide.is-current .CompanyMissionSlideTitle-sc-1w9n2iz-0 span, .swiper-slide.is-active .DelaySlider-sc-1gaxibl-0 .swiper-slide.is-current .CompanyMissionSlideTitle-sc-1w9n2iz-0 h3{ opacity:1; transition-delay:.6s; } .swiper-slide.is-active .NewsTitle-sc-10y9oz3-0{ opacity:1; transition-delay:.2s; } .swiper-slide.is-active .NewsButton-sc-603o1a-0{ opacity:1; transition-delay:.8s; } .swiper-slide.is-active .NewsItem-sc-1fg86yn-0 p, .swiper-slide.is-active .NewsItem-sc-1fg86yn-0 h3, .swiper-slide.is-active .NewsItem-sc-1fg86yn-0 .NewsItemImage-i229th-0{ opacity:1; transform:translateY(0); } .swiper-slide.is-active .NewsItem-sc-1fg86yn-0:nth-child(1) *{ transition-delay:.30s; } .swiper-slide.is-active .NewsItem-sc-1fg86yn-0:nth-child(2) *{ transition-delay:.40s; } .swiper-slide.is-active .NewsItem-sc-1fg86yn-0:nth-child(3) *{ transition-delay:.50s; } .swiper-slide.is-active .NewsItem-sc-1fg86yn-0:nth-child(4) *{ transition-delay:.60s; } .swiper-slide.is-active .NewsItem-sc-1fg86yn-0:nth-child(5) *{ transition-delay:.70s; } /* acessibilidade e detalhes */ :focus-visible{ outline:2px solid var(--ab-lima); outline-offset:3px; } @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; } } /* ---- Véu sobre a foto aérea do mapa: garante leitura dos pins e do título ---- */ .SegmentsMapImage-lui0jc-0{ position:relative; } .SegmentsMapImage-lui0jc-0 img{ filter:saturate(.88) contrast(1.03) brightness(.96); } .SegmentsMapImage-lui0jc-0::after{ content:''; position:absolute; inset:0; pointer-events:none; background: radial-gradient(120% 90% at 50% 45%, rgba(4,25,16,.10) 0%, rgba(4,25,16,.48) 100%), linear-gradient(180deg, rgba(4,25,16,.42) 0%, rgba(4,25,16,.14) 40%, rgba(4,25,16,.52) 100%); } /* pins um pouco mais presentes sobre foto */ .SegmentsMapPin-sc-1yt7k9p-0 span{ box-shadow:0 0 0 1px rgba(255,255,255,.35), 0 6px 18px rgba(0,0,0,.35); } .SegmentsMapPin-sc-1yt7k9p-0 > div p{ box-shadow:0 6px 18px rgba(0,0,0,.28); } /* ========================================================= CORREÇÕES — revisão de 21/08 ========================================================= */ /* 1. Pins do mapa não recebiam clique. O