:root{--forest:#173c31;--forest2:#0e2d25;--sage:#dfe8df;--cream:#f6f4ec;--paper:#fcfbf7;--lime:#c7db75;--ink:#16201d;--muted:#69736f;--line:rgba(22,32,29,.13);--radius:30px;--shadow:0 24px 70px rgba(17,43,35,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Inter",serif;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:50;transition:.35s;border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(252,251,247,.96);backdrop-filter:blur(18px);border-color:var(--line)}.nav-wrap{height:88px;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50% 50% 50% 18%;background:var(--forest);color:white;font:700 22px "Inter"}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font:700 16px "Inter"}.brand em{font:500 11px "Inter";font-style:normal;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.main-nav{display:flex;gap:28px;font-size:14px}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--forest);transition:.25s}.main-nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 22px;border-radius:999px;background:var(--forest);color:white;font-weight:600;transition:.25s}.btn:hover{transform:translateY(-2px);background:var(--forest2)}.btn-small{padding:12px 18px;font-size:13px}.menu-toggle{display:none;background:none;border:0}.hero{position:relative;min-height:820px;padding:160px 0 90px;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 68% 20%,#e8eee5 0,transparent 30%),linear-gradient(130deg,#fcfbf7 0 54%,#edf1e9 54% 100%);z-index:-2}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:75px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:#678276}.hero h1,.section-head h2,.statement h2,.solutions h2,.values h2,.about h2,.cta h2{font:500 clamp(42px,5.2vw,72px)/1.02 "Inter";letter-spacing:-.045em;margin:18px 0 24px}.hero h1 span{color:#607970}.hero-copy>p{max-width:610px;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:25px;align-items:center;margin:34px 0 44px}.text-link{display:inline-flex;gap:12px;align-items:center;font-weight:600;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:4px}.hero-trust{display:flex;gap:40px;padding-top:28px;border-top:1px solid var(--line);max-width:610px}.hero-trust div{display:flex;flex-direction:column}.hero-trust strong{font-family:"Inter";font-size:15px}.hero-trust span{color:var(--muted);font-size:12px}.hero-visual{position:relative;padding:25px 0 25px 30px}.photo{background-size:cover;background-position:center}.photo-main{height:580px;border-radius:140px 26px 140px 26px;background-image:linear-gradient(180deg,transparent 58%,rgba(13,43,35,.08)),url('hero-natureza-limpeza.jpg');box-shadow:var(--shadow)}.floating-card{position:absolute;left:-25px;bottom:80px;background:white;border-radius:20px;padding:16px 18px;display:flex;align-items:center;gap:12px;width:255px;box-shadow:var(--shadow)}.leaf{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--sage);color:var(--forest)}.floating-card div{display:flex;flex-direction:column}.floating-card strong{font-size:13px}.floating-card small{font-size:11px;color:var(--muted)}.seal{position:absolute;right:-15px;top:4px;width:105px;height:105px;border-radius:50%;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 30px "Inter";transform:rotate(8deg)}.seal span{font-size:11px;text-transform:uppercase;letter-spacing:.15em}.statement{padding:105px 0}.statement-grid{display:grid;grid-template-columns:.55fr 1.5fr .8fr;gap:60px;align-items:start}.section-index{font-size:11px;letter-spacing:.16em;color:var(--muted)}.statement h2{font-size:46px;margin:0}.statement p{color:var(--muted);margin:8px 0 0}.services{padding:120px 0;background:var(--cream)}.section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end;margin-bottom:68px}.section-head h2{font-size:52px;margin-bottom:0}.section-head>p{color:var(--muted)}.service-feature{display:grid;grid-template-columns:1.45fr .55fr;min-height:520px;background:white;border-radius:var(--radius);overflow:hidden;margin-bottom:26px}.service-photo{background-size:cover;background-position:center}.service-photo-1{background-image:url('assets/carpetes.jpg')}.service-content{padding:55px;display:flex;flex-direction:column;justify-content:flex-end}.service-number,.service-card>span{font:600 12px "Inter";color:#819188}.service-content h3,.service-card h3{font:600 30px/1.12 "Inter";letter-spacing:-.03em;margin:14px 0}.service-content p,.service-card p{color:var(--muted)}.service-content a,.service-card a{margin-top:18px;font-weight:700;font-size:13px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.service-card{background:white;border-radius:var(--radius);overflow:hidden;padding:0 34px 34px}.service-card-photo{height:280px;margin:0 -34px 28px;background-size:cover;background-position:center;transition:.45s}.service-card:hover .service-card-photo{transform:scale(1.025)}.service-photo-2{background-image:url('assets/secagem-tapetes.jpg')}.service-photo-3{background-image:url('assets/cortinas.jpg')}.service-photo-4{background-image:url('assets/sofas.jpg')}.service-photo-5{background-image:url('assets/impermeabilizacao.jpg')}.service-photo-6{background-image:url('assets/cadeiras-poltronas.jpg')}.service-card.wide{grid-column:1/-1;display:grid;grid-template-columns:1.2fr .8fr;column-gap:42px;align-items:end;padding-bottom:38px}.service-card.wide .service-card-photo{grid-row:1/6;width:100%;height:360px;margin:0 0 -38px -34px}.solutions{background:var(--forest2);color:white;padding:120px 0}.solutions-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.solutions h2{font-size:54px;margin-bottom:0}.eyebrow.light{color:#b7c9bf}.solution-list{border-top:1px solid rgba(255,255,255,.16)}.solution-item{display:grid;grid-template-columns:70px 1fr 40px;gap:25px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.16);align-items:start;transition:.25s}.solution-item:hover{padding-left:14px;background:rgba(255,255,255,.025)}.solution-item>span{color:#8ba59a;font-size:12px}.solution-item h3{font:500 28px "Inter";margin:0 0 7px}.solution-item p{margin:0;color:#b7c5c0;max-width:740px}.solution-item b{font-size:23px;font-weight:400}.values{padding:120px 0}.values-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.values h2{font-size:50px}.values-copy>p{color:var(--muted);max-width:480px}.text-link.dark{margin-top:20px}.value-items{border-top:1px solid var(--line)}.value-item{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.value-item i{font-style:normal;font-size:22px}.value-item div{display:flex;flex-direction:column}.value-item strong{font:600 17px "Inter"}.value-item span{font-size:13px;color:var(--muted);margin-top:3px}.about{padding:20px 0 130px}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}.about-photo{height:650px;border-radius:30px;background:url('https://images.unsplash.com/photo-1527515637462-cff94eecc1ac?auto=format&fit=crop&w=900&q=85') center/cover;position:relative}.about-badge{position:absolute;right:-35px;bottom:50px;width:190px;padding:24px;border-radius:20px;background:var(--lime);display:flex;flex-direction:column}.about-badge strong{font:600 36px "Inter"}.about-badge span{font-size:12px}.about h2{font-size:50px}.about-copy p{color:var(--muted)}.press{padding:0 0 120px}.press-card{background:#263b55;color:white;border-radius:var(--radius);padding:60px 70px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:60px}.press-card h2{font:500 44px "Inter";margin:10px 0}.press-card p{color:#d6dde5;max-width:650px}.press-card a{display:inline-block;margin-top:12px;border-bottom:1px solid rgba(255,255,255,.4);font-weight:600;font-size:13px}.press-logo{text-align:right;font:800 72px "Inter";letter-spacing:-.07em}.press-logo span{display:block;font:500 12px/1.3 "Inter";letter-spacing:0}.cta{padding:130px 0;background:var(--sage);text-align:center}.cta-inner{max-width:900px}.cta h2{font-size:62px}.cta p{color:var(--muted);margin:-5px 0 30px}footer{background:#0a211b;color:#dce5e1;padding-top:70px}.footer-top{display:grid;grid-template-columns:1.3fr .8fr .8fr .7fr;gap:40px;padding-bottom:50px}.brand-footer .brand-mark{background:var(--lime);color:var(--forest2)}.brand-footer em{color:#9dafaa}.footer-top div:not(.brand){display:flex;flex-direction:column}.footer-top small,.neighborhoods small{color:#7f9a91;text-transform:uppercase;letter-spacing:.14em;font-size:10px;margin-bottom:7px}.footer-top a,.footer-top span{font-size:14px}.neighborhoods{border-top:1px solid rgba(255,255,255,.1);padding:30px 0}.neighborhoods p{color:#82958f;font-size:11px;line-height:1.8;margin:5px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding:22px 0 30px;color:#748b84;font-size:11px}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:40;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#1fbf63;color:white;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.2)}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.js .reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media(max-width:900px){.container{width:min(100% - 32px,1180px)}.main-nav,.nav-wrap>.btn-small{display:none}.menu-toggle{display:block}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink);margin:6px}.main-nav.open{display:flex;position:absolute;top:88px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column}.hero{padding-top:125px}.hero-grid,.statement-grid,.section-head,.values-grid,.about-grid,.press-card{grid-template-columns:1fr}.hero-grid{gap:35px}.hero h1{font-size:49px}.hero-visual{padding-left:0}.photo-main{height:470px}.floating-card{left:10px}.statement-grid{gap:25px}.service-feature{grid-template-columns:1fr}.service-photo{min-height:360px}.service-grid{grid-template-columns:1fr}.service-card.wide{grid-column:auto;display:block}.service-card.wide .service-card-photo{height:280px;margin:0 -34px 28px;width:auto}.solutions-title{display:block}.values-grid,.about-grid{gap:55px}.about-photo{height:500px}.about-badge{right:15px}.press-logo{text-align:left}.footer-top{grid-template-columns:1fr 1fr}.footer-top .brand{grid-column:1/-1}.cta h2{font-size:45px}}
@media(max-width:600px){.hero h1{font-size:41px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-trust{gap:20px}.statement,.services,.solutions,.values{padding:85px 0}.statement h2,.section-head h2,.solutions h2,.values h2,.about h2{font-size:38px}.service-content{padding:34px}.service-card{padding-left:24px;padding-right:24px}.service-card-photo{margin-left:-24px;margin-right:-24px}.service-card.wide .service-card-photo{margin-left:-24px;margin-right:-24px}.solution-item{grid-template-columns:42px 1fr}.solution-item b{display:none}.about{padding-bottom:85px}.press-card{padding:38px 28px}.press-logo{font-size:54px}.cta{padding:90px 0}.cta h2{font-size:40px}.footer-top{grid-template-columns:1fr}.footer-bottom{gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none;transition:none}}
/* Páginas internas de serviços */
.inner-header{background:rgba(255,252,195,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.service-hero{padding:155px 0 95px;background:linear-gradient(135deg,#FFFCC3 0 52%,#edf1e9 52% 100%);overflow:hidden}
.breadcrumb{display:flex;gap:9px;align-items:center;color:#77827d;font-size:12px;margin-bottom:34px}.breadcrumb a:hover{color:var(--forest)}
.service-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}
.service-hero h1{font:500 clamp(46px,5.8vw,76px)/1.01 "Inter";letter-spacing:-.05em;margin:16px 0 24px}.service-hero h1 span{color:#637e73}
.service-hero-copy>p{font-size:18px;color:var(--muted);max-width:610px}.service-hero-actions{display:flex;gap:18px;align-items:center;margin-top:34px;flex-wrap:wrap}
.service-hero-photo{height:575px;border-radius:30px 135px 30px 135px;background-size:cover;background-position:center;box-shadow:var(--shadow);position:relative}.service-hero-photo:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 55%,rgba(14,45,37,.18))}
.service-mini-card{position:absolute;left:-32px;bottom:38px;z-index:2;background:white;padding:18px 20px;border-radius:18px;box-shadow:var(--shadow);max-width:245px}.service-mini-card strong{display:block;font:600 14px "Inter";margin-bottom:3px}.service-mini-card span{font-size:11px;color:var(--muted)}
.service-intro{padding:110px 0}.service-intro-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.service-intro h2,.service-process h2,.related-services h2{font:500 clamp(38px,4vw,54px)/1.06 "Inter";letter-spacing:-.04em;margin:14px 0 25px}.service-intro-copy p{font-size:17px;color:var(--muted)}
.benefit-list{margin-top:35px;border-top:1px solid var(--line)}.benefit{display:grid;grid-template-columns:45px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.benefit i{font-style:normal;width:34px;height:34px;border-radius:50%;background:var(--sage);display:grid;place-items:center;color:var(--forest);font-size:12px}.benefit strong{display:block;font:600 15px "Inter"}.benefit span{display:block;color:var(--muted);font-size:13px;margin-top:3px}
.service-panel{background:var(--forest2);color:white;border-radius:30px;padding:56px}.service-panel .eyebrow{color:#a8c0b6}.service-panel h3{font:500 34px/1.1 "Inter";letter-spacing:-.035em;margin:15px 0 20px}.service-panel p{color:#bbcac4}.service-panel ul{list-style:none;padding:0;margin:28px 0 0}.service-panel li{padding:14px 0;border-top:1px solid rgba(255,255,255,.13);font-size:14px;display:flex;gap:12px}.service-panel li:before{content:"✓";color:var(--lime);font-weight:700}
.service-process{padding:110px 0;background:var(--cream)}.process-head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end;margin-bottom:55px}.process-head p{color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-card{background:white;border-radius:24px;padding:32px;min-height:250px}.process-card>span{display:block;color:#829389;font:600 11px "Inter";letter-spacing:.14em}.process-card h3{font:600 21px/1.15 "Inter";margin:44px 0 12px}.process-card p{color:var(--muted);font-size:14px;margin:0}
.service-highlight{padding:110px 0}.highlight-card{border-radius:30px;background:var(--sage);display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;min-height:450px}.highlight-photo{background-size:cover;background-position:center}.highlight-copy{padding:60px;display:flex;flex-direction:column;justify-content:center}.highlight-copy h2{font:500 44px/1.06 "Inter";letter-spacing:-.04em;margin:14px 0 20px}.highlight-copy p{color:var(--muted)}
.related-services{padding:0 0 115px}.related-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.related-head h2{margin-bottom:0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.related-card{border:1px solid var(--line);border-radius:22px;padding:26px;transition:.25s;background:white}.related-card:hover{transform:translateY(-4px);box-shadow:0 16px 45px rgba(17,43,35,.08)}.related-card span{font-size:10px;color:#809087;letter-spacing:.12em}.related-card h3{font:600 20px/1.15 "Inter";margin:28px 0 10px}.related-card p{font-size:13px;color:var(--muted);min-height:60px}.related-card a{font-size:13px;font-weight:700;color:var(--forest)}
@media(max-width:900px){.service-hero-grid,.service-intro-grid,.process-head,.highlight-card{grid-template-columns:1fr}.service-hero-grid,.service-intro-grid{gap:45px}.service-hero-photo{height:480px}.service-mini-card{left:15px}.process-grid,.related-grid{grid-template-columns:1fr}.service-panel{padding:40px}.highlight-photo{min-height:350px}.related-head{display:block}}
@media(max-width:600px){.service-hero{padding:125px 0 75px}.service-hero h1{font-size:44px}.service-hero-photo{height:390px;border-radius:24px 90px 24px 90px}.service-intro,.service-process,.service-highlight{padding:80px 0}.service-panel,.highlight-copy{padding:30px}.service-panel h3{font-size:29px}.highlight-copy h2{font-size:36px}}
/* Menu premium com submenu de serviços */
.main-nav{align-items:center;gap:10px;font-size:14px;font-weight:600}
.main-nav>a,.nav-services{display:flex;align-items:center;gap:7px;padding:11px 14px;border-radius:999px;letter-spacing:.01em;transition:background .25s,color .25s}
.main-nav>a:hover,.nav-services:hover,.nav-dropdown:hover>.nav-services{background:rgba(23,60,49,.075);color:var(--forest)}
.main-nav>a:after,.nav-services:after{display:none}
.nav-dropdown{position:relative}
.nav-chevron{font-size:14px;line-height:1;transition:transform .25s;transform:translateY(-1px)}
.nav-dropdown:hover .nav-chevron,.nav-dropdown.open .nav-chevron{transform:translateY(1px) rotate(180deg)}
.submenu{position:absolute;top:calc(100% + 13px);left:50%;width:315px;padding:12px;background:rgba(255,252,195,.98);border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 60px rgba(17,43,35,.16);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.22s;backdrop-filter:blur(18px)}
.submenu:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-dropdown:hover .submenu,.nav-dropdown.open .submenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.submenu a{display:block;padding:11px 13px;border-radius:12px;font-size:13px;font-weight:600;color:var(--ink);transition:.2s}
.submenu a:hover{background:var(--sage);color:var(--forest);padding-left:17px}
@media(max-width:900px){.main-nav.open{gap:4px;padding:20px 16px 26px;box-shadow:0 18px 40px rgba(17,43,35,.1)}.main-nav>a,.nav-services{width:100%;padding:13px 12px;border-radius:12px;font-size:15px}.nav-dropdown{width:100%}.nav-services{justify-content:space-between}.submenu{position:static;width:100%;padding:4px 0 4px 13px;border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;opacity:1;visibility:visible;transform:none;display:none}.nav-dropdown.open .submenu{display:block;transform:none}.nav-dropdown:hover .submenu{display:none}.nav-dropdown.open:hover .submenu{display:block}.submenu a{padding:10px 12px;font-size:13px;color:var(--muted)}}
/* Identidade visual atualizada */
.brand-logo{display:block;width:78px;height:68px;object-fit:contain}
.nav-wrap{height:92px}
.nav-wrap>.btn-small{background:var(--forest);color:#FFFCC3;border:1px solid var(--forest);padding:13px 22px;font-weight:700;box-shadow:0 8px 22px rgba(14,45,37,.12)}
.nav-wrap>.btn-small:hover{background:var(--forest2);color:#fff;transform:translateY(-2px)}
.whatsapp-float{transition:transform .25s ease,box-shadow .25s ease}
.whatsapp-float:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 34px rgba(0,0,0,.24)}
@media(max-width:900px){.brand-logo{width:68px;height:60px}.nav-wrap{height:82px}.main-nav.open{top:82px}}
/* Refinamento visual 2026-08: creme como acento, não como fundo dominante */
:root{--cream:#f5f2e9;--paper:#fbfaf7;--accent-cream:#FFFCC3;--soft-green:#eef3ee}
body{background:var(--paper)}
.site-header.scrolled,.inner-header{background:rgba(251,250,247,.95)}
.hero-bg{background:radial-gradient(circle at 68% 20%,#edf3ed 0,transparent 31%),linear-gradient(130deg,#fbfaf7 0 55%,#eef3ee 55% 100%)}
.services,.service-process{background:#f5f2e9}
.cta{background:linear-gradient(135deg,#eef3ee,#f8f5df)}
.service-hero{background:linear-gradient(135deg,#fbfaf7 0 52%,#eef3ee 52% 100%)}
.submenu{background:rgba(255,255,255,.98)}
.nav-wrap>.btn-small{color:#fff}
.seal,.about-badge{background:var(--accent-cream)}
.press-card{background:#20394b}
/* WhatsApp via Font Awesome */
.whatsapp-float{font-size:29px;font-weight:400}
.whatsapp-float i{line-height:1}
.btn i.fa-whatsapp{font-size:18px}
.btn-small i.fa-whatsapp{font-size:16px}
/* Mais fotografia editorial na home */
.statement-side{display:grid;gap:24px}.statement-photo{height:220px;border-radius:24px;background:url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=900&q=84') center/cover;box-shadow:0 15px 45px rgba(17,43,35,.08)}
.values-photo{height:260px;border-radius:24px;margin:30px 0 22px;background:url('https://images.unsplash.com/photo-1527515637462-cff94eecc1ac?auto=format&fit=crop&w=900&q=84') center/cover;box-shadow:0 15px 45px rgba(17,43,35,.08)}
.press-media{position:relative;min-height:300px}.press-photo{position:absolute;inset:0;border-radius:22px;background:linear-gradient(180deg,transparent 30%,rgba(9,27,37,.55)),url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=900&q=84') center/cover}.press-logo{position:absolute;right:24px;bottom:22px;text-shadow:0 3px 16px rgba(0,0,0,.3)}
/* Soluções com imagens ilustrativas sem virar grade pesada */
.solution-item{position:relative;grid-template-columns:70px 1fr 132px;overflow:hidden}
.solution-item:after{content:"";width:118px;height:76px;border-radius:16px;background-size:cover;background-position:center;justify-self:end;align-self:center;opacity:.92}
.solution-item:nth-child(1):after{background-image:url('https://images.unsplash.com/photo-1497250681960-ef046c08a56e?auto=format&fit=crop&w=500&q=80')}
.solution-item:nth-child(2):after{background-image:url('https://images.unsplash.com/photo-1558788353-f76d92427f16?auto=format&fit=crop&w=500&q=80')}
.solution-item:nth-child(3):after{background-image:url('https://images.unsplash.com/photo-1503454537195-1dcabb73ffb9?auto=format&fit=crop&w=500&q=80')}
.solution-item:nth-child(4):after{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=500&q=80')}
.solution-item:nth-child(5):after{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=500&q=80')}
.solution-item>b{display:none}
/* Imagens também no conteúdo das páginas internas */
.process-card{padding:0 0 30px;overflow:hidden}.process-card>span,.process-card h3,.process-card p{margin-left:28px;margin-right:28px}.process-card h3{margin-top:30px}.process-photo{height:150px;background-size:cover;background-position:center;margin-bottom:25px}.process-photo-1{background-image:url('https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=700&q=82')}.process-photo-2{background-image:url('https://images.unsplash.com/photo-1527515637462-cff94eecc1ac?auto=format&fit=crop&w=700&q=82')}.process-photo-3{background-image:url('https://images.unsplash.com/photo-1558618666-fcd25c85cd64?auto=format&fit=crop&w=700&q=82')}
.related-card{padding:0 0 26px;overflow:hidden}.related-card>span,.related-card h3,.related-card p,.related-card>a{margin-left:24px;margin-right:24px}.related-photo{height:150px;margin-bottom:22px;background:url('https://images.unsplash.com/photo-1555041469-a586c61ea9bc?auto=format&fit=crop&w=700&q=80') center/cover}.related-card:nth-child(2) .related-photo{background-image:url('https://images.unsplash.com/photo-1513694203232-719a280e022f?auto=format&fit=crop&w=700&q=80')}.related-card:nth-child(3) .related-photo{background-image:url('https://images.unsplash.com/photo-1567016432779-094069958ea5?auto=format&fit=crop&w=700&q=80')}
@media(max-width:900px){.solution-item{grid-template-columns:48px 1fr}.solution-item:after{grid-column:2;width:100%;height:145px;margin-top:18px}.press-media{min-height:260px}.statement-photo{height:190px}.values-photo{height:220px}}
/* --- Refinamentos v4 --- */
:root{--accent:#FFFCC3;--paper:#fcfbf7;--cream:#f6f4ec}
.services{background:var(--cream)}
.service-feature{grid-template-columns:1.08fr .92fr;min-height:430px;border:1px solid rgba(22,32,29,.07);box-shadow:0 14px 50px rgba(17,43,35,.06)}
.service-feature .service-photo{min-height:430px;background-position:center;background-size:cover}
.service-content{padding:50px 56px;justify-content:center;position:relative}
.service-content:before{content:"Serviço em destaque";display:inline-flex;align-self:flex-start;background:var(--accent);color:var(--forest);padding:7px 11px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:30px}
.service-content h3{font-size:38px;margin:10px 0 16px}
.service-content p{font-size:15px;line-height:1.75;max-width:420px}
.service-content a{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding-bottom:5px;border-bottom:1px solid rgba(23,60,49,.3)}
.service-card{border:1px solid rgba(22,32,29,.06);box-shadow:0 10px 38px rgba(17,43,35,.045)}
.service-card-photo{background-color:#e9ece8}
.section-head>p{line-height:1.8}
.main-nav{align-items:center}
.main-nav>a,.nav-services{font-weight:600}
.nav-contact-link{display:none}
.brand-footer img{width:74px;height:64px;object-fit:contain}
.accent-chip{display:inline-flex;background:var(--accent);padding:8px 12px;border-radius:999px;color:var(--forest);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.inner-hero{padding:170px 0 90px;background:linear-gradient(115deg,#fcfbf7 0 62%,#eef3ee 62%);overflow:hidden}
.inner-hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:75px;align-items:center}
.inner-hero h1{font:500 clamp(46px,5vw,68px)/1.03 "Inter";letter-spacing:-.045em;margin:18px 0 24px}
.inner-hero p{font-size:17px;color:var(--muted);max-width:650px;line-height:1.8}
.inner-hero-photo{height:480px;border-radius:90px 26px 90px 26px;background:center/cover no-repeat;box-shadow:var(--shadow)}
.content-section{padding:105px 0}.content-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.content-grid h2{font:500 46px/1.08 "Inter";letter-spacing:-.04em;margin:14px 0 22px}.content-grid p{color:var(--muted);line-height:1.85}.content-photo{height:520px;border-radius:28px;background:center/cover no-repeat;box-shadow:0 18px 50px rgba(17,43,35,.08)}
.contact-section{padding:105px 0;background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-info h2,.contact-form-wrap h2{font:500 44px/1.08 "Inter";letter-spacing:-.04em;margin:14px 0 20px}.contact-info p{color:var(--muted);line-height:1.8}.contact-card{background:white;border:1px solid var(--line);border-radius:24px;padding:28px;margin-top:26px;display:grid;gap:18px}.contact-row{display:flex;gap:14px;align-items:flex-start}.contact-row i{width:38px;height:38px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:var(--forest)}.contact-row strong{display:block;font-size:14px}.contact-row span,.contact-row a{font-size:13px;color:var(--muted)}
.contact-form-wrap{background:white;border-radius:30px;padding:42px;box-shadow:0 18px 55px rgba(17,43,35,.08)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:var(--forest)}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(22,32,29,.14);border-radius:13px;padding:14px 15px;background:#fff;font:400 14px "Inter";outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(23,60,49,.08)}.field textarea{min-height:150px;resize:vertical}.contact-form .btn{border:0;cursor:pointer;grid-column:1/-1;justify-self:start}.form-note{font-size:11px;color:var(--muted);grid-column:1/-1}.hp-field{position:absolute;left:-9999px}
.flash{border-radius:14px;padding:14px 16px;margin-bottom:18px;font-size:13px}.flash.ok{background:#edf7ef;color:#265c38}.flash.erro{background:#fff0ef;color:#8c3733}
@media(max-width:900px){.service-feature{grid-template-columns:1fr;min-height:auto}.service-feature .service-photo{min-height:300px}.service-content{padding:34px}.service-content h3{font-size:32px}.inner-hero-grid,.content-grid,.contact-grid{grid-template-columns:1fr}.inner-hero{padding-top:130px}.inner-hero-photo{height:340px}.content-grid{gap:35px}.contact-form{grid-template-columns:1fr}.field.full,.contact-form .btn,.form-note{grid-column:auto}.nav-contact-link{display:block}}
/* v5 — precision alignment + testimonials */
.service-grid-uniform{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.service-grid-uniform .service-card{padding:0;display:flex;flex-direction:column;overflow:hidden;min-height:100%;border-radius:26px}
.service-grid-uniform .service-card-photo{height:265px;min-height:265px;margin:0;width:100%;border-radius:0;background-size:cover;background-position:center}
.service-grid-uniform .service-card-body{padding:30px 32px 32px;display:flex;flex-direction:column;align-items:flex-start;flex:1;width:100%}
.service-grid-uniform .service-card-body>span{display:block;margin:0 0 14px;color:#809087;font:600 10px "Inter";letter-spacing:.14em}
.service-grid-uniform .service-card h3{margin:0 0 14px;font-size:25px;line-height:1.16;min-height:58px}
.service-grid-uniform .service-card p{margin:0 0 24px;line-height:1.7;flex:1;min-height:72px}
.service-grid-uniform .service-card a{margin-top:auto}
.service-content:before{content:"Serviço em destaque"}
.testimonials{padding:110px 0;background:#fff}
.testimonials-head{display:grid;grid-template-columns:1fr auto;gap:70px;align-items:end;margin-bottom:48px}
.testimonials-head h2{font:500 clamp(38px,4vw,56px)/1.05 "Inter";letter-spacing:-.04em;margin:14px 0 0}
.google-rating{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:20px;padding:18px 22px;background:#fbfaf7;min-width:260px}
.google-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid #ecebe5;font-size:21px}
.google-rating strong{display:block;font-size:17px;margin-bottom:2px}.google-rating small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.rating-stars{letter-spacing:2px;color:#e0a72e;font-size:14px}
.testimonial-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;align-items:stretch}
.testimonial-card{grid-column:span 2;background:#f8f7f2;border:1px solid rgba(22,32,29,.07);border-radius:24px;padding:28px;display:flex;flex-direction:column;min-height:295px}
.testimonial-card:nth-child(4){grid-column:2/span 2}.testimonial-card:nth-child(5){grid-column:4/span 2}
.testimonial-top{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;margin-bottom:17px}
.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:white;font:600 12px "Inter"}
.testimonial-top strong{display:block;font-size:13px}.testimonial-top span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.testimonial-top>i{font-size:17px;color:#4285f4}
.testimonial-card>.rating-stars{margin-bottom:16px}.testimonial-card p{margin:0;color:#52605b;font-size:14px;line-height:1.75}
@media(max-width:900px){.service-grid-uniform{grid-template-columns:1fr}.service-grid-uniform .service-card h3,.service-grid-uniform .service-card p{min-height:0}.testimonials-head{grid-template-columns:1fr;gap:30px}.testimonial-grid{grid-template-columns:1fr 1fr}.testimonial-card,.testimonial-card:nth-child(4),.testimonial-card:nth-child(5){grid-column:auto}}
@media(max-width:600px){.testimonials{padding:80px 0}.testimonial-grid{grid-template-columns:1fr}.testimonial-card{min-height:auto}.google-rating{min-width:0;width:100%}}
/* v6 — ritmo vertical + slider de depoimentos */
.statement{padding:72px 0 76px}
.statement-grid{grid-template-columns:150px minmax(0,1.25fr) minmax(320px,.75fr);gap:44px;align-items:center}
.statement h2{font-size:clamp(38px,3.8vw,50px);line-height:1.06}
.statement-side{grid-template-columns:1fr 190px;gap:26px;align-items:center}
.statement-side p{margin:0;line-height:1.75}
.statement-photo{height:165px;border-radius:22px}
.services{padding:88px 0 105px}
.section-head{grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:54px;align-items:center;margin-bottom:48px}
.section-head h2{font-size:clamp(42px,4vw,54px);line-height:1.06}
.section-head>p{margin:0;max-width:520px;justify-self:end}
.testimonial-slider{position:relative;padding:0 58px 42px}
.testimonial-viewport{overflow:hidden;border-radius:24px}
.testimonial-track{display:flex;gap:18px;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.testimonial-card{flex:0 0 calc((100% - 36px)/3);min-height:295px;box-sizing:border-box}
.slider-arrow{position:absolute;top:calc(50% - 28px);width:44px;height:44px;border-radius:50%;border:1px solid rgba(22,32,29,.1);background:#fff;color:var(--forest);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(17,43,35,.08);z-index:2;transition:.25s}
.slider-arrow:hover{background:var(--forest);color:#fff;transform:translateY(-2px)}
.slider-prev{left:0}.slider-next{right:0}
.slider-dots{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:8px}
.slider-dot{width:8px;height:8px;border:0;border-radius:50%;background:#d8ddd9;padding:0;cursor:pointer;transition:.25s}
.slider-dot.active{width:24px;border-radius:99px;background:var(--forest)}
@media(max-width:1050px){.statement-grid{grid-template-columns:110px minmax(0,1.1fr) minmax(300px,.9fr);gap:30px}.statement-side{grid-template-columns:1fr}.statement-photo{height:145px}.testimonial-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:900px){.statement{padding:62px 0}.statement-grid{grid-template-columns:1fr;gap:20px}.statement-side{grid-template-columns:1fr 190px;gap:24px}.services{padding:72px 0 90px}.section-head{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.section-head>p{justify-self:start;max-width:720px}.testimonial-slider{padding:0 48px 40px}}
@media(max-width:650px){.statement-side{grid-template-columns:1fr}.statement-photo{height:190px}.testimonial-slider{padding:0 0 46px}.testimonial-card{flex-basis:100%;min-height:auto}.slider-arrow{top:auto;bottom:-2px}.slider-prev{left:0}.slider-next{right:0}.slider-dots{bottom:9px}}
/* =========================================================
MENU PREMIUM V9
========================================================= */
.menu-toggle{
width:46px;
height:46px;
padding:0;
border:1px solid rgba(17,43,35,.12);
border-radius:15px;
background:rgba(255,255,255,.78);
color:var(--forest);
align-items:center;
justify-content:center;
position:relative;
box-shadow:0 8px 24px rgba(17,43,35,.08);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.menu-toggle:hover{
background:#fff;
border-color:rgba(17,43,35,.22);
box-shadow:0 12px 30px rgba(17,43,35,.12);
}
.menu-toggle i{
position:absolute;
font-size:19px;
transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1);
}
.menu-icon-open{opacity:1;transform:scale(1) rotate(0)}
.menu-icon-close{opacity:0;transform:scale(.7) rotate(-70deg)}
.menu-toggle[aria-expanded="true"]{
background:var(--forest);
color:#fff;
border-color:var(--forest);
transform:translateY(-1px);
}
.menu-toggle[aria-expanded="true"] .menu-icon-open{opacity:0;transform:scale(.7) rotate(70deg)}
.menu-toggle[aria-expanded="true"] .menu-icon-close{opacity:1;transform:scale(1) rotate(0)}
.nav-services{
cursor:pointer;
}
.nav-chevron{
font-size:10px;
margin-left:2px;
opacity:.72;
transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s ease;
}
.nav-dropdown:hover .nav-chevron,
.nav-dropdown.open .nav-chevron{
transform:rotate(180deg);
opacity:1;
}
/* submenu com acabamento mais premium */
.submenu{
padding:10px;
border:1px solid rgba(17,43,35,.09);
border-radius:18px;
box-shadow:0 24px 70px rgba(17,43,35,.14);
}
.submenu a{
position:relative;
padding:12px 14px;
border-radius:11px;
}
.submenu a::before{
content:"";
position:absolute;
left:0;
top:50%;
width:3px;
height:0;
border-radius:999px;
background:var(--forest);
transform:translateY(-50%);
transition:height .2s ease;
}
.submenu a:hover::before{height:20px}
@media(max-width:900px){
.menu-toggle{display:inline-flex}
.main-nav.open{
border-top:1px solid rgba(17,43,35,.07);
background:rgba(251,250,247,.98);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
}
.main-nav>a,.nav-services{
min-height:48px;
padding:13px 15px;
font-weight:650;
}
.nav-services{
border:1px solid transparent;
}
.nav-dropdown.open>.nav-services{
background:rgba(23,60,49,.065);
border-color:rgba(23,60,49,.08);
color:var(--forest);
}
.nav-chevron{
width:28px;
height:28px;
display:inline-flex;
align-items:center;
justify-content:center;
margin-left:auto;
border-radius:9px;
background:rgba(23,60,49,.06);
font-size:10px;
}
.nav-dropdown.open .nav-chevron{
background:var(--forest);
color:#fff;
}
.submenu{
margin:5px 0 7px 10px;
padding:5px 0 5px 13px;
border-left:1px solid rgba(23,60,49,.14);
}
.submenu a{
padding:11px 13px;
border-radius:10px;
font-size:13px;
}
.submenu a:hover{
padding-left:17px;
background:rgba(23,60,49,.055);
}
}
/* HERO V10 */
.photo-main{background-position:center center;}
.seal{right:auto;left:-18px;top:55px;width:142px;height:142px;background:rgba(255,252,195,.96);border:1px solid rgba(17,43,35,.10);box-shadow:0 18px 50px rgba(17,43,35,.16);transform:rotate(-4deg);font-size:46px;line-height:.9;color:var(--forest);backdrop-filter:blur(8px);}
.seal:before{content:"+";font-size:18px;position:absolute;left:27px;top:28px;font-weight:500;}
.seal span{font-size:13px;letter-spacing:.12em;margin-top:8px;font-weight:700;}
@media(max-width:900px){.seal{left:10px;top:35px;width:112px;height:112px;font-size:36px}.seal:before{left:21px;top:21px;font-size:15px}.seal span{font-size:10px}}
/* =========================================================
HERO V11 — FOTO INTEIRA + SELO 17 ANOS ALINHADO
========================================================= */
.hero-visual{
display:flex;
align-items:center;
justify-content:center;
padding:18px 0 18px 30px;
}
.photo-main{
width:100%;
height:auto;
aspect-ratio:1 / 1;
border-radius:120px 26px 120px 26px;
background-image:url('hero-natureza-limpeza.jpg');
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}
/* O selo fica sobre a área clara da própria fotografia */
.seal{
right:auto;
left:54px;
top:52px;
width:168px;
height:168px;
padding:18px;
border-radius:50%;
background:rgba(255,252,195,.96);
color:var(--forest);
border:1px solid rgba(23,60,49,.18);
box-shadow:0 18px 48px rgba(17,43,35,.18), inset 0 0 0 7px rgba(255,255,255,.48);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
transform:none;
font:800 58px/.84 "Inter", Arial, sans-serif;
letter-spacing:-3px;
z-index:3;
animation:experienceFloat 4.6s ease-in-out infinite;
}
.seal:before{
content:"";
position:absolute;
inset:-8px;
border:1px solid rgba(23,60,49,.12);
border-radius:50%;
pointer-events:none;
}
.seal span{
display:block;
width:100%;
margin-top:12px;
font:700 10px/1.35 "Inter", Arial, sans-serif;
text-transform:uppercase;
letter-spacing:.14em;
text-align:center;
}
@keyframes experienceFloat{
0%,100%{transform:translateY(0) scale(1);box-shadow:0 18px 48px rgba(17,43,35,.18), inset 0 0 0 7px rgba(255,255,255,.48)}
50%{transform:translateY(-7px) scale(1.018);box-shadow:0 26px 58px rgba(17,43,35,.22), inset 0 0 0 7px rgba(255,255,255,.58)}
}
@media (prefers-reduced-motion:reduce){.seal{animation:none}}
/* Mantém o selo e o logo da foto visíveis em telas menores */
@media(max-width:1100px){
.seal{left:42px;top:42px;width:148px;height:148px;font-size:50px}
}
@media(max-width:900px){
.hero-visual{padding:8px 0}
.photo-main{width:min(100%,620px);border-radius:90px 24px 90px 24px}
.seal{left:26px;top:28px;width:140px;height:140px;font-size:47px}
.seal span{font-size:9px}
}
@media(max-width:560px){
.seal{left:18px;top:20px;width:118px;height:118px;padding:14px;font-size:40px;letter-spacing:-2px}
.seal span{font-size:8px;margin-top:8px;letter-spacing:.11em}
}
/* HERO V12 — sem animação e com mais altura */
.experience-badge--premium,
.experience-badge--premium::before,
.experience-badge--premium::after,
.experience-number,
.experience-copy {
animation: none !important;
}
.hero-photo {
min-height: 700px !important;
height: 700px !important;
}
.hero-photo > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
@media (max-width: 1200px) {
.hero-photo {
min-height: 640px !important;
height: 640px !important;
}
}
@media (max-width: 900px) {
.hero-photo {
min-height: 560px !important;
height: 560px !important;
}
}
@media (max-width: 600px) {
.hero-photo {
min-height: 500px !important;
height: 500px !important;
}
}
/* =========================================================
HERO V13 — CORREÇÃO REAL
- remove a animação da classe .seal
- mostra 100% da foto e do logo inferior
========================================================= */
.seal,
.seal::before,
.seal span {
animation: none !important;
transition: none !important;
}
.seal {
transform: none !important;
}
/* A fotografia original é quadrada e tem fundo branco.
Usamos contain para preservar 100% dela, inclusive o logo. */
.photo-main {
width: 100%;
height: 680px;
aspect-ratio: auto !important;
background-size: contain !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: #fff;
/* mantém a linguagem visual atual, mas sem cortar o logo
no canto inferior direito */
border-radius: 110px 26px 34px 26px;
}
/* evita que o container corte qualquer parte da fotografia */
.hero-visual {
overflow: visible !important;
}
@media (max-width: 1200px) {
.photo-main {
height: 620px;
}
}
@media (max-width: 900px) {
.photo-main {
width: min(100%, 620px);
height: 600px;
background-size: contain !important;
border-radius: 82px 24px 30px 24px;
}
}
@media (max-width: 600px) {
.photo-main {
height: 500px;
background-size: contain !important;
border-radius: 62px 20px 26px 20px;
}
}
/* =========================================================
HERO V14 — APROVEITAMENTO DAS FAIXAS BRANCAS DA FOTO
========================================================= */
.photo-main{
position:relative;
}
/* As faixas em branco passam a fazer parte deliberada do hero */
.hero-photo-topline,
.hero-photo-bottomline{
position:absolute;
left:50%;
z-index:2;
width:86%;
transform:translateX(-50%);
text-align:center;
pointer-events:none;
}
.hero-photo-topline{
top:15px;
font:700 11px/1.35 "Inter", Arial, sans-serif;
letter-spacing:.075em;
color:rgba(23,60,49,.78);
}
.hero-photo-bottomline{
bottom:15px;
display:flex;
align-items:center;
justify-content:center;
gap:17px;
flex-wrap:wrap;
font:600 9px/1.25 "Inter", Arial, sans-serif;
color:rgba(23,60,49,.72);
}
.hero-photo-bottomline span{
display:inline-flex;
align-items:center;
gap:6px;
white-space:nowrap;
}
.hero-photo-bottomline span + span::before{
content:"";
width:3px;
height:3px;
margin-right:10px;
border-radius:50%;
background:rgba(23,60,49,.34);
}
.hero-photo-bottomline i{
color:var(--forest);
font-size:10px;
}
/* O selo permanece como protagonista, sem animação */
.seal,
.seal::before,
.seal span{
animation:none !important;
transition:none !important;
}
/* maior respiro vertical para que as duas frases nunca encostem na foto */
.photo-main{
height:700px !important;
}
@media(max-width:1200px){
.photo-main{height:650px !important}
.hero-photo-topline{top:13px;font-size:10px}
.hero-photo-bottomline{bottom:13px;gap:12px;font-size:8px}
}
@media(max-width:900px){
.photo-main{height:620px !important}
.hero-photo-topline{
top:12px;
width:82%;
font-size:9px;
}
.hero-photo-bottomline{
bottom:11px;
width:90%;
gap:8px 11px;
font-size:7.5px;
}
}
@media(max-width:600px){
.photo-main{height:530px !important}
.hero-photo-topline{
top:10px;
width:78%;
font-size:8px;
letter-spacing:.04em;
}
.hero-photo-bottomline{
bottom:9px;
width:88%;
gap:5px 9px;
font-size:7px;
}
.hero-photo-bottomline span + span::before{
display:none;
}
}
/* =========================================================
HERO V15 — FOTO ALINHADA AO TOPO + ÁREA EDITORIAL ABAIXO
========================================================= */
/* elimina de vez qualquer faixa/texto superior da v14 */
.hero-photo-topline{
display:none !important;
}
/* área principal: foto encostada no topo e sobra somente embaixo */
.photo-main{
position:relative;
height:720px !important;
background-size:contain !important;
background-position:center top !important;
background-repeat:no-repeat !important;
background-color:#fff;
}
/* bloco editorial inferior */
.hero-photo-bottomline--editorial{
position:absolute !important;
left:50% !important;
bottom:22px !important;
width:88% !important;
transform:translateX(-50%) !important;
display:flex !important;
flex-direction:column;
align-items:center;
justify-content:center;
gap:13px;
text-align:center;
color:var(--forest);
pointer-events:none;
}
.hero-bottom-kicker{
font-family:"Inter",serif;
font-size:18px;
line-height:1.25;
font-weight:700;
letter-spacing:-.01em;
color:var(--forest);
}
.hero-bottom-items{
display:flex;
align-items:center;
justify-content:center;
gap:22px;
flex-wrap:wrap;
width:100%;
font-family:"Inter",serif;
font-size:11px;
line-height:1.3;
font-weight:600;
color:rgba(23,60,49,.78);
}
.hero-bottom-items span{
position:relative;
display:inline-flex;
align-items:center;
gap:7px;
white-space:nowrap;
}
.hero-bottom-items span + span::before{
content:"";
width:4px;
height:4px;
margin-right:13px;
border-radius:50%;
background:rgba(23,60,49,.28);
}
.hero-bottom-items i{
font-size:12px;
color:var(--forest);
}
/* selo segue estático */
.seal,
.seal::before,
.seal span{
animation:none !important;
transition:none !important;
}
/* tablet */
@media(max-width:1200px){
.photo-main{
height:670px !important;
background-position:center top !important;
}
.hero-photo-bottomline--editorial{
bottom:19px !important;
gap:11px;
}
.hero-bottom-kicker{font-size:16px}
.hero-bottom-items{
gap:15px;
font-size:10px;
}
}
/* mobile */
@media(max-width:900px){
.photo-main{
height:640px !important;
background-position:center top !important;
}
.hero-photo-bottomline--editorial{
width:90% !important;
bottom:18px !important;
}
.hero-bottom-kicker{
font-size:15px;
max-width:360px;
}
.hero-bottom-items{
gap:9px 14px;
font-size:9px;
}
.hero-bottom-items span + span::before{
display:none;
}
}
@media(max-width:600px){
.photo-main{
height:555px !important;
background-position:center top !important;
}
.hero-photo-bottomline--editorial{
bottom:14px !important;
width:92% !important;
gap:9px;
}
.hero-bottom-kicker{
font-size:13px;
line-height:1.3;
}
.hero-bottom-items{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px 12px;
font-size:8px;
}
.hero-bottom-items span{
justify-content:center;
white-space:normal;
}
.hero-bottom-items span:last-child{
grid-column:1 / -1;
}
}
/* =========================================================
HERO V16 — LIMPEZA DO BLOCO INFERIOR + ALINHAMENTO
========================================================= */
/* remove qualquer selo/cartão flutuante legado no hero */
.hero-visual .floating-note,
.hero-visual .floating-card,
.hero-visual .photo-note,
.hero-visual .hero-note,
.hero-visual .mini-card {
display:none !important;
}
/* mantém a foto alinhada ao topo e reserva a faixa branca somente abaixo */
.photo-main{
height:720px !important;
background-position:center top !important;
background-size:contain !important;
background-repeat:no-repeat !important;
background-color:#fff;
}
/* área editorial inferior mais limpa e realmente centralizada */
.hero-photo-bottomline--editorial{
left:50% !important;
right:auto !important;
bottom:26px !important;
width:86% !important;
transform:translateX(-50%) !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:14px !important;
text-align:center !important;
}
.hero-bottom-kicker{
width:100%;
margin:0 auto;
font-size:19px !important;
line-height:1.3 !important;
font-weight:700 !important;
text-align:center !important;
}
.hero-bottom-items{
width:100%;
margin:0 auto;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:24px !important;
flex-wrap:wrap !important;
font-size:11px !important;
line-height:1.3 !important;
text-align:center !important;
}
.hero-bottom-items span{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
}
/* garante que nada sobreponha a faixa editorial */
.hero-visual{
overflow:visible !important;
}
.photo-main{
overflow:hidden;
}
/* responsivo */
@media(max-width:1200px){
.photo-main{height:680px !important}
.hero-photo-bottomline--editorial{
bottom:22px !important;
width:88% !important;
}
.hero-bottom-kicker{font-size:17px !important}
.hero-bottom-items{
gap:18px !important;
font-size:10px !important;
}
}
@media(max-width:900px){
.photo-main{height:645px !important}
.hero-photo-bottomline--editorial{
bottom:20px !important;
width:90% !important;
}
.hero-bottom-kicker{font-size:15px !important}
.hero-bottom-items{
gap:12px 16px !important;
font-size:9px !important;
}
}
@media(max-width:600px){
.photo-main{height:560px !important}
.hero-photo-bottomline--editorial{
bottom:15px !important;
width:92% !important;
gap:10px !important;
}
.hero-bottom-kicker{
max-width:320px;
font-size:13px !important;
}
.hero-bottom-items{
display:grid !important;
grid-template-columns:1fr 1fr;
gap:8px 12px !important;
font-size:8px !important;
}
.hero-bottom-items span:last-child{
grid-column:1 / -1;
}
}
/* =========================================================
HERO V17 — ALINHAMENTO FINO DO SELO E REDUÇÃO DO VAZIO
========================================================= */
/* hero visual mais compacto */
.hero-visual{
position:relative !important;
align-self:start !important;
overflow:visible !important;
}
/* imagem preservada, mas com altura mais enxuta */
.photo-main{
position:relative !important;
height:650px !important;
min-height:650px !important;
background-size:contain !important;
background-position:center top !important;
background-repeat:no-repeat !important;
background-color:#fff !important;
overflow:hidden !important;
}
/* selo volta a ficar claramente ancorado sobre a foto */
.hero-visual .seal{
position:absolute !important;
top:28px !important;
left:24px !important;
right:auto !important;
bottom:auto !important;
z-index:8 !important;
width:142px !important;
height:142px !important;
min-width:142px !important;
min-height:142px !important;
margin:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
border-radius:50% !important;
transform:none !important;
animation:none !important;
}
/* reforça o alinhamento interno do selo */
.hero-visual .seal strong,
.hero-visual .seal b{
display:block !important;
width:100% !important;
margin:0 !important;
text-align:center !important;
line-height:.9 !important;
}
.hero-visual .seal span{
display:block !important;
width:100% !important;
margin-top:8px !important;
text-align:center !important;
line-height:1.15 !important;
animation:none !important;
}
/* aproxima bastante o editorial da base da fotografia */
.hero-photo-bottomline--editorial{
position:absolute !important;
left:50% !important;
bottom:14px !important;
width:90% !important;
transform:translateX(-50%) !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
margin:0 !important;
padding:0 !important;
text-align:center !important;
}
/* tipografia mais equilibrada e menos espalhada */
.hero-bottom-kicker{
margin:0 !important;
font-size:16px !important;
line-height:1.2 !important;
}
.hero-bottom-items{
margin:0 !important;
gap:16px !important;
font-size:9.5px !important;
line-height:1.2 !important;
}
/* remove margens extras que possam ampliar o vazio */
.hero-photo-bottomline--editorial p,
.hero-photo-bottomline--editorial div,
.hero-photo-bottomline--editorial span{
margin-top:0;
margin-bottom:0;
}
/* desktop largo */
@media(min-width:1201px){
.photo-main{
height:640px !important;
min-height:640px !important;
}
.hero-visual .seal{
top:24px !important;
left:22px !important;
width:138px !important;
height:138px !important;
min-width:138px !important;
min-height:138px !important;
}
.hero-photo-bottomline--editorial{
bottom:12px !important;
}
}
/* tablet */
@media(max-width:1200px){
.photo-main{
height:610px !important;
min-height:610px !important;
}
.hero-visual .seal{
top:20px !important;
left:18px !important;
width:126px !important;
height:126px !important;
min-width:126px !important;
min-height:126px !important;
}
.hero-photo-bottomline--editorial{
bottom:12px !important;
gap:7px !important;
}
.hero-bottom-kicker{
font-size:15px !important;
}
.hero-bottom-items{
gap:12px !important;
font-size:9px !important;
}
}
/* mobile */
@media(max-width:900px){
.photo-main{
height:575px !important;
min-height:575px !important;
}
.hero-visual .seal{
top:16px !important;
left:14px !important;
width:112px !important;
height:112px !important;
min-width:112px !important;
min-height:112px !important;
}
.hero-photo-bottomline--editorial{
bottom:10px !important;
width:92% !important;
}
.hero-bottom-kicker{
font-size:14px !important;
}
.hero-bottom-items{
gap:8px 12px !important;
font-size:8.5px !important;
}
}
@media(max-width:600px){
.photo-main{
height:500px !important;
min-height:500px !important;
}
.hero-visual .seal{
top:12px !important;
left:10px !important;
width:98px !important;
height:98px !important;
min-width:98px !important;
min-height:98px !important;
}
.hero-photo-bottomline--editorial{
bottom:8px !important;
width:92% !important;
gap:6px !important;
}
.hero-bottom-kicker{
font-size:12.5px !important;
}
.hero-bottom-items{
gap:6px 10px !important;
font-size:7.8px !important;
}
}
/* =========================================================
HERO V18 — ESTRUTURA CORRIGIDA / ALINHAMENTO DEFINITIVO
========================================================= */
.hero-visual{
position:relative !important;
width:100% !important;
align-self:center !important;
overflow:visible !important;
}
/*
* A foto original é quadrada.
* Em vez de fixar uma altura enorme, o hero agora acompanha a largura.
* Isso deixa somente uma faixa editorial compacta na parte inferior.
*/
.photo-main{
position:relative !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:1 / 1.20 !important;
background-size:100% auto !important;
background-position:center top !important;
background-repeat:no-repeat !important;
background-color:#fff !important;
overflow:hidden !important;
border-radius:92px 28px 34px 28px !important;
}
/* SELO 17 ANOS — ancorado à própria foto */
.photo-main > .seal{
position:absolute !important;
top:24px !important;
left:22px !important;
right:auto !important;
bottom:auto !important;
z-index:5 !important;
width:142px !important;
height:142px !important;
min-width:142px !important;
min-height:142px !important;
margin:0 !important;
padding:12px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:7px !important;
border-radius:50% !important;
background:#FFFCC3 !important;
border:1px solid rgba(21,64,49,.18) !important;
box-shadow:
0 0 0 7px rgba(255,252,195,.42),
0 16px 38px rgba(16,52,40,.14) !important;
color:var(--forest) !important;
text-align:center !important;
transform:none !important;
animation:none !important;
transition:none !important;
}
.photo-main > .seal::before,
.photo-main > .seal::after{
animation:none !important;
}
.photo-main > .seal strong{
display:block !important;
margin:0 !important;
padding:0 !important;
font-family:"Inter", Arial, sans-serif !important;
font-size:48px !important;
line-height:.86 !important;
font-weight:800 !important;
letter-spacing:-2px !important;
text-align:center !important;
}
.photo-main > .seal span{
display:block !important;
width:88% !important;
margin:0 !important;
padding:0 !important;
font-family:"Inter", Arial, sans-serif !important;
font-size:9px !important;
line-height:1.25 !important;
font-weight:700 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
text-align:center !important;
animation:none !important;
transform:none !important;
}
/* FAIXA EDITORIAL — ocupa apenas o pequeno espaço sob a foto */
.hero-photo-bottomline--editorial{
position:absolute !important;
left:50% !important;
bottom:15px !important;
width:90% !important;
transform:translateX(-50%) !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
margin:0 !important;
padding:0 !important;
text-align:center !important;
}
.hero-bottom-kicker{
margin:0 !important;
padding:0 !important;
font-family:"Inter", Arial, sans-serif !important;
font-size:15px !important;
line-height:1.2 !important;
font-weight:700 !important;
color:var(--forest) !important;
text-align:center !important;
}
.hero-bottom-items{
width:100% !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex-wrap:wrap !important;
gap:10px 17px !important;
font-family:"Inter", Arial, sans-serif !important;
font-size:8.5px !important;
line-height:1.25 !important;
font-weight:600 !important;
color:rgba(23,60,49,.76) !important;
}
.hero-bottom-items span{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:6px !important;
margin:0 !important;
white-space:nowrap !important;
}
.hero-bottom-items span + span::before{
display:none !important;
}
.hero-bottom-items i{
font-size:9px !important;
color:var(--forest) !important;
}
/* cards de serviço sem numeração */
.service-number,
.service-card-body > span:first-child{
display:none !important;
}
.service-card-body h3{
margin-top:0 !important;
}
/* Tablet */
@media(max-width:1200px){
.photo-main{
aspect-ratio:1 / 1.21 !important;
}
.photo-main > .seal{
top:20px !important;
left:18px !important;
width:128px !important;
height:128px !important;
min-width:128px !important;
min-height:128px !important;
}
.photo-main > .seal strong{
font-size:43px !important;
}
.hero-bottom-kicker{
font-size:14px !important;
}
.hero-bottom-items{
gap:8px 13px !important;
font-size:8px !important;
}
}
/* Mobile */
@media(max-width:900px){
.hero-visual{
max-width:620px !important;
margin:0 auto !important;
}
.photo-main{
aspect-ratio:1 / 1.22 !important;
border-radius:70px 24px 30px 24px !important;
}
.photo-main > .seal{
top:16px !important;
left:14px !important;
width:112px !important;
height:112px !important;
min-width:112px !important;
min-height:112px !important;
}
.photo-main > .seal strong{
font-size:37px !important;
}
.photo-main > .seal span{
font-size:7.5px !important;
}
.hero-photo-bottomline--editorial{
bottom:12px !important;
width:92% !important;
gap:6px !important;
}
.hero-bottom-kicker{
font-size:13px !important;
}
.hero-bottom-items{
gap:6px 10px !important;
font-size:7.5px !important;
}
}
@media(max-width:600px){
.photo-main{
aspect-ratio:1 / 1.27 !important;
border-radius:54px 20px 26px 20px !important;
}
.photo-main > .seal{
top:12px !important;
left:11px !important;
width:96px !important;
height:96px !important;
min-width:96px !important;
min-height:96px !important;
}
.photo-main > .seal strong{
font-size:32px !important;
}
.photo-main > .seal span{
width:92% !important;
font-size:6.5px !important;
}
.hero-photo-bottomline--editorial{
bottom:10px !important;
gap:5px !important;
}
.hero-bottom-kicker{
font-size:11.5px !important;
}
.hero-bottom-items{
display:grid !important;
grid-template-columns:1fr 1fr !important;
gap:5px 8px !important;
font-size:6.8px !important;
}
.hero-bottom-items span:last-child{
grid-column:1 / -1 !important;
}
}
/* =========================================================
V19 — REFINO FINAL DE ALINHAMENTO
========================================================= */
/* HERO: bloco branco inferior totalmente centralizado */
.hero-photo-bottomline--editorial{
left:50% !important;
right:auto !important;
bottom:13px !important;
width:92% !important;
transform:translateX(-50%) !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
gap:11px !important;
margin:0 !important;
padding:0 8px !important;
text-align:center !important;
}
.hero-bottom-kicker{
width:100% !important;
max-width:none !important;
margin:0 auto !important;
padding:0 !important;
font-size:16px !important;
line-height:1.25 !important;
text-align:center !important;
}
.hero-bottom-items{
width:100% !important;
margin:0 auto !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
flex-wrap:wrap !important;
gap:12px 24px !important;
font-size:9.5px !important;
line-height:1.25 !important;
text-align:center !important;
}
.hero-bottom-items span{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
margin:0 !important;
padding:0 !important;
white-space:nowrap !important;
}
/* ícones maiores e mais legíveis */
.hero-bottom-items i{
width:18px !important;
min-width:18px !important;
height:18px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
font-size:14px !important;
line-height:1 !important;
color:var(--forest) !important;
}
/* SOLUÇÕES PERSONALIZADAS:
amplia as imagens que ficam à direita sem alterar a estrutura */
.solution-row .solution-media,
.solution-item .solution-media,
.solution-card .solution-media,
.solution-row .solution-image,
.solution-item .solution-image{
width:44% !important;
flex:0 0 44% !important;
}
.solution-row .solution-media img,
.solution-item .solution-media img,
.solution-card .solution-media img,
.solution-row .solution-image img,
.solution-item .solution-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
/* A estrutura atual usa .solution-card com imagem direta */
.solutions-grid .solution-card{
grid-template-columns:minmax(0, 1fr) minmax(190px, 42%) !important;
}
.solutions-grid .solution-card > img,
.solutions-grid .solution-card .photo,
.solutions-grid .solution-card .solution-photo{
width:100% !important;
min-width:0 !important;
}
/* Tablet */
@media(max-width:1200px){
.hero-photo-bottomline--editorial{
gap:9px !important;
}
.hero-bottom-kicker{
font-size:15px !important;
}
.hero-bottom-items{
gap:10px 18px !important;
font-size:9px !important;
}
.hero-bottom-items i{
width:17px !important;
min-width:17px !important;
height:17px !important;
font-size:13px !important;
}
}
/* Mobile */
@media(max-width:900px){
.hero-photo-bottomline--editorial{
bottom:11px !important;
width:94% !important;
gap:8px !important;
}
.hero-bottom-kicker{
font-size:13px !important;
}
.hero-bottom-items{
gap:8px 13px !important;
font-size:8.2px !important;
}
.hero-bottom-items i{
width:16px !important;
min-width:16px !important;
height:16px !important;
font-size:12px !important;
}
}
@media(max-width:600px){
.hero-photo-bottomline--editorial{
bottom:9px !important;
gap:6px !important;
}
.hero-bottom-kicker{
font-size:11.5px !important;
}
.hero-bottom-items{
display:flex !important;
justify-content:center !important;
gap:5px 10px !important;
font-size:7px !important;
}
.hero-bottom-items span{
white-space:normal !important;
}
.hero-bottom-items i{
width:14px !important;
min-width:14px !important;
height:14px !important;
font-size:11px !important;
}
}
/* V20 — maior legibilidade nos diferenciais abaixo do hero */
.hero-bottom-items{
font-size:11.5px !important;
gap:12px 25px !important;
}
.hero-bottom-items i{
width:20px !important;
min-width:20px !important;
height:20px !important;
font-size:15px !important;
}
@media(max-width:1200px){
.hero-bottom-items{font-size:10.5px !important}
.hero-bottom-items i{font-size:14px !important}
}
@media(max-width:900px){
.hero-bottom-items{font-size:9.5px !important}
.hero-bottom-items i{font-size:13px !important}
}
@media(max-width:600px){
.hero-bottom-items{font-size:8.5px !important}
.hero-bottom-items i{font-size:12px !important}
}
/* =========================================================
V21 — INTER + REFINOS DE ALINHAMENTO
========================================================= */
/* Tipografia global */
html,
body,
button,
input,
textarea,
select{
font-family:"Inter", Arial, sans-serif !important;
}
/* Remove "Inter" dos elementos que receberam override nas versões anteriores */
h1,h2,h3,h4,h5,h6,
.logo,
.eyebrow,
.seal,
.seal strong,
.seal span,
.experience-number,
.experience-copy,
.hero-bottom-kicker,
.hero-bottom-items,
.hero-photo-topline,
.hero-photo-bottomline{
font-family:"Inter", Arial, sans-serif !important;
}
/* Atendimento / WhatsApp do menu: ícone e texto realmente juntos */
.nav-cta,
.main-nav .nav-cta,
.main-nav a.nav-cta{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
white-space:nowrap !important;
}
.nav-cta i,
.main-nav .nav-cta i,
.main-nav a.nav-cta i{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:auto !important;
min-width:0 !important;
margin:0 !important;
padding:0 !important;
line-height:1 !important;
font-size:15px !important;
}
.nav-cta span,
.main-nav .nav-cta span{
margin:0 !important;
padding:0 !important;
line-height:1 !important;
}
/* Nossa Essência sem numeração */
.essence .section-number,
.essence .eyebrow-number,
.essence .number,
.essence-block .section-number,
.essence-block .eyebrow-number,
.essence-block .number{
display:none !important;
}
@media(max-width:900px){
.nav-cta,
.main-nav .nav-cta,
.main-nav a.nav-cta{
gap:9px !important;
}
}
/* =========================================================
V22 — INTER EM TODAS AS LISTAS / COMPONENTES
========================================================= */
.feature-list,
.feature-list *,
.check-list,
.check-list *,
.icon-list,
.icon-list *,
.benefit-list,
.benefit-list *,
.hero-bottom-items,
.hero-bottom-items *,
.solution-list,
.solution-list *,
.service-benefits,
.service-benefits *,
.about-list,
.about-list *,
.contact-list,
.contact-list *,
.process-list,
.process-list *,
ul,
ol,
li {
font-family:"Inter", Arial, sans-serif !important;
}
/* Font Awesome continua sendo usado exclusivamente pelo próprio ícone.
Evita sobrescrever a família interna necessária aos pictogramas. */
.fa,
.fas,
.far,
.fal,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
[class^="fa-"],
[class*=" fa-"] {
font-family:"Font Awesome 6 Free" !important;
}
.fa-brands {
font-family:"Font Awesome 6 Brands" !important;
}
/* =========================================================
V24 — NOSSA ESSÊNCIA REEQUILIBRADA
========================================================= */
/* remove definitivamente qualquer marcador numérico desse bloco */
.essence .section-number,
.essence .eyebrow-number,
.essence .number,
.essence-block .section-number,
.essence-block .eyebrow-number,
.essence-block .number,
.about-section .section-number{
display:none !important;
}
/*
* Reequilibra a composição:
* imagem recebe mais presença e texto fica em coluna ligeiramente menor.
*/
.essence-grid,
.essence .section-grid,
.essence-block,
.about-grid{
grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr) !important;
align-items:center !important;
gap:clamp(38px, 5vw, 76px) !important;
}
/* A estrutura atual também pode usar .split */
section.essence .split,
.essence-section .split{
grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr) !important;
align-items:center !important;
gap:clamp(38px, 5vw, 76px) !important;
}
/* imagem maior, mantendo proporção e acabamento */
.essence .photo,
.essence-block .photo,
.essence-image,
.about-grid .photo,
.essence-grid img{
width:100% !important;
min-height:480px !important;
height:clamp(480px, 42vw, 590px) !important;
object-fit:cover !important;
border-radius:28px !important;
}
/* conteúdo um pouco mais compacto para equilibrar com a nova imagem */
.essence-content,
.essence-copy,
.essence .content,
.about-grid .content{
max-width:560px !important;
}
.essence-content h2,
.essence-copy h2,
.essence h2{
margin-top:0 !important;
margin-bottom:20px !important;
}
.essence-content p,
.essence-copy p,
.essence .content p{
max-width:52ch !important;
}
/* tablet */
@media(max-width:1000px){
.essence-grid,
.essence .section-grid,
.essence-block,
.about-grid,
section.essence .split,
.essence-section .split{
grid-template-columns:1fr 1fr !important;
gap:34px !important;
}
.essence .photo,
.essence-block .photo,
.essence-image,
.about-grid .photo,
.essence-grid img{
min-height:430px !important;
height:480px !important;
}
}
/* mobile: imagem passa a ter destaque antes do conteúdo */
@media(max-width:760px){
.essence-grid,
.essence .section-grid,
.essence-block,
.about-grid,
section.essence .split,
.essence-section .split{
grid-template-columns:1fr !important;
gap:28px !important;
}
.essence .photo,
.essence-block .photo,
.essence-image,
.about-grid .photo,
.essence-grid img{
min-height:0 !important;
height:420px !important;
border-radius:24px !important;
}
.essence-content,
.essence-copy,
.essence .content,
.about-grid .content{
max-width:none !important;
}
}
@media(max-width:520px){
.essence .photo,
.essence-block .photo,
.essence-image,
.about-grid .photo,
.essence-grid img{
height:350px !important;
}
}
/* =========================================================
V25 — QUEM SOMOS / HISTÓRIA DE TRÊS GERAÇÕES
========================================================= */
.about-story{
padding-top:84px;
}
.about-story-grid{
display:grid;
grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
gap:clamp(50px,7vw,100px);
align-items:start;
}
.about-story-intro h2{
margin:14px 0 24px;
font-size:clamp(38px,4.5vw,66px);
line-height:1.02;
letter-spacing:-.045em;
}
.about-lead{
max-width:470px;
font-size:18px;
line-height:1.7;
color:var(--muted);
}
.about-story-copy{
padding-top:36px;
}
.about-story-copy p{
max-width:690px;
margin:0 0 22px;
font-size:16px;
line-height:1.85;
color:var(--muted);
}
.about-story-copy strong,
.about-lead strong{
color:var(--forest);
}
.about-legacy{
margin-top:68px;
padding:42px 46px;
display:grid;
grid-template-columns:210px 1fr;
gap:46px;
align-items:center;
border:1px solid rgba(23,60,49,.09);
border-radius:28px;
background:#fff;
box-shadow:0 20px 60px rgba(23,60,49,.06);
}
.about-legacy-year{
min-height:140px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
border-right:1px solid rgba(23,60,49,.12);
text-align:center;
}
.about-legacy-year strong{
font-size:52px;
line-height:1;
color:var(--forest);
letter-spacing:-.04em;
}
.about-legacy-year span{
margin-top:10px;
max-width:130px;
font-size:11px;
line-height:1.4;
font-weight:600;
color:var(--muted);
}
.about-legacy-text h3{
margin:0 0 12px;
font-size:25px;
line-height:1.2;
}
.about-legacy-text p{
max-width:700px;
margin:0;
font-size:15px;
line-height:1.75;
color:var(--muted);
}
.about-signature{
margin:52px auto 10px;
text-align:center;
}
.about-signature span{
display:block;
margin-bottom:8px;
font-size:11px;
font-weight:700;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--muted);
}
.about-signature strong{
display:block;
font-size:clamp(22px,2.5vw,34px);
line-height:1.25;
color:var(--forest);
}
@media(max-width:850px){
.about-story-grid{
grid-template-columns:1fr;
gap:18px;
}
.about-story-copy{padding-top:0}
.about-legacy{
grid-template-columns:1fr;
gap:24px;
padding:34px 28px;
}
.about-legacy-year{
min-height:auto;
padding-bottom:25px;
border-right:0;
border-bottom:1px solid rgba(23,60,49,.12);
}
}
/* =========================================================
V26 — SOLUÇÕES PERSONALIZADAS / CONTEÚDO DA CLIENTE
========================================================= */
.solution-item{
grid-template-columns:1fr 150px !important;
gap:34px !important;
align-items:center !important;
}
.solution-item>span{
display:none !important;
}
.solution-item>div{
min-width:0;
}
.solution-item h3{
margin-bottom:9px !important;
}
.solution-item p{
max-width:760px !important;
line-height:1.7 !important;
}
.solution-link{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:14px;
font-size:12px;
font-weight:700;
color:#fff;
opacity:.9;
transition:.2s;
}
.solution-link:hover{
opacity:1;
gap:11px;
}
.solution-link i{
font-size:10px;
}
.solution-item:after{
grid-column:2 !important;
grid-row:1 !important;
width:145px !important;
height:96px !important;
border-radius:18px !important;
}
/* páginas individuais das soluções */
.solution-page-hero .service-hero-photo{
min-height:560px;
}
.solution-environment{
padding:20px 0 115px;
}
@media(max-width:900px){
.solution-item{
grid-template-columns:1fr !important;
gap:16px !important;
}
.solution-item:after{
grid-column:1 !important;
grid-row:auto !important;
width:100% !important;
height:190px !important;
margin-top:2px !important;
}
.solution-page-hero .service-hero-photo{
min-height:430px;
}
}
/* =========================================================
V28 — VERDE DA MARCA + TÍTULOS SEM PRETO
========================================================= */
:root{
--brand-green:#61CE70;
}
/* Títulos passam a usar o verde solicitado pela cliente */
h1,h2,h3,h4,h5,h6,
.section-title,
.hero-copy h1,
.service-hero-copy h1,
.service-hero-copy h1 span,
.about-story-intro h2,
.about-legacy-text h3,
.about-signature strong,
.hero-bottom-kicker,
.solution-item h3,
.related-head h2,
.related-card h3,
.highlight-copy h2,
.cta h2{
color:#61CE70 !important;
}
/* mantém a hierarquia sem recorrer ao preto */
.hero-copy h1 strong,
h1 strong,h2 strong,h3 strong{
color:#61CE70 !important;
}
/* texto abaixo da foto do hero */
.hero-bottom-kicker{
color:#61CE70 !important;
font-weight:700 !important;
}
.heart-accent{
display:inline-block;
margin-left:4px;
font-family:Arial,sans-serif !important;
font-size:.95em;
line-height:1;
vertical-align:baseline;
}
/* pequenos elementos verdes acompanham o novo tom */
.eyebrow,
.text-link,
.solution-link,
.hero-bottom-items i{
color:#61CE70;
}
/* =========================================================
V29 — HERO EM 3 LINHAS + SOLUÇÕES MAIS LEVES
========================================================= */
/* Redução sutil: mantém impacto, mas acomoda o título em ~3 linhas no desktop */
.hero-copy h1{
font-size:clamp(42px,4.45vw,67px) !important;
line-height:1.04 !important;
letter-spacing:-.045em !important;
max-width:680px !important;
}
/* Soluções personalizadas: mantém contraste, mas troca o fundo pesado
por um verde claro e sofisticado. */
.solutions{
background:#eef4ef !important;
color:#365a3b !important;
}
.solutions .eyebrow{
color:#61CE70 !important;
}
.solutions h2,
.solutions .section-title,
.solutions .solutions-head h2{
color:#61CE70 !important;
}
.solutions .solutions-head p,
.solutions .section-head p{
color:#607563 !important;
}
/* Cards claros, com separação delicada */
.solution-item{
background:rgba(255,255,255,.68) !important;
border-color:rgba(98,145,103,.18) !important;
color:#365a3b !important;
}
.solution-item h3{
color:#61CE70 !important;
}
.solution-item p{
color:#58705c !important;
}
.solution-link{
color:#527d57 !important;
opacity:1 !important;
}
.solution-link:hover{
color:#3f6844 !important;
}
/* imagens continuam com presença, mas integradas ao novo fundo */
.solution-item:after{
box-shadow:0 10px 28px rgba(53,91,59,.10) !important;
}
/* divisórias/linhas que antes dependiam do fundo escuro */
.solutions .solution-item,
.solutions .solution-list{
border-color:rgba(98,145,103,.18) !important;
}
@media(max-width:900px){
.hero-copy h1{
font-size:clamp(40px,8vw,58px) !important;
max-width:620px !important;
}
}
@media(max-width:600px){
.hero-copy h1{
font-size:clamp(36px,11vw,48px) !important;
line-height:1.05 !important;
}
}
/* =========================================================
V30 — SOLUÇÕES SEM CARDS BRANCOS
========================================================= */
/* Integra os itens ao fundo da própria seção */
.solutions .solution-item{
background:transparent !important;
box-shadow:none !important;
border:0 !important;
border-bottom:1px solid rgba(98,145,103,.22) !important;
border-radius:0 !important;
padding-left:0 !important;
padding-right:0 !important;
}
/* último item sem linha */
.solutions .solution-item:last-child{
border-bottom:0 !important;
}
/* microinteração discreta sem transformar em card */
.solutions .solution-item{
transition:transform .22s ease, opacity .22s ease !important;
}
.solutions .solution-item:hover{
transform:translateX(5px) !important;
}
/* imagem mantém leve profundidade para dar acabamento */
.solutions .solution-item:after{
box-shadow:0 12px 28px rgba(53,91,59,.13) !important;
}
/* texto mais integrado ao fundo */
.solutions .solution-item h3{
color:#527f58 !important;
}
.solutions .solution-item p{
color:#58705c !important;
}
/* =========================================================
V31 — DESTAQUE PEGN INTEGRADO À NOVA IDENTIDADE
========================================================= */
/* substitui o azul escuro pelo verde institucional */
.press,
.press-feature,
.pegn,
.pegn-block,
.media-highlight{
background:#527A57 !important;
}
/* títulos e textos claros, sem voltar ao preto */
.press h2,
.press h3,
.press-feature h2,
.press-feature h3,
.pegn h2,
.pegn h3,
.pegn-block h2,
.pegn-block h3,
.media-highlight h2,
.media-highlight h3{
color:#fff !important;
}
.press p,
.press-feature p,
.pegn p,
.pegn-block p,
.media-highlight p{
color:rgba(255,255,255,.84) !important;
}
/* pequenos destaques em amarelo suave da identidade */
.press .eyebrow,
.press-feature .eyebrow,
.pegn .eyebrow,
.pegn-block .eyebrow,
.media-highlight .eyebrow{
color:#FFFCC3 !important;
}
/* CTA da matéria com acabamento mais leve */
.press a,
.press-feature a,
.pegn a,
.pegn-block a,
.media-highlight a{
color:#FFFCC3 !important;
}
/* Caso a implementação atual use a classe específica .press-card */
.press-card{
background:#527A57 !important;
border-color:rgba(255,255,255,.12) !important;
box-shadow:0 18px 50px rgba(53,91,59,.14) !important;
}
.press-card h2,
.press-card h3{
color:#fff !important;
}
.press-card p{
color:rgba(255,255,255,.84) !important;
}
.press-card .eyebrow,
.press-card a{
color:#FFFCC3 !important;
}
/* =========================================================
V32 — CTAs VIBRANTES + HERO + PEGN EM DESTAQUE
========================================================= */
/* WhatsApp: amarelo vibrante, coerente com o creme/amarelo da marca */
a.btn[href*="api.whatsapp.com"],
a.btn[href*="whatsapp"]{
background:#FFE44D !important;
color:#315b38 !important;
border:1px solid #FFE44D !important;
box-shadow:0 10px 25px rgba(114,100,28,.16) !important;
}
a.btn[href*="api.whatsapp.com"]:hover,
a.btn[href*="whatsapp"]:hover{
background:#FFD82F !important;
border-color:#FFD82F !important;
color:#294f30 !important;
box-shadow:0 14px 30px rgba(114,100,28,.22) !important;
}
/* botão secundário do hero */
.hero-actions .btn-secondary{
background:transparent !important;
color:#61CE70 !important;
border:1.5px solid #61CE70 !important;
box-shadow:none !important;
padding:16px 22px !important;
font-size:14px !important;
}
.hero-actions .btn-secondary:hover{
background:#61CE70 !important;
color:#fff !important;
}
.hero-actions .btn-secondary i{
font-size:12px !important;
}
/* tópicos com ícones abaixo dos botões */
.hero-trust.hero-trust-icons{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px !important;
margin-top:32px !important;
max-width:720px !important;
}
.hero-trust-icons .hero-trust-item{
display:flex !important;
align-items:flex-start !important;
gap:11px !important;
min-width:0 !important;
}
.hero-trust-icons .hero-trust-item i{
flex:0 0 32px !important;
width:32px !important;
height:32px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:50% !important;
background:#eef4ef !important;
color:#61CE70 !important;
font-size:14px !important;
}
.hero-trust-icons .hero-trust-item span{
display:block !important;
color:#607064 !important;
font-size:12.5px !important;
line-height:1.42 !important;
}
.hero-trust-icons .hero-trust-item strong{
display:block !important;
margin-bottom:2px !important;
color:#527A57 !important;
font-size:13.5px !important;
line-height:1.25 !important;
}
/* PEGN agora vem imediatamente após o hero */
.hero + .press{
padding:34px 0 105px !important;
background:var(--paper) !important;
}
.hero + .press .press-card{
box-shadow:0 20px 55px rgba(53,91,59,.13) !important;
}
/* botão flutuante continua reconhecível como WhatsApp,
mas recebe acabamento alinhado à nova paleta */
.whatsapp-float{
background:#FFE44D !important;
color:#315b38 !important;
box-shadow:0 10px 28px rgba(114,100,28,.24) !important;
}
.whatsapp-float:hover{
background:#FFD82F !important;
transform:translateY(-2px) !important;
}
@media(max-width:1100px){
.hero-trust.hero-trust-icons{
grid-template-columns:1fr 1fr !important;
}
.hero-trust-icons .hero-trust-item:last-child{
grid-column:1/-1 !important;
max-width:360px !important;
}
}
@media(max-width:600px){
.hero-trust.hero-trust-icons{
grid-template-columns:1fr !important;
gap:13px !important;
margin-top:26px !important;
}
.hero-trust-icons .hero-trust-item:last-child{
grid-column:auto !important;
max-width:none !important;
}
.hero-trust-icons .hero-trust-item span{
font-size:13px !important;
}
.hero-trust-icons .hero-trust-item strong{
font-size:14px !important;
}
.hero-actions .btn-secondary{
width:100% !important;
}
}
/* =========================================================
V33 — SECAGEM + TAMANHOS DE TEXTO MAIS PROPORCIONAIS
========================================================= */
/* Textos de apoio passam a ter tamanho mais próximo do corpo padrão */
.hero-bottom-items{
font-size:13.5px !important;
line-height:1.4 !important;
gap:12px 22px !important;
}
.hero-bottom-items i{
width:21px !important;
min-width:21px !important;
height:21px !important;
font-size:15px !important;
}
.hero-trust-icons .hero-trust-item span{
font-size:14px !important;
line-height:1.45 !important;
}
.hero-trust-icons .hero-trust-item strong{
font-size:14.5px !important;
}
.service-mini-card span,
.about-legacy-year span,
.related-card > span,
.service-kicker,
.solution-link,
.breadcrumb{
font-size:13px !important;
line-height:1.4 !important;
}
.eyebrow{
font-size:12.5px !important;
}
.service-card p,
.solution-item p,
.related-card p,
.benefit span,
.service-panel p,
.process-card p,
.highlight-copy p{
font-size:15px !important;
line-height:1.7 !important;
}
/* Home — destaque de secagem */
.service-feature-drying .service-content{
padding-top:34px !important;
padding-bottom:34px !important;
}
.service-kicker{
display:block;
margin-bottom:8px;
color:#61CE70;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
}
.service-feature-drying .service-content > p{
font-size:15.5px !important;
line-height:1.65 !important;
}
.drying-home-details{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px 18px;
margin:18px 0 14px;
}
.drying-home-details span{
display:flex;
align-items:flex-start;
gap:9px;
font-size:13.5px;
line-height:1.45;
color:#58705c;
}
.drying-home-details i{
margin-top:3px;
min-width:17px;
color:#61CE70;
font-size:14px;
}
.drying-where{
margin-top:8px !important;
font-size:13.5px !important;
color:#667568 !important;
}
/* Página de secagem — novo bloco detalhado */
.drying-emergency{
padding:105px 0;
background:#eef4ef;
}
.drying-emergency-head{
max-width:820px;
margin:0 auto 44px;
text-align:center;
}
.drying-emergency-head h2{
margin:12px 0 18px;
}
.drying-emergency-head p{
margin:0 auto;
max-width:760px;
font-size:16px;
line-height:1.75;
color:#5d6f61;
}
.drying-emergency-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:22px;
}
.drying-info-card{
padding:30px 28px;
border:1px solid rgba(98,145,103,.16);
border-radius:24px;
background:rgba(255,255,255,.72);
}
.drying-info-card > i{
width:44px;
height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
margin-bottom:18px;
border-radius:50%;
background:#FFFCC3;
color:#527A57;
font-size:18px;
}
.drying-info-card h3{
margin:0 0 11px;
font-size:21px;
}
.drying-info-card p{
margin:0;
font-size:15px;
line-height:1.7;
color:#5d6f61;
}
/* Ajustes responsivos sem voltar a micro-fontes */
@media(max-width:900px){
.hero-bottom-items{font-size:12.5px !important}
.hero-trust-icons .hero-trust-item span{font-size:13.5px !important}
.hero-trust-icons .hero-trust-item strong{font-size:14px !important}
.drying-home-details{grid-template-columns:1fr}
.drying-emergency-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
.hero-bottom-items{
font-size:11.5px !important;
line-height:1.35 !important;
}
.hero-trust-icons .hero-trust-item span{
font-size:13px !important;
}
.service-mini-card span,
.about-legacy-year span,
.related-card > span,
.service-kicker,
.solution-link,
.breadcrumb{
font-size:12px !important;
}
}
/* =========================================================
V35 — HERO ANA PAULA + TIPOGRAFIA + MOBILE
========================================================= */
/* Texto pessoal do hero */
.hero-about-text{
max-width:680px;
margin-top:22px;
}
.hero-about-text p{
margin:0 0 12px !important;
font-size:16px !important;
line-height:1.68 !important;
color:#56665a !important;
}
.hero-about-text strong{
color:#527A57 !important;
font-weight:700 !important;
}
.hero-about-text .hero-about-signoff{
margin-top:16px !important;
margin-bottom:0 !important;
color:#527A57 !important;
font-weight:600 !important;
}
/* Padronização das listas/tópicos: evita microfontes */
.hero-trust-icons .hero-trust-item span,
.hero-trust-icons .hero-trust-item strong,
.hero-bottom-items,
.drying-home-details span,
.benefit span,
.service-panel li,
.highlight-copy li,
.solution-item p,
.related-card p,
.service-card p,
.process-card p{
font-size:16px !important;
line-height:1.6 !important;
}
.hero-trust-icons .hero-trust-item strong{
line-height:1.35 !important;
}
.hero-trust-icons .hero-trust-item i{
flex:0 0 38px !important;
width:38px !important;
height:38px !important;
font-size:16px !important;
}
.hero-bottom-items i{
font-size:17px !important;
}
/* Evita textos pequenos sobre a fotografia do hero no mobile.
O selo de 17 anos continua como elemento visual; textos auxiliares
passam para uma área legível e não competem com a imagem. */
@media(max-width:900px){
.hero-grid{
align-items:start !important;
}
.hero-about-text{
max-width:none !important;
}
.hero-about-text p{
font-size:15.5px !important;
line-height:1.65 !important;
}
.hero-trust.hero-trust-icons{
grid-template-columns:1fr !important;
max-width:none !important;
}
.hero-trust-icons .hero-trust-item:last-child{
grid-column:auto !important;
max-width:none !important;
}
.hero-trust-icons .hero-trust-item span,
.hero-trust-icons .hero-trust-item strong,
.hero-bottom-items,
.drying-home-details span,
.benefit span,
.service-panel li,
.highlight-copy li{
font-size:15px !important;
}
}
@media(max-width:600px){
/* fotografia fica isolada visualmente */
.hero-visual{
position:relative !important;
overflow:visible !important;
}
/* cards/textos que estavam sobre a imagem deixam de sobrepor no celular */
.hero-card,
.hero-mini-card,
.hero-visual .service-mini-card{
position:relative !important;
inset:auto !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
width:100% !important;
max-width:none !important;
margin:14px 0 0 !important;
transform:none !important;
}
.hero-about-text p{
font-size:15px !important;
line-height:1.62 !important;
}
.hero-trust-icons .hero-trust-item span,
.hero-trust-icons .hero-trust-item strong,
.hero-bottom-items,
.drying-home-details span,
.benefit span,
.service-panel li,
.highlight-copy li,
.solution-item p,
.related-card p,
.service-card p,
.process-card p{
font-size:15px !important;
line-height:1.55 !important;
}
.hero-bottom-items{
gap:12px !important;
}
}
/* =========================================================
V36 — HERO: TEXTO E LISTA FORA DA FOTO TAMBÉM NO DESKTOP
========================================================= */
/*
* A foto continua sendo o elemento visual principal.
* O bloco "17 anos cuidando..." e os três tópicos passam a ocupar
* uma faixa própria abaixo da imagem, sem qualquer sobreposição.
*/
.hero-visual .photo-main{
display:flex !important;
flex-direction:column !important;
overflow:visible !important;
}
/* mantém apenas a fotografia dentro da área visual;
o conteúdo editorial é posicionado no fluxo logo abaixo */
.hero-photo-bottomline.hero-photo-bottomline--editorial{
position:relative !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
transform:none !important;
width:100% !important;
margin-top:auto !important;
padding:22px 24px 20px !important;
background:#fff !important;
border-radius:0 0 24px 24px !important;
box-shadow:0 14px 34px rgba(53,91,59,.08) !important;
z-index:3 !important;
}
.hero-bottom-kicker{
position:static !important;
margin:0 0 16px !important;
text-align:center !important;
font-size:17px !important;
line-height:1.4 !important;
}
.hero-bottom-items{
position:static !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:14px 20px !important;
width:100% !important;
margin:0 !important;
}
.hero-bottom-items > span{
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:9px !important;
min-width:0 !important;
text-align:center !important;
font-size:15px !important;
line-height:1.45 !important;
color:#56665a !important;
}
.hero-bottom-items > span i{
flex:0 0 auto !important;
color:#61CE70 !important;
}
/* Compensa a faixa editorial para preservar a proporção do hero */
.hero-visual{
align-self:start !important;
}
/* No celular, mantém tudo abaixo e empilha os tópicos */
@media(max-width:700px){
.hero-photo-bottomline.hero-photo-bottomline--editorial{
padding:20px 18px !important;
border-radius:0 0 20px 20px !important;
}
.hero-bottom-kicker{
font-size:16px !important;
margin-bottom:15px !important;
}
.hero-bottom-items{
grid-template-columns:1fr !important;
gap:11px !important;
}
.hero-bottom-items > span{
justify-content:flex-start !important;
text-align:left !important;
font-size:15px !important;
}
}
/* =========================================================
V37 — BLOCO ABAIXO DO HERO FORA DA FOTO
========================================================= */
.hero-visual{
position:relative !important;
display:flex !important;
flex-direction:column !important;
width:100% !important;
overflow:visible !important;
}
/* somente a imagem + selo */
.hero-visual .photo-main{
position:relative !important;
width:100% !important;
aspect-ratio:1 / 1 !important;
height:auto !important;
min-height:0 !important;
background-size:contain !important;
background-position:center top !important;
background-repeat:no-repeat !important;
background-color:#fff !important;
overflow:hidden !important;
border-radius:92px 28px 0 0 !important;
}
/* faixa branca agora é irmã da imagem, não fica mais sobre ela */
.hero-visual > .hero-photo-bottomline--editorial{
position:relative !important;
inset:auto !important;
left:auto !important;
right:auto !important;
top:auto !important;
bottom:auto !important;
transform:none !important;
width:100% !important;
margin:0 !important;
padding:24px 28px 26px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
background:#fff !important;
border-radius:0 0 28px 28px !important;
box-shadow:0 16px 36px rgba(53,91,59,.08) !important;
text-align:center !important;
}
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-kicker{
width:100% !important;
margin:0 0 20px !important;
padding:0 !important;
font-size:17px !important;
line-height:1.35 !important;
font-weight:700 !important;
text-align:center !important;
color:#61CE70 !important;
}
/* três colunas independentes, sem sobreposição */
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items{
width:100% !important;
margin:0 !important;
padding:0 !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:20px !important;
align-items:start !important;
}
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items > span{
min-width:0 !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:flex-start !important;
gap:8px !important;
white-space:normal !important;
text-align:center !important;
font-size:15px !important;
line-height:1.45 !important;
color:#56665a !important;
}
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items > span i{
width:36px !important;
height:36px !important;
min-width:36px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:50% !important;
background:#eef4ef !important;
color:#61CE70 !important;
font-size:16px !important;
}
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items > span::before{
display:none !important;
}
/* tablet/mobile */
@media(max-width:900px){
.hero-visual .photo-main{
border-radius:70px 24px 0 0 !important;
}
.hero-visual > .hero-photo-bottomline--editorial{
padding:22px 22px 24px !important;
border-radius:0 0 24px 24px !important;
}
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items{
grid-template-columns:1fr !important;
gap:14px !important;
}
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items > span{
flex-direction:row !important;
justify-content:flex-start !important;
text-align:left !important;
gap:11px !important;
}
}
@media(max-width:600px){
.hero-visual .photo-main{
border-radius:54px 20px 0 0 !important;
}
.hero-visual > .hero-photo-bottomline--editorial{
padding:20px 18px 22px !important;
border-radius:0 0 20px 20px !important;
}
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-kicker{
margin-bottom:16px !important;
font-size:16px !important;
}
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items > span{
font-size:15px !important;
}
}
/* =========================================================
V38 — CENTRALIZAÇÃO DA LISTA DO HERO NO MOBILE
========================================================= */
@media(max-width:900px){
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items > span{
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
width:100% !important;
}
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items{
justify-items:center !important;
}
}
@media(max-width:600px){
.hero-visual > .hero-photo-bottomline--editorial .hero-bottom-items > span{
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
}
}
/* =========================================================
V42 — HOME: TODOS OS SERVIÇOS NO PADRÃO DO DESTAQUE
========================================================= */
.services-feature-list{
display:flex;
flex-direction:column;
gap:28px;
margin-top:28px;
}
.service-feature-standard{
min-height:360px !important;
}
.service-feature-standard .service-photo{
min-height:360px !important;
}
.service-feature-standard .service-content{
padding:38px 42px !important;
}
.service-feature-standard.service-feature-reverse{
grid-template-columns:1fr 1.08fr !important;
}
.service-feature-standard.service-feature-reverse .service-photo{
order:2;
}
.service-feature-standard.service-feature-reverse .service-content{
order:1;
}
.service-home-details{
display:grid;
grid-template-columns:1fr;
gap:9px;
margin:18px 0 20px;
}
.service-home-details span{
display:flex;
align-items:center;
gap:10px;
font-size:15px;
line-height:1.45;
color:#58705c;
}
.service-home-details i{
width:24px;
min-width:24px;
text-align:center;
color:#61CE70;
font-size:15px;
}
@media(max-width:900px){
.service-feature-standard,
.service-feature-standard.service-feature-reverse{
grid-template-columns:1fr !important;
}
.service-feature-standard.service-feature-reverse .service-photo,
.service-feature-standard.service-feature-reverse .service-content{
order:initial;
}
.service-feature-standard .service-photo{
min-height:300px !important;
}
}
@media(max-width:600px){
.services-feature-list{gap:22px}
.service-feature-standard .service-content{padding:28px 22px !important}
.service-feature-standard .service-photo{min-height:240px !important}
.service-home-details span{font-size:15px}
}
/* V45 — detalhes adicionais em Soluções personalizadas */
.solution-mini-details{display:flex;flex-direction:column;gap:7px;margin:14px 0 4px}
.solution-mini-details span{display:flex;align-items:flex-start;gap:9px;font-size:15px;line-height:1.5}
.solution-mini-details i{width:18px;min-width:18px;margin-top:3px;text-align:center}
\n/* V46 — fotos solicitadas */
.about-photo{
background-image:url('assets/ana-paula-equipamento.jpg') !important;
background-size:contain !important;
background-repeat:no-repeat !important;
background-position:center center !important;
background-color:#f4f4f2 !important;
}
.solution-item.solution-with-image{
grid-template-columns:180px minmax(0,1fr) 40px !important;
gap:28px !important;
align-items:center !important;
}
.solution-thumb{width:180px;height:128px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.08)}
.solution-thumb img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:700px){
.solution-item.solution-with-image{grid-template-columns:1fr !important;gap:18px !important}
.solution-thumb{width:100%;height:auto;aspect-ratio:16/9}
.solution-item.solution-with-image:after{display:none}
.about-photo{height:auto !important;aspect-ratio:720/1254;background-size:contain !important}
}
/* =========================================================
V47 — PREMIUM PET SEM CORTE
========================================================= */
.solutions .solution-item-pet{
display:grid !important;
grid-template-columns:180px minmax(0,1fr) !important;
gap:28px !important;
align-items:center !important;
min-height:150px !important;
overflow:visible !important;
}
.solutions .solution-item-pet .solution-thumb{
width:180px !important;
height:118px !important;
min-width:180px !important;
overflow:hidden !important;
border-radius:18px !important;
background:#fff !important;
box-shadow:0 12px 28px rgba(53,91,59,.12) !important;
}
.solutions .solution-item-pet .solution-thumb img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
}
.solutions .solution-item-pet .solution-pet-copy{
min-width:0 !important;
width:100% !important;
overflow:visible !important;
}
.solutions .solution-item-pet .solution-pet-copy h3,
.solutions .solution-item-pet .solution-pet-copy p,
.solutions .solution-item-pet .solution-pet-copy a{
position:relative !important;
max-width:none !important;
overflow:visible !important;
}
@media(max-width:900px){
.solutions .solution-item-pet{
grid-template-columns:1fr !important;
}
.solutions .solution-item-pet .solution-thumb{
width:100% !important;
height:220px !important;
min-width:0 !important;
}
}
@media(max-width:600px){
.solutions .solution-item-pet .solution-thumb{
height:190px !important;
}
}
/* =========================================================
V48 — IMAGENS SOLUÇÕES + PREMIUM PET SEM DUPLICAÇÃO
========================================================= */
/* Premium Pet: remove completamente a imagem antiga criada por pseudo-elemento */
.solutions .solution-item-pet::after,
.solutions .solution-item-pet:after{
content:none !important;
display:none !important;
background:none !important;
background-image:none !important;
}
/* garante que o item use somente a nova foto enviada */
.solutions .solution-item-pet{
grid-template-columns:230px minmax(0,1fr) !important;
gap:32px !important;
}
.solutions .solution-item-pet .solution-thumb{
width:230px !important;
min-width:230px !important;
height:150px !important;
min-height:150px !important;
border-radius:20px !important;
}
.solutions .solution-item-pet .solution-thumb img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
}
/* Demais soluções:
aumenta a imagem lateral que já existia no layout */
.solutions .solution-item:not(.solution-item-pet){
grid-template-columns:minmax(0,1fr) 210px !important;
gap:34px !important;
align-items:center !important;
}
.solutions .solution-item:not(.solution-item-pet)::after,
.solutions .solution-item:not(.solution-item-pet):after{
width:210px !important;
height:138px !important;
border-radius:20px !important;
justify-self:end !important;
box-shadow:0 14px 30px rgba(53,91,59,.12) !important;
}
/* itens com imagem HTML explícita também seguem o novo tamanho */
.solutions .solution-item .solution-thumb,
.solutions .solution-item .solution-media{
width:210px;
min-width:210px;
height:138px;
min-height:138px;
}
/* Mobile: uma única imagem por item e largura total */
@media(max-width:900px){
.solutions .solution-item,
.solutions .solution-item:not(.solution-item-pet),
.solutions .solution-item-pet{
grid-template-columns:1fr !important;
gap:18px !important;
}
.solutions .solution-item:not(.solution-item-pet)::after,
.solutions .solution-item:not(.solution-item-pet):after{
width:100% !important;
height:220px !important;
justify-self:stretch !important;
}
.solutions .solution-item-pet .solution-thumb,
.solutions .solution-item .solution-thumb,
.solutions .solution-item .solution-media{
width:100% !important;
min-width:0 !important;
height:220px !important;
}
}
@media(max-width:600px){
.solutions .solution-item:not(.solution-item-pet)::after,
.solutions .solution-item:not(.solution-item-pet):after,
.solutions .solution-item-pet .solution-thumb,
.solutions .solution-item .solution-thumb,
.solutions .solution-item .solution-media{
height:190px !important;
}
}
/* =========================================================
V49 — PREMIUM PET: IMAGEM ALINHADA À DIREITA
========================================================= */
@media(min-width:901px){
.solutions .solution-item-pet{
grid-template-columns:minmax(0,1fr) 210px !important;
gap:34px !important;
align-items:center !important;
}
.solutions .solution-item-pet .solution-pet-copy{
grid-column:1 !important;
grid-row:1 !important;
order:1 !important;
}
.solutions .solution-item-pet .solution-thumb{
grid-column:2 !important;
grid-row:1 !important;
order:2 !important;
justify-self:end !important;
width:210px !important;
min-width:210px !important;
height:138px !important;
min-height:138px !important;
margin:0 !important;
}
}
/* =========================================================
V50 — NOVOS ITENS: MESMO ALINHAMENTO DAS DEMAIS SOLUÇÕES
========================================================= */
@media(min-width:901px){
.solutions .solution-item-new{
display:grid !important;
grid-template-columns:minmax(0,1fr) 210px !important;
gap:34px !important;
align-items:center !important;
overflow:visible !important;
}
/* texto à esquerda */
.solutions .solution-item-new > div:not(.solution-thumb){
grid-column:1 !important;
grid-row:1 !important;
min-width:0 !important;
}
/* única imagem à direita */
.solutions .solution-item-new > .solution-thumb{
grid-column:2 !important;
grid-row:1 !important;
justify-self:end !important;
width:210px !important;
min-width:210px !important;
height:138px !important;
min-height:138px !important;
margin:0 !important;
overflow:hidden !important;
border-radius:20px !important;
}
.solutions .solution-item-new > .solution-thumb img{
display:block !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
}
/* remove o placeholder/pseudo-imagem que aparecia à direita */
.solutions .solution-item-new::after,
.solutions .solution-item-new:after{
content:none !important;
display:none !important;
width:0 !important;
height:0 !important;
background:none !important;
}
}
@media(max-width:900px){
.solutions .solution-item-new{
display:grid !important;
grid-template-columns:1fr !important;
gap:18px !important;
}
.solutions .solution-item-new > div:not(.solution-thumb){
grid-row:1 !important;
}
.solutions .solution-item-new > .solution-thumb{
grid-row:2 !important;
width:100% !important;
min-width:0 !important;
height:220px !important;
margin:0 !important;
overflow:hidden !important;
border-radius:20px !important;
}
.solutions .solution-item-new > .solution-thumb img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
.solutions .solution-item-new::after,
.solutions .solution-item-new:after{
content:none !important;
display:none !important;
}
}
/* V51 foto real bloco qualidade */
.about-photo.about-photo-real{background:none!important;background-image:none!important;height:650px!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;border-radius:30px!important;background-color:#f4f4f2!important}.about-photo.about-photo-real>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;margin:0!important}.about-photo.about-photo-real .about-badge{z-index:2!important}@media(max-width:900px){.about-photo.about-photo-real{height:auto!important;aspect-ratio:720/1254!important}}
/* =========================================================
V52 — BLOCO QUALIDADE: FOTO INTEIRA, ALTURA EQUILIBRADA
========================================================= */
.about-photo.about-photo-real{
height:540px !important;
min-height:0 !important;
align-self:center !important;
overflow:hidden !important;
background:#f4f4f2 !important;
}
.about-photo.about-photo-real > img{
width:100% !important;
height:100% !important;
object-fit:contain !important;
object-position:center center !important;
}
.about-photo.about-photo-real .about-badge{
bottom:34px !important;
right:-28px !important;
}
/* impede que a altura antiga da foto force o bloco e crie sobreposição
com a seção seguinte */
.about-grid{
align-items:center !important;
}
.about{
overflow:visible !important;
}
@media(max-width:1100px) and (min-width:901px){
.about-photo.about-photo-real{
height:500px !important;
}
}
@media(max-width:900px){
.about-photo.about-photo-real{
width:min(100%,560px) !important;
height:auto !important;
aspect-ratio:720/1254 !important;
margin-inline:auto !important;
}
.about-photo.about-photo-real .about-badge{
right:18px !important;
bottom:24px !important;
}
}
@media(max-width:600px){
.about-photo.about-photo-real{
width:100% !important;
height:auto !important;
aspect-ratio:720/1254 !important;
}
}
/* =========================================================
V53 — VERDE MAIS VIVO + SUBMENU SOLUÇÕES + NOVAS IMAGENS
========================================================= */
:root{--brand-green:#61CE70;}
.nav-solutions-dropdown{position:relative}
.submenu-solutions{width:265px}
/* Evita pseudo-imagens antigas nos itens que agora têm foto real */
.solution-item-vegan:after,
.solution-item-professional:after{display:none !important;content:none !important}
.solution-item-vegan,
.solution-item-professional{
grid-template-columns:170px minmax(0,1fr) !important;
align-items:center !important;
}
.solution-item-vegan .solution-thumb,
.solution-item-professional .solution-thumb{
width:170px !important;
height:118px !important;
border-radius:18px !important;
overflow:hidden !important;
}
.solution-item-vegan .solution-thumb img,
.solution-item-professional .solution-thumb img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
/* O verde vivo entra nos destaques; tons escuros permanecem para contraste */
.eyebrow,
.solution-link,
.text-link,
.service-content a,
.service-card a{color:#61CE70 !important}
@media(max-width:900px){
.solution-item-vegan,
.solution-item-professional{grid-template-columns:1fr !important}
.solution-item-vegan .solution-thumb,
.solution-item-professional .solution-thumb{
width:100% !important;height:190px !important;margin-bottom:14px !important;
}
}
/* =========================================================
V54 — REFINO DE PROPORÇÕES / SERVIÇOS / SOLUÇÕES
========================================================= */
/* 1. Hero principal: título um pouco menor e mais elegante */
.hero-copy h1{
font-size:clamp(39px,4.05vw,61px) !important;
line-height:1.045 !important;
max-width:650px !important;
}
/* 2. Nossos serviços:
texto ganha mais área e a imagem perde um pouco de peso visual */
.service-feature,
.service-feature-drying,
.service-feature-standard{
grid-template-columns:.84fr 1.16fr !important;
min-height:340px !important;
}
.service-feature .service-photo,
.service-feature-drying .service-photo,
.service-feature-standard .service-photo{
min-height:340px !important;
}
.service-feature .service-content,
.service-feature-drying .service-content,
.service-feature-standard .service-content{
padding:36px 44px !important;
}
.service-feature-standard.service-feature-reverse{
grid-template-columns:1.16fr .84fr !important;
}
.service-feature-standard.service-feature-reverse .service-content{
grid-column:1 !important;
order:1 !important;
}
.service-feature-standard.service-feature-reverse .service-photo{
grid-column:2 !important;
order:2 !important;
}
/* 3. Soluções personalizadas:
todas as imagens ficam do mesmo lado, com o mesmo tamanho/alinhamento */
@media(min-width:901px){
.solutions .solution-item,
.solutions .solution-item:not(.solution-item-pet),
.solutions .solution-item-pet,
.solutions .solution-item-new,
.solutions .solution-item-vegan,
.solutions .solution-item-professional{
display:grid !important;
grid-template-columns:minmax(0,1fr) 190px !important;
gap:30px !important;
align-items:center !important;
min-height:160px !important;
padding-top:28px !important;
padding-bottom:28px !important;
}
/* conteúdo sempre à esquerda */
.solutions .solution-item > div:not(.solution-thumb):not(.solution-media),
.solutions .solution-item .solution-pet-copy{
grid-column:1 !important;
grid-row:1 !important;
min-width:0 !important;
width:100% !important;
}
/* imagens HTML sempre à direita */
.solutions .solution-item > .solution-thumb,
.solutions .solution-item > .solution-media,
.solutions .solution-item-pet .solution-thumb,
.solutions .solution-item-new > .solution-thumb{
grid-column:2 !important;
grid-row:1 !important;
justify-self:end !important;
width:190px !important;
min-width:190px !important;
height:124px !important;
min-height:124px !important;
margin:0 !important;
border-radius:18px !important;
overflow:hidden !important;
}
.solutions .solution-item > .solution-thumb img,
.solutions .solution-item > .solution-media img,
.solutions .solution-item-pet .solution-thumb img,
.solutions .solution-item-new > .solution-thumb img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
display:block !important;
}
/* itens que usam pseudo-imagem: mesma posição/tamanho à direita */
.solutions .solution-item:not(.solution-with-image):not(.solution-item-pet):not(.solution-item-new)::after{
grid-column:2 !important;
grid-row:1 !important;
justify-self:end !important;
width:190px !important;
height:124px !important;
margin:0 !important;
border-radius:18px !important;
}
/* evita imagem duplicada nos itens que já possuem ![]()
*/
.solutions .solution-item.solution-with-image::after,
.solutions .solution-item.solution-item-pet::after,
.solutions .solution-item.solution-item-new::after{
content:none !important;
display:none !important;
}
}
/* 4. Títulos das seções seguintes: redução sutil */
.section-head h2{
font-size:clamp(38px,3.5vw,48px) !important;
}
.solutions h2,
.solutions-title h2{
font-size:clamp(38px,3.7vw,48px) !important;
}
.testimonials-head h2{
font-size:clamp(34px,3.5vw,48px) !important;
}
.about h2,
.values h2{
font-size:clamp(38px,3.7vw,46px) !important;
}
.press-card h2{
font-size:40px !important;
}
.cta h2{
font-size:clamp(42px,4.6vw,55px) !important;
}
/* 5. Service hero:
a área clara passa para #edf1e9 e ocupa 60% do fundo */
.service-hero{
background:linear-gradient(135deg,#edf1e9 0 60%,#eef3ee 60% 100%) !important;
}
/* Mobile mantém as proporções mais compactas sem perder legibilidade */
@media(max-width:900px){
.hero-copy h1{
font-size:clamp(38px,7.5vw,54px) !important;
}
.service-feature,
.service-feature-drying,
.service-feature-standard,
.service-feature-standard.service-feature-reverse{
grid-template-columns:1fr !important;
min-height:auto !important;
}
.service-feature-standard.service-feature-reverse .service-photo,
.service-feature-standard.service-feature-reverse .service-content{
grid-column:auto !important;
order:initial !important;
}
.service-feature .service-photo,
.service-feature-drying .service-photo,
.service-feature-standard .service-photo{
min-height:285px !important;
}
}
@media(max-width:600px){
.hero-copy h1{
font-size:clamp(34px,10vw,44px) !important;
}
.section-head h2,
.solutions h2,
.solutions-title h2,
.testimonials-head h2,
.about h2,
.values h2{
font-size:35px !important;
}
.service-feature .service-content,
.service-feature-drying .service-content,
.service-feature-standard .service-content{
padding:28px 22px !important;
}
.service-feature .service-photo,
.service-feature-drying .service-photo,
.service-feature-standard .service-photo{
min-height:230px !important;
}
}
/* =========================================================
V55 — HERO DAS PÁGINAS INTERNAS
Parte clara em #FFFCC3 ocupando 60% do fundo
========================================================= */
.service-hero{
background:linear-gradient(
135deg,
#FFFCC3 0%,
#FFFCC3 60%,
#eef3ee 60%,
#eef3ee 100%
) !important;
}
/* Mantém a divisão em 60% também em tablets e celulares */
@media(max-width:900px){
.service-hero{
background:linear-gradient(
135deg,
#FFFCC3 0%,
#FFFCC3 60%,
#eef3ee 60%,
#eef3ee 100%
) !important;
}
}
/* =========================================================
V56 — HERO HOME + REFINO DE IMAGENS
========================================================= */
/* Hero da página inicial: 60% #FFFCC3, seguindo páginas internas */
.hero{
background:linear-gradient(
135deg,
#FFFCC3 0%,
#FFFCC3 60%,
#eef3ee 60%,
#eef3ee 100%
) !important;
}
/* Renderização das fotos com mais definição, sem filtros artificiais */
.service-photo,
.solution-thumb,
.solution-media,
.about-photo{
image-rendering:auto;
}
.service-photo img,
.solution-thumb img,
.solution-media img,
.about-photo img{
image-rendering:auto;
backface-visibility:hidden;
}
@media(max-width:900px){
.hero{
background:linear-gradient(
135deg,
#FFFCC3 0%,
#FFFCC3 60%,
#eef3ee 60%,
#eef3ee 100%
) !important;
}
}
.solution-brief-v56{padding:28px 0 72px;background:#fff}
.solution-brief-v56 .solution-brief-inner{
max-width:920px;margin:0 auto;padding:34px 38px;
border-radius:26px;background:#f7f9f5;
}
.solution-brief-v56 p{font-size:17px;line-height:1.75;margin:12px 0;color:#294233}
@media(max-width:600px){
.solution-brief-v56 .solution-brief-inner{padding:26px 22px}
.solution-brief-v56 p{font-size:16px}
}
/* =========================================================
V57 — HOME MAIS COMPACTA / SERVIÇOS MAIS LEVES
========================================================= */
/* Hero: os dois botões permanecem em uma única linha no desktop */
.hero-actions{
display:flex !important;
flex-wrap:nowrap !important;
gap:12px !important;
align-items:center !important;
}
.hero-actions .btn{
white-space:nowrap !important;
padding:14px 22px !important;
}
/* Ícones abaixo dos botões: somente a linha principal e altura padronizada */
.hero-trust{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:18px !important;
align-items:stretch !important;
}
.hero-trust-item{
display:grid !important;
grid-template-columns:24px minmax(0,1fr) !important;
gap:10px !important;
align-items:center !important;
min-height:54px !important;
}
.hero-trust-item span{
display:block !important;
line-height:1.22 !important;
}
.hero-trust-item strong{
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:2 !important;
overflow:hidden !important;
}
/* Nossos Serviços: texto introdutório mais curto */
#servicos .section-head p{
max-width:650px !important;
line-height:1.58 !important;
}
/* Blocos de serviço: imagem menor, texto com mais espaço e menor altura */
.service-feature,
.service-feature-drying,
.service-feature-standard{
grid-template-columns:.66fr 1.34fr !important;
min-height:270px !important;
}
.service-feature-standard.service-feature-reverse{
grid-template-columns:1.34fr .66fr !important;
}
.service-feature .service-content,
.service-feature-drying .service-content,
.service-feature-standard .service-content{
padding:28px 38px !important;
max-width:none !important;
}
.service-feature .service-content h3,
.service-feature-drying .service-content h3,
.service-feature-standard .service-content h3{
margin-bottom:10px !important;
}
.service-feature .service-content p,
.service-feature-drying .service-content p,
.service-feature-standard .service-content p{
max-width:860px !important;
line-height:1.52 !important;
margin-bottom:12px !important;
}
.service-feature .service-photo,
.service-feature-drying .service-photo,
.service-feature-standard .service-photo{
min-height:270px !important;
height:100% !important;
}
.service-feature .service-photo img,
.service-feature-drying .service-photo img,
.service-feature-standard .service-photo img{
object-fit:cover !important;
}
/* Soluções: texto com menos quebras e melhor aproveitamento horizontal */
.solutions .solution-item{
padding-top:22px !important;
padding-bottom:22px !important;
}
.solutions .solution-item > div:not(.solution-thumb):not(.solution-media),
.solutions .solution-item .solution-pet-copy{
max-width:none !important;
width:100% !important;
}
.solutions .solution-item h3{
margin-bottom:7px !important;
}
.solutions .solution-item p{
line-height:1.5 !important;
margin-bottom:8px !important;
}
/* Mobile */
@media(max-width:760px){
.hero-actions{
flex-wrap:wrap !important;
}
.hero-actions .btn{
flex:1 1 100% !important;
justify-content:center !important;
}
.hero-trust{
grid-template-columns:1fr !important;
gap:10px !important;
}
.service-feature,
.service-feature-drying,
.service-feature-standard,
.service-feature-standard.service-feature-reverse{
grid-template-columns:1fr !important;
}
.service-feature .service-photo,
.service-feature-drying .service-photo,
.service-feature-standard .service-photo{
min-height:220px !important;
}
.service-feature .service-content,
.service-feature-drying .service-content,
.service-feature-standard .service-content{
padding:24px 20px !important;
}
}
/* =========================================================
V58 — HEROS INTERNOS MAIS COMPACTOS + VEGANA
========================================================= */
/* Páginas de serviços e soluções:
seguem a escala visual usada no hero da página inicial */
.service-hero{
padding:132px 0 70px !important;
}
.service-hero-grid{
gap:58px !important;
align-items:center !important;
}
.service-hero h1{
font-size:clamp(39px,4.05vw,61px) !important;
line-height:1.045 !important;
max-width:680px !important;
margin:14px 0 20px !important;
}
.service-hero-copy>p{
font-size:17px !important;
line-height:1.62 !important;
max-width:650px !important;
}
.service-hero-actions{
margin-top:26px !important;
}
.service-hero-photo{
height:500px !important;
min-height:500px !important;
}
/* As páginas de Soluções tinham uma altura mínima maior */
.solution-page-hero .service-hero-photo{
min-height:500px !important;
height:500px !important;
}
/* Quem Somos e Contato seguem a mesma escala */
.inner-hero{
padding:132px 0 70px !important;
}
.inner-hero h1{
font-size:clamp(39px,4.05vw,61px) !important;
line-height:1.045 !important;
margin:14px 0 20px !important;
}
.inner-hero-grid{
gap:58px !important;
}
/* Destaque incorporado ao hero da Limpeza Vegana */
.service-hero-highlight{
display:flex !important;
align-items:flex-start !important;
gap:12px !important;
max-width:650px !important;
margin-top:20px !important;
padding:15px 18px !important;
border-radius:16px !important;
background:rgba(255,255,255,.72) !important;
border:1px solid rgba(97,206,112,.28) !important;
box-shadow:0 8px 28px rgba(17,43,35,.05) !important;
}
.service-hero-highlight i{
color:#61CE70 !important;
font-size:18px !important;
margin-top:3px !important;
}
.service-hero-highlight p{
margin:0 !important;
font-size:14px !important;
line-height:1.52 !important;
color:#40554b !important;
}
.service-hero-highlight strong{
color:#365a3b !important;
}
/* Cards relacionados: enquadramento consistente */
.related-photo{
background-position:center !important;
background-size:cover !important;
border-radius:16px !important;
overflow:hidden !important;
}
@media(max-width:900px){
.service-hero,
.inner-hero{
padding:112px 0 62px !important;
}
.service-hero-grid,
.inner-hero-grid{
gap:36px !important;
}
.service-hero-photo,
.solution-page-hero .service-hero-photo{
height:420px !important;
min-height:420px !important;
}
}
@media(max-width:600px){
.service-hero,
.inner-hero{
padding:105px 0 52px !important;
}
.service-hero h1,
.inner-hero h1{
font-size:clamp(34px,10vw,44px) !important;
}
.service-hero-photo,
.solution-page-hero .service-hero-photo{
height:350px !important;
min-height:350px !important;
}
.service-hero-highlight{
padding:14px 15px !important;
}
}
/* =========================================================
V59 — SOLUÇÕES PERSONALIZADAS / PADRONIZAÇÃO
========================================================= */
/* Desktop: padroniza a largura útil do texto em todos os itens */
.solutions .solution-item{
display:grid !important;
grid-template-columns:minmax(0,1fr) 190px !important;
column-gap:28px !important;
align-items:center !important;
}
.solutions .solution-item > div:not(.solution-thumb):not(.solution-media){
min-width:0 !important;
max-width:760px !important;
width:100% !important;
}
/* Corrige especificamente o Premium Pet, que tinha estrutura diferente */
.solutions .solution-item .solution-pet-copy{
min-width:0 !important;
max-width:760px !important;
width:100% !important;
padding-right:0 !important;
margin-right:0 !important;
}
.solutions .solution-item .solution-thumb,
.solutions .solution-item .solution-media{
width:190px !important;
height:124px !important;
justify-self:end !important;
align-self:center !important;
}
/* Mobile:
ordem fixa = título -> imagem -> texto/detalhes */
@media(max-width:760px){
.solutions .solution-item{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
gap:12px !important;
}
.solutions .solution-item h3{
order:1 !important;
width:100% !important;
margin-bottom:0 !important;
}
.solutions .solution-item .solution-thumb,
.solutions .solution-item .solution-media{
order:2 !important;
width:100% !important;
height:auto !important;
aspect-ratio:16/10 !important;
justify-self:auto !important;
align-self:stretch !important;
margin:0 !important;
}
.solutions .solution-item .solution-thumb img,
.solutions .solution-item .solution-media img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
}
.solutions .solution-item > div:not(.solution-thumb):not(.solution-media),
.solutions .solution-item .solution-pet-copy{
display:contents !important;
}
.solutions .solution-item p{
order:3 !important;
width:100% !important;
margin-top:0 !important;
}
.solutions .solution-item ul,
.solutions .solution-item .solution-details,
.solutions .solution-item .solution-meta,
.solutions .solution-item .solution-actions{
order:4 !important;
width:100% !important;
}
}
/* =========================================================
V60 — SOLUÇÕES PERSONALIZADAS EM CARDS
========================================================= */
.solutions{
padding-top:72px !important;
padding-bottom:72px !important;
}
/* Cada solução vira um card visualmente separado */
.solutions .solution-item{
background:#ffffff !important;
border:1px solid rgba(52,88,65,.10) !important;
border-radius:22px !important;
padding:24px 26px !important;
box-shadow:0 10px 28px rgba(31,62,45,.055) !important;
margin-bottom:18px !important;
transition:transform .22s ease, box-shadow .22s ease !important;
}
.solutions .solution-item:hover{
transform:translateY(-2px) !important;
box-shadow:0 14px 34px rgba(31,62,45,.08) !important;
}
/* Mantém imagem com proporção consistente no desktop */
.solutions .solution-item .solution-thumb,
.solutions .solution-item .solution-media{
border-radius:16px !important;
overflow:hidden !important;
background:#f5f7f2 !important;
}
/* Pequeno respiro visual entre título e conteúdo */
.solutions .solution-item h3{
margin-top:0 !important;
margin-bottom:10px !important;
}
/* Mobile: cards mais claros, com imagem destacada logo após o título */
@media(max-width:760px){
.solutions{
padding-top:54px !important;
padding-bottom:54px !important;
}
.solutions .solution-item{
padding:18px !important;
border-radius:18px !important;
margin-bottom:16px !important;
gap:12px !important;
}
.solutions .solution-item h3{
font-size:24px !important;
line-height:1.16 !important;
margin-bottom:2px !important;
}
.solutions .solution-item .solution-thumb,
.solutions .solution-item .solution-media{
border-radius:14px !important;
overflow:hidden !important;
background:#f3f6f1 !important;
box-shadow:0 6px 18px rgba(31,62,45,.05) !important;
}
.solutions .solution-item p{
font-size:15.5px !important;
line-height:1.55 !important;
margin-bottom:0 !important;
}
.solutions .solution-item ul,
.solutions .solution-item .solution-details,
.solutions .solution-item .solution-meta,
.solutions .solution-item .solution-actions{
margin-top:4px !important;
}
}
/* =========================================================
V63 — CORREÇÃO CIRÚRGICA DO BLOCO "SOLUÇÕES PERSONALIZADAS"
Base restaurada da V60.
Mobile: título -> imagem -> texto -> ícones -> link
========================================================= */
@media(max-width:760px){
/* Mantém cada card como flex vertical */
.solutions .solution-item{
display:flex !important;
flex-direction:column !important;
align-items:stretch !important;
gap:12px !important;
}
/* O wrapper textual "some" visualmente para que seus filhos
possam receber a ordem correta dentro do card */
.solutions .solution-item > div:not(.solution-thumb):not(.solution-media),
.solutions .solution-item .solution-pet-copy{
display:contents !important;
}
/* 1. Título */
.solutions .solution-item h3{
order:1 !important;
width:100% !important;
margin:0 0 2px !important;
}
/* 2. Imagem real */
.solutions .solution-item > .solution-thumb,
.solutions .solution-item > .solution-media,
.solutions .solution-item .solution-thumb,
.solutions .solution-item .solution-media{
order:2 !important;
width:100% !important;
height:auto !important;
aspect-ratio:16/10 !important;
margin:0 !important;
align-self:stretch !important;
}
/* 2. Imagens antigas via pseudo-elemento, quando o item não possui ![]()
*/
.solutions .solution-item:not(.solution-with-image):not(.solution-item-pet):not(.solution-item-new)::after{
order:2 !important;
width:100% !important;
height:auto !important;
aspect-ratio:16/10 !important;
margin:0 !important;
border-radius:14px !important;
position:static !important;
}
/* Nunca deixa pseudo-imagem aparecer em cards que já possuem foto real */
.solutions .solution-item.solution-with-image::after,
.solutions .solution-item.solution-item-pet::after,
.solutions .solution-item.solution-item-new::after,
.solutions .solution-item-vegan::after,
.solutions .solution-item-professional::after{
content:none !important;
display:none !important;
}
/* 3. Texto principal */
.solutions .solution-item p{
order:3 !important;
width:100% !important;
margin:0 !important;
}
/* 4. Ícones / detalhes */
.solutions .solution-item .solution-mini-details,
.solutions .solution-item ul,
.solutions .solution-item .solution-details,
.solutions .solution-item .solution-meta,
.solutions .solution-item .solution-features,
.solutions .solution-item .solution-icons{
order:4 !important;
width:100% !important;
margin:8px 0 0 !important;
}
/* 5. Link "Conheça a solução" sempre por último */
.solutions .solution-item .solution-link{
order:5 !important;
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
align-self:flex-start !important;
margin-top:10px !important;
}
}
/* V64: destaque pontual para o botão Nossos Serviços, sem alterar demais botões */
.hero-actions a.btn-secondary[href="#servicos"]{font-size:17px !important;font-weight:750 !important;letter-spacing:.005em !important;border-width:2px !important;}
@media(max-width:760px){.hero-actions a.btn-secondary[href="#servicos"]{font-size:17px !important;}}
/* V66 — WhatsApp em cada serviço da Home */
.service-home-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 18px;margin-top:18px}
.service-content .service-home-actions>a{margin-top:0}
.service-content .service-whatsapp-btn{padding:11px 17px;font-size:12px;gap:8px;line-height:1.2}
.service-content .service-whatsapp-btn i{font-size:16px}
@media(max-width:560px){.service-home-actions{align-items:flex-start}.service-content .service-whatsapp-btn{padding:11px 15px}}