:root{
  --blue-brand:#5b7292;
  --blue-soft:#9ec8e8;
  --blue-ice:#dfeefa;
  --navy:#061b2b;
  --navy2:#082b45;
  --deep:#041421;
  --cyan:#9ec8e8;
  --cyan2:#dceefb;
  --gold:#df9b43;
  --paper:#f4f6f8;
  --white:#fff;
  --text:#132b3a;
  --muted:#647783;
  --line:rgba(8,43,69,.14);
  --shadow:0 26px 70px rgba(4,20,33,.22);
  --radius:26px;
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--text);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body.menu-open,body.lightbox-open{overflow:hidden}
img,video{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
button,input,summary{font:inherit}
.container{width:min(var(--container),calc(100% - 42px));margin:auto}
.skip-link{position:absolute;left:-999px;top:12px;z-index:999;background:var(--cyan);color:#001;padding:10px 14px;border-radius:10px}.skip-link:focus{left:12px}
.site-header{position:fixed;inset:0 0 auto;z-index:100;transition:background .25s,box-shadow .25s,backdrop-filter .25s}
.site-header.scrolled,.inner-page .site-header{background:rgba(4,20,33,.92);backdrop-filter:blur(16px);box-shadow:0 16px 40px rgba(0,0,0,.22)}
.nav-wrap{height:82px;display:flex;align-items:center;gap:25px}
.brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:max-content}.brand-icon{width:34px;height:45px;object-fit:contain}
.brand strong{display:block;font-size:1.34rem;line-height:1;font-weight:900;letter-spacing:.06em}.brand small{display:block;margin-top:5px;color:var(--cyan2);font-weight:800;letter-spacing:.42em;font-size:.59rem}
.main-nav{display:flex;justify-content:center;align-items:center;gap:20px;flex:1}.main-nav a{color:#fff;text-transform:uppercase;font-size:.74rem;font-weight:900;letter-spacing:.055em;opacity:.9;position:relative;padding:8px 0}.main-nav a::after{content:"";position:absolute;left:0;bottom:3px;width:0;height:2px;border-radius:99px;background:var(--cyan);transition:.25s}.main-nav a:hover::after,.main-nav a.active::after{width:100%}
.header-cta{display:flex;align-items:center;gap:8px;color:#fff;background:linear-gradient(135deg,var(--blue-brand),var(--blue-soft));border-radius:999px;padding:12px 17px;font-weight:900;box-shadow:0 12px 34px rgba(92,116,148,.28)}
.menu-toggle{display:none;margin-left:auto;width:46px;height:46px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);border-radius:14px}.menu-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:10px;margin:5px auto;transition:.25s}
.hero{min-height:790px;position:relative;display:grid;align-items:center;background:var(--deep);overflow:hidden}.hero-media,.hero-media img{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;object-position:center;filter:saturate(1.02) contrast(1.05)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,33,.96) 0%,rgba(4,20,33,.84) 35%,rgba(4,20,33,.38) 65%,rgba(4,20,33,.12) 100%),radial-gradient(circle at 15% 18%,rgba(158,200,232,.22),transparent 30%)}
.hero-inner{position:relative;z-index:2;padding-top:78px;display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:end}.hero-copy{max-width:720px;color:#fff}
.kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;text-transform:uppercase;font-weight:950;font-size:.74rem;letter-spacing:.16em;color:var(--cyan)}.kicker::before{content:"";width:28px;height:2px;background:currentColor;border-radius:999px}.kicker.dark{color:var(--blue-brand)}
.hero h1,.blog-hero h1{margin:0;font-size:clamp(2.65rem,5.8vw,5.95rem);line-height:.94;letter-spacing:-.075em;font-weight:950}.hero p{margin:24px 0 0;max-width:590px;color:rgba(255,255,255,.9);font-size:1.13rem}
.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:15px 23px;border:1px solid transparent;text-transform:uppercase;font-size:.82rem;font-weight:950;letter-spacing:.045em;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue-brand),var(--blue-soft));color:#fff;box-shadow:0 18px 42px rgba(92,116,148,.28)}.btn-outline{border-color:rgba(255,255,255,.46);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}.btn-dark{background:var(--navy);color:#fff}
.hero-card{background:rgba(255,255,255,.96);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.hero-card img{width:100%;max-height:135px;object-fit:contain}.hero-card p{margin:16px 0 0;color:var(--muted);font-weight:700}
.stats-band{background:var(--navy);color:#fff;padding:34px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.stat{padding:10px 26px;border-right:1px solid rgba(255,255,255,.14)}.stat:last-child{border-right:0}.stat span{display:block;color:var(--cyan);font-weight:950;font-size:1rem;margin-bottom:8px}.stat strong{display:block;text-transform:uppercase;font-size:.87rem;letter-spacing:.04em;line-height:1.25}.stat p{margin:7px 0 0;color:rgba(255,255,255,.68);font-size:.86rem}
.section{padding:86px 0}.intro-section{background:#fff}.split-intro{display:grid;grid-template-columns:.95fr 1fr;gap:70px;align-items:end}h2{margin:0;color:var(--navy);font-size:clamp(2rem,3.7vw,3.65rem);line-height:1.03;letter-spacing:-.055em;font-weight:950}.intro-text p,.vlog-home p{margin:0;color:var(--muted);font-size:1.12rem}
.services-showcase{background:#f7fafb;padding:84px 0}.section-head{max-width:800px;margin-bottom:32px}.service-layout{display:grid;grid-template-columns:1.18fr .86fr .86fr;grid-auto-rows:220px;gap:16px}.service-card{position:relative;overflow:hidden;border-radius:22px;background:var(--navy);box-shadow:0 18px 44px rgba(8,43,69,.15);border:1px solid rgba(255,255,255,.65)}.service-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.service-card:hover img{transform:scale(1.055)}.service-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,20,33,.82),rgba(4,20,33,.08) 62%)}.service-card strong{position:absolute;left:18px;right:18px;bottom:17px;z-index:2;color:#fff;font-size:1.03rem}.service-card.feature{grid-row:span 2}.service-card.feature div{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;color:#fff}.service-card.feature small{display:inline-block;background:var(--blue-brand);border-radius:999px;padding:5px 10px;font-weight:900;text-transform:uppercase;font-size:.68rem;margin-bottom:10px}.service-card.feature strong{position:static;display:block;font-size:1.55rem}.service-card.feature p{margin:8px 0 0;color:rgba(255,255,255,.76)}.text-card{padding:24px;background:linear-gradient(135deg,var(--navy),#102f49);display:flex;flex-direction:column;justify-content:flex-end}.text-card::after{display:none}.text-card strong{position:static;color:#fff;font-size:1.35rem;line-height:1.18}.text-card a{margin-top:18px;color:var(--cyan2);font-weight:950}
.enterprise-section{background:var(--navy);color:#fff;padding:76px 0}.enterprise-grid{display:grid;grid-template-columns:1fr 1fr .78fr;gap:18px;align-items:stretch}.enterprise-main,.enterprise-side{position:relative;overflow:hidden;border-radius:24px;background:#09263d;min-height:430px}.enterprise-main img,.enterprise-side img{width:100%;height:100%;object-fit:cover}.enterprise-copy{display:flex;flex-direction:column;justify-content:center;padding:42px;border-radius:24px;background:linear-gradient(135deg,#09263d,#173d5a)}.enterprise-copy h2{color:#fff}.enterprise-copy p{color:rgba(255,255,255,.76);margin:18px 0 24px}.segment-row{display:flex;flex-wrap:wrap;gap:10px}.segment-row span{border:1px solid rgba(220,238,251,.45);border-radius:999px;padding:8px 12px;font-weight:850;font-size:.8rem}.enterprise-side div{position:absolute;left:18px;right:18px;bottom:18px;background:linear-gradient(135deg,var(--blue-brand),var(--blue-soft));border-radius:18px;padding:18px;color:#fff;font-weight:950;box-shadow:0 18px 35px rgba(0,0,0,.22)}
.waterproof-section{display:grid;grid-template-columns:1.04fr .96fr;background:#fff}.waterproof-photo{min-height:540px;overflow:hidden}.waterproof-photo img{width:100%;height:100%;object-fit:cover}.waterproof-copy{padding:86px max(32px,calc((100vw - var(--container))/2)) 70px 70px;align-self:center}.waterproof-copy p{color:var(--muted);margin:18px 0 26px}.mini-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-benefits span{border:1px solid var(--line);background:#f7fbfb;border-radius:16px;padding:15px;font-weight:850;color:var(--navy)}.mini-benefits span::before{content:"✓";color:var(--blue-brand);margin-right:8px}
.results-section{background:linear-gradient(135deg,var(--navy),#052338);color:#fff;padding:80px 0}.results-top{max-width:820px;margin-bottom:30px}.results-top h2{color:#fff}.results-top p{color:rgba(255,255,255,.7)}.comparison-grid.clean-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}.compare-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:14px;box-shadow:0 18px 44px rgba(0,0,0,.18)}.compare-wrap{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:16/10;background:#081e30}.compare-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.compare-before{position:absolute;inset:0;width:50%;overflow:hidden;border-right:3px solid #fff;z-index:2}.compare-before img{width:100%;min-width:100%;max-width:none}.compare-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.tag{position:absolute;z-index:4;top:14px;background:rgba(4,20,33,.84);color:#fff;border:1px solid rgba(255,255,255,.28);padding:7px 11px;border-radius:999px;font-size:.72rem;font-weight:950;text-transform:uppercase}.tag.before{left:14px}.tag.after{right:14px}.compare-info{padding:16px 4px 2px}.compare-info strong{display:block;color:#fff;font-size:1.25rem;margin-bottom:6px}.compare-info p{margin:0;color:rgba(255,255,255,.68)}
.vlog-home{background:#fff}.vlog-home-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:center}.vlog-home .btn{margin-top:26px}.video-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px}.video-strip article{background:#f7fafb;border:1px solid var(--line);border-radius:24px;padding:12px;box-shadow:0 16px 42px rgba(8,43,69,.10)}.video-strip video{width:100%;aspect-ratio:9/16;max-height:430px;object-fit:cover;border-radius:18px;background:#000}.video-strip strong{display:block;padding:12px 4px 2px}
.gallery-section{background:#fff;padding:84px 0}.gallery-title{max-width:760px;margin-bottom:24px}.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.filter-tabs button{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:999px;padding:10px 16px;font-weight:900;cursor:pointer;transition:.2s}.filter-tabs button.active,.filter-tabs button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.gallery-masonry{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:210px;gap:14px}.gallery-item{border:0;padding:0;border-radius:22px;overflow:hidden;background:#eee;cursor:pointer;box-shadow:0 16px 42px rgba(8,43,69,.12);transition:transform .25s,opacity .25s}.gallery-item:hover{transform:translateY(-3px)}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item:first-child{grid-row:span 2}.gallery-item:nth-child(3){grid-row:span 2}.gallery-item.hide{display:none}
.about-process{display:block;background:#f1f7f8;padding:82px 0}.about-process-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:stretch}.about-block{display:grid;grid-template-columns:.92fr 1.08fr;min-height:560px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 58px rgba(8,43,69,.10)}.about-photo{margin:0;min-height:560px;background:#d8e6e9;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.about-text{padding:66px 50px;align-self:center}.about-text p{color:var(--muted);margin:18px 0}.about-text ul{padding:0;margin:22px 0 0;list-style:none}.about-text li{font-weight:850;color:var(--navy);margin:10px 0}.about-text li::before{content:"✓";color:var(--blue-brand);margin-right:10px}.process-block{border-radius:28px;padding:58px 44px;background:linear-gradient(135deg,var(--navy),#173d5a);color:#fff;box-shadow:0 20px 58px rgba(8,43,69,.14)}.process-block h2{color:#fff}.steps{display:grid;gap:16px;margin-top:24px}.steps article{display:grid;grid-template-columns:58px 1fr;align-items:flex-start;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.055)}.steps span{width:58px;height:58px;background:var(--blue-soft);color:var(--navy);border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:1.25rem}.steps strong{display:block;color:#fff;line-height:1.2}.steps p{margin:6px 0 0;color:rgba(255,255,255,.72)}
.testimonials-section{background:#fff;padding:84px 0}.testimonials-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.testimonials-head h2{max-width:680px}.testimonial-carousel{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.testimonial-card{min-width:260px;scroll-snap-align:start;background:#f7fafb;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 14px 38px rgba(8,43,69,.08)}.stars{color:#ffb400;letter-spacing:2px;font-weight:900}.testimonial-card p{color:var(--muted);font-size:.94rem}.testimonial-card strong{color:var(--navy)}
.faq-section{background:#fff;padding:78px 0}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.faq-copy p{color:var(--muted)}.accordion{display:grid;gap:12px}details{background:#f9fcfc;border:1px solid var(--line);border-radius:18px;overflow:hidden}summary{list-style:none;padding:21px 23px;cursor:pointer;font-weight:950;color:var(--navy);display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--blue-brand);font-size:1.35rem}details[open] summary::after{content:"–"}details p{margin:0;padding:0 23px 21px;color:var(--muted)}
.final-cta{background:linear-gradient(135deg,var(--blue-brand),var(--blue-soft));color:#fff;padding:44px 0}.final-grid{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}.final-cta h2{color:#fff}.final-cta p{margin:8px 0 0;color:rgba(255,255,255,.9)}.whatsapp-mark{width:56px;height:56px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.8);border-radius:50%;font-size:1.55rem;margin-bottom:10px}.contact-cards{display:grid;gap:12px;min-width:340px}.contact-cards a{background:#fff;color:var(--navy);border-radius:18px;padding:16px 20px;box-shadow:0 18px 40px rgba(0,0,0,.13)}.contact-cards small{display:block;text-transform:uppercase;color:#67808b;font-weight:950;font-size:.69rem}.contact-cards strong{font-size:1.25rem}
.site-footer{background:var(--deep);color:#fff;padding:28px 0}.footer-grid{display:grid;grid-template-columns:1.1fr 1.3fr 1fr 1fr;gap:20px;align-items:center}.footer-grid p{margin:0;color:rgba(255,255,255,.7)}.footer-grid small{color:var(--cyan2);text-transform:uppercase;font-weight:900;letter-spacing:.09em}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo img{width:32px}.footer-logo strong{display:block}.footer-logo small{letter-spacing:.26em;font-size:.5rem}
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:130;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#1ec66b;color:#fff;font-size:1.8rem;border:4px solid rgba(255,255,255,.85);box-shadow:0 20px 40px rgba(0,0,0,.24)}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(4,20,33,.92);display:none;place-items:center;padding:24px}.lightbox.open{display:grid}.lightbox img{max-width:min(1100px,94vw);max-height:86vh;border-radius:22px;box-shadow:var(--shadow);object-fit:contain}.lightbox-close{position:absolute;right:24px;top:20px;width:48px;height:48px;border:0;border-radius:50%;background:#fff;color:var(--navy);font-size:2rem;cursor:pointer}
.blog-hero{padding:150px 0 84px;background:linear-gradient(135deg,var(--navy),#173d5a);color:#fff}.blog-hero-grid{display:grid;grid-template-columns:.9fr .65fr;gap:42px;align-items:center}.blog-hero h1{color:#fff}.blog-hero p{color:rgba(255,255,255,.78);font-size:1.1rem;max-width:640px}.blog-hero .btn{margin-top:20px}.blog-hero-video video{width:100%;max-height:560px;aspect-ratio:9/16;object-fit:cover;border-radius:28px;box-shadow:var(--shadow);background:#000}.blog-list-section{padding:84px 0;background:#fff}.blog-list-head{max-width:780px;margin-bottom:30px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:#f7fafb;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 14px 38px rgba(8,43,69,.08)}.blog-card img,.blog-card video{width:100%;height:320px;object-fit:cover;background:#000}.blog-card div{padding:22px}.blog-card span{display:inline-flex;background:var(--blue-ice);color:var(--navy);font-weight:900;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;border-radius:999px;padding:6px 10px}.blog-card h3{font-size:1.25rem;margin:12px 0 8px}.blog-card p{color:var(--muted);margin:0}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1120px){.header-cta{display:none}.main-nav{gap:14px}.main-nav a{font-size:.7rem}.service-layout{grid-template-columns:1fr 1fr}.enterprise-grid{grid-template-columns:1fr 1fr}.enterprise-copy{grid-column:1/-1;order:3}.about-process-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}.hero-inner{grid-template-columns:1fr}.hero-card{max-width:430px}}
@media(max-width:860px){.container{width:min(100% - 28px,var(--container))}.nav-wrap{height:72px}.menu-toggle{display:block}.main-nav{position:fixed;left:14px;right:14px;top:72px;display:grid;gap:0;background:rgba(4,20,33,.98);border:1px solid rgba(255,255,255,.13);border-radius:22px;padding:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:.22s}.main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.main-nav a{padding:14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.main-nav a:last-child{border-bottom:0}.hero{min-height:720px;align-items:end}.hero-media img{object-position:center}.hero-overlay{background:linear-gradient(0deg,rgba(4,20,33,.98) 0%,rgba(4,20,33,.82) 48%,rgba(4,20,33,.36) 100%)}.hero-inner{padding:116px 0 52px}.hero h1,.blog-hero h1{font-size:clamp(2.2rem,7vw,3.6rem);line-height:1.08}.hero p{font-size:1rem}.hero-actions .btn{width:100%}.stats-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.14);padding:20px 0}.split-intro,.faq-grid,.vlog-home-grid,.blog-hero-grid{grid-template-columns:1fr;gap:24px}.section,.services-showcase,.gallery-section,.faq-section,.testimonials-section,.blog-list-section{padding:62px 0}.service-layout{grid-template-columns:1fr;grid-auto-rows:245px}.service-card.feature{grid-row:auto}.enterprise-grid{grid-template-columns:1fr}.enterprise-main,.enterprise-side{min-height:330px}.enterprise-copy{order:initial;padding:34px 24px}.waterproof-section{grid-template-columns:1fr}.waterproof-photo{min-height:340px}.waterproof-copy{padding:42px 22px}.mini-benefits{grid-template-columns:1fr}.comparison-grid.clean-comparison{grid-template-columns:1fr}.vlog-home-grid .video-strip{grid-template-columns:1fr 1fr}.gallery-masonry{grid-template-columns:1fr;grid-auto-rows:240px}.gallery-item:first-child,.gallery-item:nth-child(3){grid-row:auto}.about-block{grid-template-columns:1fr;min-height:auto}.about-photo{min-height:0;aspect-ratio:4/4.3}.about-text,.process-block{padding:38px 24px}.testimonials-head{display:block}.testimonials-head .btn{margin-top:20px}.final-grid{grid-template-columns:1fr}.contact-cards{min-width:0}.footer-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.blog-card img,.blog-card video{height:300px}}
@media(max-width:560px){.brand strong{font-size:1.05rem}.brand small{letter-spacing:.28em}.brand-icon{width:30px}.hero{min-height:700px}.hero-card{display:none}.compare-wrap{aspect-ratio:4/4.4}.video-strip{grid-template-columns:1fr!important}.floating-whatsapp{width:58px;height:58px;right:16px;bottom:16px}.blog-card img,.blog-card video{height:260px}.blog-hero{padding-top:120px}}


/* ===== Correções finais de logo/branding ===== */
.brand{gap:14px;min-width:max-content;align-items:center}
.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18);padding:7px;flex:0 0 auto}
.brand-mark svg{width:100%;height:100%;display:block}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand strong{display:block;font-size:1.05rem;line-height:1;font-weight:950;letter-spacing:.04em}
.brand small{display:block;margin-top:5px;color:var(--cyan2);font-weight:800;letter-spacing:.34em;font-size:.58rem}
.brand-icon{display:none !important}
.footer-logo{display:flex;align-items:center;gap:12px}
.footer-logo .brand-mark{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.08);box-shadow:none;padding:6px}
.footer-logo strong{display:block;font-size:1rem;letter-spacing:.04em}
.footer-logo small{display:block;margin-top:4px;color:var(--cyan2);font-weight:800;letter-spacing:.28em;font-size:.5rem}
.site-header .brand:hover .brand-mark{transform:translateY(-1px)}
/* ===== Ajuste visual do bloco de comparação ===== */
.compare-card .compare-wrap{background:#0b2031}
.compare-card .compare-info strong{display:block;font-size:1.05rem}
.compare-card .compare-info p{margin:.35rem 0 0;color:rgba(255,255,255,.78)}
@media(max-width:560px){
  .brand-mark{width:42px;height:42px;border-radius:14px;padding:6px}
  .brand strong{font-size:.96rem}
  .brand small{font-size:.52rem;letter-spacing:.26em}
}


/* =========================================================
   VERSÃO FINAL - LOGO FLUIDA E ANTES/DEPOIS PREMIUM
   ========================================================= */

/* Logo real, nítida e natural no cabeçalho */
.brand-logo-fluid{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:232px;
  max-width:232px;
  min-width:232px;
  height:58px;
  padding:8px 14px !important;
  border-radius:18px;
  background:rgba(255,255,255,.98);
  box-shadow:0 14px 34px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.55);
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.brand-logo-fluid:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.9);
}
.brand-full-logo{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  transform:scale(1.18);
}
.brand-logo-fluid .brand-mark,
.brand-logo-fluid .brand-text,
.brand-logo-fluid .brand-icon{
  display:none !important;
}

/* Rodapé com logo legível */
.footer-logo-fluid{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:220px;
  height:62px;
  padding:9px 14px;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
}
.footer-logo-fluid img{
  width:100%;
  height:100%;
  object-fit:contain;
  transform:scale(1.16);
}
.footer-logo-fluid .brand-mark,
.footer-logo-fluid span:not(.brand-mark){
  display:none !important;
}

/* Cabeçalho mais equilibrado com logo maior */
.nav-wrap{
  gap:22px;
}
.main-nav{
  gap:18px;
}

/* Resultados premium */
.comparison-grid-premium{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:stretch;
}
.compare-card-feature{
  grid-column:auto;
}
.compare-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.18);
  border-radius:28px;
  padding:16px;
  box-shadow:0 24px 58px rgba(0,0,0,.22);
}
.compare-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 20% 0%,rgba(158,200,232,.18),transparent 28%);
}
.compare-wrap{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:22px;
  background:#081e30;
  aspect-ratio:16/10;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.compare-wrap.sofa-wide{
  aspect-ratio:16/11.2;
}
.compare-wrap img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.compare-before{
  position:absolute;
  inset:0;
  width:50%;
  overflow:hidden;
  border-right:3px solid rgba(255,255,255,.96);
  z-index:2;
  box-shadow:8px 0 22px rgba(0,0,0,.16);
}
.compare-before img{
  height:100%;
  width:100%;
  min-width:100%;
  max-width:none;
  object-fit:cover;
}
.compare-range{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:ew-resize;
  z-index:7;
}
.slider-handle{
  position:absolute;
  left:50%;
  top:50%;
  z-index:6;
  transform:translate(-50%,-50%);
  width:52px;
  height:52px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.96);
  color:#082b45;
  font-weight:950;
  font-size:1.35rem;
  line-height:1;
  box-shadow:0 16px 36px rgba(0,0,0,.28);
  border:3px solid rgba(158,200,232,.88);
  pointer-events:none;
}
.tag{
  top:16px;
  padding:8px 13px;
  background:rgba(4,20,33,.88);
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.compare-info{
  position:relative;
  z-index:1;
  padding:18px 6px 4px;
}
.compare-info strong{
  font-size:1.22rem !important;
  letter-spacing:-.02em;
}
.compare-info p{
  color:rgba(255,255,255,.76) !important;
  margin:.4rem 0 0 !important;
}

/* Ajustes mobile */
@media(max-width:1120px){
  .brand-logo-fluid{
    width:210px;
    min-width:210px;
    max-width:210px;
  }
  .main-nav{
    gap:12px;
  }
}
@media(max-width:900px){
  .comparison-grid-premium{
    grid-template-columns:1fr;
  }
  .compare-wrap.sofa-wide,
  .compare-wrap{
    aspect-ratio:4/3.15;
  }
}
@media(max-width:860px){
  .brand-logo-fluid{
    width:196px;
    min-width:196px;
    max-width:196px;
    height:54px;
  }
}
@media(max-width:560px){
  .brand-logo-fluid{
    width:170px;
    min-width:170px;
    max-width:170px;
    height:48px;
    border-radius:15px;
    padding:7px 11px !important;
  }
  .brand-full-logo{
    transform:scale(1.18);
  }
  .compare-wrap.sofa-wide,
  .compare-wrap{
    aspect-ratio:4/4.35;
  }
  .slider-handle{
    width:44px;
    height:44px;
    font-size:1.1rem;
  }
  .compare-info strong{
    font-size:1.08rem !important;
  }
}


/* =========================================================
   AJUSTE FINAL - LOGO COMPLETA TRANSPARENTE E MAIS FLUIDA
   ========================================================= */
.site-header{
  background:linear-gradient(180deg,rgba(4,20,33,.38) 0%,rgba(4,20,33,.08) 72%,transparent 100%);
}
.site-header.scrolled,
.inner-page .site-header{
  background:rgba(4,20,33,.92);
}
.nav-wrap{
  min-height:94px;
  height:auto;
  padding:10px 0;
  gap:20px;
}
.brand-logo-fluid{
  width:340px !important;
  max-width:340px !important;
  min-width:340px !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  border-radius:0 !important;
  overflow:visible !important;
  justify-content:flex-start !important;
}
.brand-full-logo{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block;
  transform:none !important;
  filter:drop-shadow(0 12px 26px rgba(0,0,0,.30));
}
.hero-card{
  padding:24px;
}
.hero-card img{
  width:100%;
  max-height:155px;
  object-fit:contain;
  object-position:left center;
}
.footer-grid{
  align-items:center;
}
.footer-logo-fluid{
  width:320px !important;
  max-width:100%;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  overflow:visible !important;
  justify-content:flex-start;
}
.footer-logo-fluid img{
  width:100% !important;
  height:auto !important;
  object-fit:contain;
  transform:none !important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.22));
}
.compare-info strong{
  font-size:1.16rem !important;
}
.compare-info p{
  line-height:1.55;
}
@media(max-width:1120px){
  .nav-wrap{
    min-height:88px;
  }
  .brand-logo-fluid{
    width:300px !important;
    max-width:300px !important;
    min-width:300px !important;
  }
  .footer-logo-fluid{
    width:280px !important;
  }
}
@media(max-width:860px){
  .nav-wrap{
    min-height:76px;
    padding:8px 0;
  }
  .brand-logo-fluid{
    width:230px !important;
    max-width:230px !important;
    min-width:230px !important;
  }
  .footer-logo-fluid{
    width:240px !important;
  }
}
@media(max-width:560px){
  .brand-logo-fluid{
    width:195px !important;
    max-width:195px !important;
    min-width:195px !important;
  }
  .footer-logo-fluid{
    width:210px !important;
  }
}


/* =========================================================
   FINAL PREMIUM ALTO PADRÃO - CURADORIA LAV TUDO
   ========================================================= */
.premium-section{position:relative;padding:110px 0;background:radial-gradient(circle at 15% 10%,rgba(158,200,232,.16),transparent 32%),linear-gradient(180deg,#f7f4ee 0%,#fff 54%,#eff7fb 100%);color:#071928;overflow:hidden}
.premium-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(218,160,70,.10),transparent 32%,rgba(158,200,232,.13));pointer-events:none}
.premium-head{position:relative;z-index:1;max-width:820px}.premium-head h2{color:#071928;max-width:760px}.premium-head p{color:#526273}
.premium-showcase{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:26px;align-items:stretch;margin-top:42px}
.premium-hero-card{min-height:610px;border-radius:34px;overflow:hidden;position:relative;background:#071928;box-shadow:0 34px 90px rgba(7,25,40,.22)}
.premium-hero-card img{width:100%;height:100%;min-height:610px;object-fit:cover;display:block;transform:scale(1.015)}
.premium-hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(4,20,33,.86))}
.premium-overlay{position:absolute;left:32px;right:32px;bottom:30px;z-index:2;color:#fff;max-width:660px}
.premium-overlay span{display:inline-flex;margin-bottom:12px;padding:8px 13px;border-radius:999px;background:rgba(158,200,232,.18);border:1px solid rgba(255,255,255,.20);color:#dff7ff;font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.premium-overlay h3{margin:0 0 10px;font-size:clamp(1.9rem,3.2vw,3.4rem);line-height:.98;letter-spacing:-.055em}
.premium-overlay p{margin:0;color:rgba(255,255,255,.80);max-width:560px;font-size:1.02rem}
.premium-side-grid{display:grid;gap:18px}
.premium-mini-card{position:relative;overflow:hidden;min-height:188px;border-radius:28px;background:#071928;box-shadow:0 22px 54px rgba(7,25,40,.18)}
.premium-mini-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.88;transform:scale(1.02)}
.premium-mini-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(4,20,33,.82))}
.premium-mini-card div{position:absolute;left:20px;right:20px;bottom:18px;z-index:2;color:#fff}
.premium-mini-card strong{display:block;font-size:1.08rem;letter-spacing:-.02em}.premium-mini-card small{display:block;margin-top:4px;color:rgba(255,255,255,.72);line-height:1.45}
.premium-gallery{position:relative;z-index:1;margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.premium-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:24px;min-height:260px;background:#071928;box-shadow:0 18px 44px rgba(7,25,40,.12)}
.premium-gallery img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;transition:transform .5s ease}.premium-gallery figure:hover img{transform:scale(1.045)}
.premium-gallery figcaption{position:absolute;left:14px;right:14px;bottom:14px;color:#fff;font-weight:900;padding:10px 12px;border-radius:999px;background:rgba(4,20,33,.72);backdrop-filter:blur(12px);text-align:center;font-size:.88rem}
.compare-card-static img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.compare-card-static .compare-before,.compare-card-static .compare-range,.compare-card-static .tag,.compare-card-static .slider-handle{display:none!important}
@media(max-width:1080px){.premium-showcase{grid-template-columns:1fr}.premium-side-grid{grid-template-columns:repeat(3,1fr)}.premium-mini-card{min-height:260px}.premium-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.premium-section{padding:82px 0}.premium-hero-card,.premium-hero-card img{min-height:520px}.premium-side-grid,.premium-gallery{grid-template-columns:1fr}.premium-mini-card,.premium-gallery figure,.premium-gallery img{min-height:300px}.premium-overlay{left:22px;right:22px;bottom:24px}}


/* =========================================================
   CORREÇÃO URGENTE DA LOGO - SEM PNG QUADRICULADO
   ========================================================= */
.nav-wrap{
  min-height:78px !important;
  height:auto !important;
  padding:10px 0 !important;
  align-items:center !important;
}

.brand-clean{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:auto !important;
  min-width:220px !important;
  max-width:290px !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  text-decoration:none !important;
  flex-shrink:0 !important;
}

.brand-clean::before,
.brand-clean::after{
  display:none !important;
}

.brand-mark{
  width:42px !important;
  height:52px !important;
  min-width:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(158,200,232,.16),rgba(158,200,232,.03)) !important;
  box-shadow:0 10px 26px rgba(158,200,232,.16) !important;
}

.brand-mark svg{
  width:28px !important;
  height:auto !important;
  display:block !important;
  filter:drop-shadow(0 8px 16px rgba(158,200,232,.28)) !important;
}

.brand-copy{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1 !important;
  min-width:0 !important;
}

.brand-copy strong{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:1.48rem !important;
  line-height:.88 !important;
  font-weight:950 !important;
  color:#fff !important;
  letter-spacing:.02em !important;
  text-shadow:0 10px 22px rgba(0,0,0,.32) !important;
  white-space:nowrap !important;
}

.brand-copy em{
  margin-top:6px !important;
  font-style:normal !important;
  font-size:.56rem !important;
  line-height:1 !important;
  color:#ffffff !important;
  letter-spacing:.62em !important;
  font-weight:900 !important;
  opacity:.92 !important;
  white-space:nowrap !important;
}

.brand-copy small{
  margin-top:7px !important;
  display:block !important;
  font-size:.55rem !important;
  line-height:1 !important;
  color:#bfeaff !important;
  letter-spacing:.18em !important;
  font-weight:500 !important;
  white-space:nowrap !important;
  opacity:.88 !important;
}

.brand-logo-fluid,
.brand-full-logo{
  display:none !important;
}

.footer-brand-clean{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin-bottom:18px !important;
  background:transparent !important;
}

.footer-brand-clean .brand-mark{
  width:46px !important;
  height:58px !important;
  min-width:46px !important;
}

.footer-brand-clean .brand-mark svg{
  width:31px !important;
}

.footer-brand-clean .brand-copy strong{
  font-size:1.8rem !important;
}

.footer-brand-clean .brand-copy em{
  font-size:.62rem !important;
  letter-spacing:.66em !important;
}

.footer-brand-clean .brand-copy small{
  font-size:.62rem !important;
  color:#c8efff !important;
}

@media(max-width:1120px){
  .brand-clean{
    min-width:190px !important;
    max-width:230px !important;
    gap:10px !important;
  }
  .brand-mark{
    width:36px !important;
    height:46px !important;
    min-width:36px !important;
    border-radius:15px !important;
  }
  .brand-mark svg{
    width:24px !important;
  }
  .brand-copy strong{
    font-size:1.25rem !important;
  }
  .brand-copy em{
    font-size:.48rem !important;
    letter-spacing:.52em !important;
  }
  .brand-copy small{
    display:none !important;
  }
}

@media(max-width:760px){
  .nav-wrap{
    min-height:70px !important;
  }
  .brand-clean{
    min-width:165px !important;
    max-width:180px !important;
  }
  .brand-copy strong{
    font-size:1.08rem !important;
  }
  .brand-copy em{
    margin-top:5px !important;
    font-size:.42rem !important;
    letter-spacing:.46em !important;
  }
  .brand-mark{
    width:32px !important;
    height:40px !important;
    min-width:32px !important;
  }
  .brand-mark svg{
    width:21px !important;
  }
}

@media(max-width:480px){
  .brand-clean{
    min-width:148px !important;
    max-width:160px !important;
    gap:8px !important;
  }
  .brand-copy strong{
    font-size:.98rem !important;
  }
  .brand-copy em{
    font-size:.38rem !important;
    letter-spacing:.38em !important;
  }
}

/* Section lead text */
.section-lead{color:var(--muted);font-size:1.05rem;margin:14px 0 0;max-width:620px}

/* Service card label with description for non-feature cards */
.service-card:not(.feature) .service-label{position:absolute;left:18px;right:18px;bottom:17px;z-index:2;color:#fff}
.service-card:not(.feature) .service-label strong{position:static;display:block;font-size:1.03rem;font-weight:900}
.service-card:not(.feature) .service-label p{margin:5px 0 0;font-size:.80rem;color:rgba(255,255,255,.74);line-height:1.42}

/* Text card subtitle */
.text-card-sub{margin:10px 0 0;color:rgba(255,255,255,.68);font-size:.88rem;font-weight:500}

/* Bridge phrases between sections */
.section-bridge{background:var(--navy);color:#fff;padding:30px 0;text-align:center}
.section-bridge p{margin:0;font-size:1.15rem;font-weight:850;letter-spacing:-.015em;color:rgba(255,255,255,.9);font-style:italic}

/* ─── Hero badges ─────────────────────────────────── */
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);color:#fff;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:800;letter-spacing:.02em}
.hero-badge i{font-style:normal;color:var(--cyan)}
@media(max-width:560px){.hero-badges{gap:7px}.hero-badge{font-size:.72rem;padding:7px 11px}}

/* ─── Connecting phrase / blockquote ─────────────── */
.connecting-phrase-section{background:linear-gradient(135deg,var(--navy),#0e3354);padding:72px 0;text-align:center;position:relative;overflow:hidden}
.connecting-phrase-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(158,200,232,.14),transparent 50%),radial-gradient(circle at 80% 50%,rgba(223,158,67,.08),transparent 50%);pointer-events:none}
.connecting-quote{position:relative;z-index:1;margin:0 auto;max-width:860px;font-size:clamp(1.25rem,2.8vw,2rem);font-weight:850;line-height:1.42;letter-spacing:-.025em;color:#fff;font-style:normal}
.quote-mark{color:var(--cyan);font-size:1.6em;line-height:0;vertical-align:-.25em;font-weight:900;margin:0 4px}
.quote-author{position:relative;z-index:1;margin:20px auto 0;font-size:.88rem;color:rgba(255,255,255,.6);font-weight:600;letter-spacing:.04em;text-align:center}
@media(max-width:760px){.connecting-phrase-section{padding:52px 0}}

/* ─── Quem confia na Lav Tudo ────────────────────── */
.who-trusts-section{background:#fff;padding:84px 0}
.who-trusts-head{max-width:620px;margin-bottom:42px}
.trust-icons-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.trust-icon-card{background:#f7fafb;border:1px solid var(--line);border-radius:24px;padding:28px 20px;text-align:center;transition:transform .25s,box-shadow .25s;box-shadow:0 10px 30px rgba(8,43,69,.06)}
.trust-icon-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(8,43,69,.12)}
.trust-emoji{display:block;font-size:2.4rem;margin-bottom:14px;line-height:1}
.trust-icon-card strong{display:block;color:var(--navy);font-size:.97rem;font-weight:900;line-height:1.25;margin-bottom:7px}
.trust-icon-card p{margin:0;color:var(--muted);font-size:.80rem;line-height:1.45}
@media(max-width:1000px){.trust-icons-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.trust-icons-grid{grid-template-columns:repeat(2,1fr)}.trust-icon-card{padding:22px 14px}.trust-emoji{font-size:2rem}}
@media(max-width:400px){.trust-icons-grid{grid-template-columns:1fr 1fr}}

/* ─── Enterprise section reframe ────────────────── */
.enterprise-copy strong{color:var(--cyan2)}

/* ════════════════════════════════════════════════════
   PREMIUM DESIGN UPGRADE
════════════════════════════════════════════════════ */

/* ─── Hero — overlay mais cinematográfico ─────────── */
.hero-overlay{background:linear-gradient(108deg,rgba(4,20,33,.97) 0%,rgba(4,20,33,.88) 28%,rgba(4,20,33,.46) 58%,rgba(4,20,33,.06) 100%),radial-gradient(ellipse at 7% 28%,rgba(223,158,67,.13),transparent 36%),radial-gradient(circle at 12% 80%,rgba(158,200,232,.11),transparent 30%)}
.hero h1{text-shadow:0 6px 48px rgba(0,0,0,.32)}
.hero p{text-shadow:0 2px 16px rgba(0,0,0,.22)}

/* ─── Botão primary — brilho e glow premium ──────── */
.btn-primary{position:relative;overflow:hidden}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 58%);pointer-events:none;border-radius:inherit}
.btn-primary:hover{box-shadow:0 22px 56px rgba(92,116,148,.52),0 0 0 3px rgba(158,200,232,.24);transform:translateY(-3px)}
.btn-outline:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.7);transform:translateY(-3px)}

/* ─── Stats band numbers — gradiente cyan/gold ────── */
.stat span{background:linear-gradient(135deg,#9ec8e8,#dfeefa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.3rem;font-weight:950;letter-spacing:-.01em}
.stat strong{font-size:.9rem;letter-spacing:.03em}

/* ─── Serviços — overlay mais dramático ──────────── */
.service-card::after{background:linear-gradient(0deg,rgba(4,20,33,.96) 0%,rgba(4,20,33,.52) 42%,rgba(4,20,33,.06) 72%,transparent 100%)}
.service-card{transition:transform .32s ease,box-shadow .32s ease}
.service-card:hover{transform:translateY(-5px);box-shadow:0 32px 68px rgba(8,43,69,.26)}
.service-card.feature strong{font-size:1.65rem;letter-spacing:-.03em}

/* ─── Compare card wide — último span full width ─── */
.compare-card-wide{grid-column:1 / -1}
.compare-wrap-wide{aspect-ratio:21/8 !important}
@media(max-width:900px){.compare-wrap-wide{aspect-ratio:16/9 !important}}
@media(max-width:600px){.compare-wrap-wide{aspect-ratio:4/3 !important}}

/* ─── Testimonials — aspas decorativas premium ────── */
.testimonial-card{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}
.testimonial-card::before{content:'\201C';position:absolute;top:-6px;right:18px;font-size:5.6rem;line-height:1;font-weight:900;color:var(--blue-ice);font-family:Georgia,'Times New Roman',serif;opacity:.55;pointer-events:none;user-select:none}
.testimonial-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(8,43,69,.13)}
.testimonial-card .stars{font-size:1rem;letter-spacing:3px;margin-bottom:12px}
.testimonial-card p{font-size:.95rem;line-height:1.6}
.testimonial-card strong{display:block;margin-top:14px;font-size:.87rem;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-brand)}

/* ─── Process steps — linha conectora ────────────── */
.steps{position:relative}
.steps::before{content:"";position:absolute;left:28px;top:52px;bottom:52px;width:2px;background:linear-gradient(to bottom,rgba(158,200,232,.5),rgba(158,200,232,.06));pointer-events:none}
.steps span{box-shadow:0 0 0 4px rgba(158,200,232,.18),0 8px 22px rgba(0,0,0,.14)}
.steps article{background:rgba(255,255,255,.06);backdrop-filter:blur(4px)}
.steps strong{font-size:1.02rem;letter-spacing:-.01em}

/* ─── FAQ — transição suave e hover ──────────────── */
details{transition:box-shadow .22s,background .22s}
details[open]{background:#f2f8fb;box-shadow:0 14px 38px rgba(8,43,69,.08)}
summary{transition:color .2s}
summary:hover{color:var(--blue-brand)}
details[open] summary{color:var(--blue-brand)}
details[open] summary::after{content:"–"}

/* ─── Trust icon cards — emoji pill background ────── */
.trust-emoji{display:flex;align-items:center;justify-content:center;width:62px;height:62px;background:var(--blue-ice);border-radius:18px;margin:0 auto 16px;font-size:1.9rem;line-height:1;box-shadow:0 8px 22px rgba(8,43,69,.08)}
.trust-icon-card{border:1px solid var(--line);box-shadow:0 12px 34px rgba(8,43,69,.06)}

/* ─── Kicker — linha gradiente mais elegante ─────── */
.kicker::before{background:linear-gradient(90deg,var(--cyan),rgba(158,200,232,.0));width:32px}

/* ─── Section headings — tipografia mais impactante ─ */
h2{letter-spacing:-.065em}
.results-top h2,.section-head h2,.about-text h2{letter-spacing:-.07em}

/* ─── Mini benefits — impermeabilização ──────────── */
.mini-benefits span{font-size:.9rem;padding:16px 18px;font-weight:900;transition:background .2s,transform .2s}
.mini-benefits span:hover{background:#eef6fb;transform:translateY(-2px)}
.mini-benefits span::before{color:var(--blue-brand);font-weight:950}

/* ─── Section bridge / intro ─────────────────────── */
.split-intro{align-items:center;gap:60px}

/* ─── Segment row tags — empresas ────────────────── */
.segment-row span{transition:background .2s,border-color .2s}
.segment-row span:hover{background:rgba(220,238,251,.18);border-color:rgba(220,238,251,.7)}

/* ─── Compare cards — border mais elegante ─────────── */
.compare-card{border:1px solid rgba(255,255,255,.18)}

/* ─── Floating WhatsApp — pulsação ───────────────── */
@keyframes wapulse{0%,100%{box-shadow:0 0 0 0 rgba(30,198,107,.45)}70%{box-shadow:0 0 0 12px rgba(30,198,107,0)}}
.floating-whatsapp{animation:wapulse 2.4s ease infinite}

/* ─── Gallery items ───────────────────────────────── */
.gallery-item{transition:transform .28s ease,box-shadow .28s ease}
.gallery-item:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(8,43,69,.18)}

/* ─── About photo ─────────────────────────────────── */
.about-photo img{transition:transform .6s ease}
.about-block:hover .about-photo img{transform:scale(1.03)}

/* ─── Premium gallery figures ─────────────────────── */
.premium-gallery figure{transition:transform .32s ease,box-shadow .32s ease}
.premium-gallery figure:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(7,25,40,.18)}

/* ─── Final CTA — mais dramático ─────────────────── */
.final-cta{background:linear-gradient(135deg,#3d5a7a,#6b96b8,#9ec8e8);position:relative;overflow:hidden}
.final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08),transparent 40%);pointer-events:none}
.final-cta h2{font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.065em}
.contact-cards a{transition:transform .22s,box-shadow .22s}
.contact-cards a:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.18)}

/* ─── LavTudo brand — "LAVTUDO" styling fix ─────── */
.brand-copy strong{font-size:1.52rem !important;letter-spacing:.01em !important}

/* ─── Responsive fixes ────────────────────────────── */
@media(max-width:860px){
  .compare-wrap-wide{aspect-ratio:16/9 !important}
  .steps::before{display:none}
}
@media(max-width:560px){
  .hero-badges{gap:6px}
  .hero-badge{font-size:.70rem;padding:6px 10px}
  .testimonial-card::before{font-size:4.2rem}
}

/* ════════════════════════════════════════════════════
   PLAYER DE VÍDEO PREMIUM
════════════════════════════════════════════════════ */
.vlog-home{background:linear-gradient(180deg,#041421 0%,#061b2b 100%);padding:100px 0;color:#fff}
.vlog-header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:52px}
.vlog-header-text .kicker{color:var(--cyan)}
.vlog-header-text h2{color:#fff;max-width:540px;margin:0}
.vlog-header-text p{color:rgba(255,255,255,.62);margin:16px 0 0;font-size:1.04rem}
.vlog-cta{flex-shrink:0;white-space:nowrap;align-self:center;border-color:rgba(255,255,255,.4)!important;color:#fff!important}
.vlog-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}

/* Card de vídeo */
.vcard{border-radius:28px;overflow:hidden;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 72px rgba(0,0,0,.38);transition:transform .35s ease,box-shadow .35s ease}
.vcard:hover{transform:translateY(-6px);box-shadow:0 44px 96px rgba(0,0,0,.48)}

/* Área de mídia */
.vcard-media{position:relative;aspect-ratio:9/16;max-height:540px;overflow:hidden;background:#000;cursor:pointer}
.vcard-media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s ease}
.vcard:hover .vcard-media video{transform:scale(1.04)}

/* Overlay escuro sobre o vídeo pausado */
.vcard-media::before{content:"";position:absolute;inset:0;background:rgba(4,20,33,.28);z-index:2;transition:opacity .4s ease;pointer-events:none}
.vcard-media.is-playing::before{opacity:0}

/* Botão play circular */
.vplay-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.93);border:none;cursor:pointer;display:grid;place-items:center;box-shadow:0 16px 44px rgba(0,0,0,.42),0 0 0 10px rgba(255,255,255,.14);transition:transform .25s ease,opacity .3s ease,box-shadow .25s ease;color:var(--navy)}
.vplay-btn svg{margin-left:4px;display:block}
.vplay-btn:hover{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 22px 56px rgba(0,0,0,.5),0 0 0 14px rgba(255,255,255,.11)}
.vplay-btn.is-playing{opacity:0;pointer-events:none}
.vcard-media:hover .vplay-btn.is-playing{opacity:1;pointer-events:auto}

/* Tag topo do card */
.vcard-top{position:absolute;top:16px;left:16px;z-index:5}
.vcard-tag{background:rgba(4,20,33,.76);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:7px 14px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}

/* Barra de progresso */
.vcard-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.18);z-index:5}
.vcard-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--cyan),var(--blue-soft));border-radius:999px;transition:width .18s linear}

/* Info abaixo do vídeo */
.vcard-info{padding:22px 26px 26px}
.vcard-info strong{display:block;color:#fff;font-size:1.1rem;font-weight:900;letter-spacing:-.02em;margin-bottom:7px}
.vcard-info p{margin:0;color:rgba(255,255,255,.58);font-size:.88rem;line-height:1.55}

@media(max-width:860px){.vlog-header{flex-direction:column;gap:20px;margin-bottom:36px}.vlog-grid{grid-template-columns:1fr}.vcard-media{aspect-ratio:16/9;max-height:420px}.vlog-cta{align-self:flex-start}}
@media(max-width:560px){.vlog-home{padding:70px 0}.vcard-media{aspect-ratio:4/3;max-height:none}.vplay-btn{width:60px;height:60px}}

/* ════════════════════════════════════════════════════
   DEPOIMENTO DESTAQUE (featured)
════════════════════════════════════════════════════ */
.testimonial-featured{position:relative;background:linear-gradient(135deg,var(--navy) 0%,#0e3354 100%);border:1px solid rgba(158,200,232,.18);border-radius:32px;padding:54px 64px;margin-bottom:40px;overflow:hidden}
.testimonial-featured::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 8%,rgba(158,200,232,.13),transparent 42%),radial-gradient(circle at 10% 90%,rgba(223,158,67,.07),transparent 36%);pointer-events:none}
.tf-quote-mark{position:absolute;top:14px;left:44px;font-size:10rem;line-height:1;font-weight:900;color:rgba(158,200,232,.13);font-family:Georgia,serif;pointer-events:none;user-select:none;z-index:0}
.testimonial-featured blockquote{position:relative;z-index:1;margin:0;font-size:clamp(1.18rem,2.4vw,1.6rem);font-weight:700;line-height:1.5;color:#fff;letter-spacing:-.018em;font-style:italic;max-width:800px}
.tf-meta{position:relative;z-index:1;margin-top:30px;display:flex;align-items:center;gap:14px}
.tf-stars{color:#ffd166;font-size:1.05rem;letter-spacing:2px;line-height:1}
.tf-author{color:rgba(255,255,255,.6);font-size:.88rem;font-weight:700;font-style:normal;letter-spacing:.02em}
.testimonials-footer{text-align:center;margin-top:36px}
@media(max-width:760px){.testimonial-featured{padding:36px 30px}.tf-quote-mark{font-size:6.5rem;left:20px}}
@media(max-width:480px){.testimonial-featured{padding:28px 22px}.testimonial-featured blockquote{font-size:1.08rem}}

/* ════════════════════════════════════════════════════
   DESIGN MEGA UPGRADE — GLOBAL
════════════════════════════════════════════════════ */

/* Seções — mais espaço e respiro */
.section,.services-showcase,.gallery-section,.faq-section,.testimonials-section,.who-trusts-section,.about-process{padding:100px 0}
.results-section{padding:100px 0}
.stats-band{padding:46px 0}
.waterproof-copy{padding:96px max(32px,calc((100vw - var(--container))/2)) 80px 72px}

/* Hero — mais alto, tipografia legível e impactante */
.hero{min-height:860px}
.hero h1{font-size:clamp(2.8rem,5.5vw,5.4rem);letter-spacing:-.06em;line-height:1.06}
.hero p{font-size:1.18rem;line-height:1.62;max-width:560px}

/* Headings globais — mais apertados */
h2{letter-spacing:-.072em}
.results-top h2,.section-head h2,.about-text h2,.premium-head h2,.testimonials-head h2,.faq-copy h2{font-size:clamp(2.1rem,3.8vw,3.7rem)}

/* Stats band — numeração maior */
.stat span{font-size:1.38rem;margin-bottom:11px}
.stat strong{font-size:.92rem;line-height:1.2;letter-spacing:.025em}
.stat p{font-size:.88rem;line-height:1.52}

/* Service cards — mais arredondados e dinâmicos */
.service-layout{gap:18px}
.service-card{border-radius:26px}
.service-card.feature strong{font-size:1.68rem;line-height:1.1;letter-spacing:-.04em}

/* Compare cards — border radius maior */
.compare-card{border-radius:30px}
.compare-wrap{border-radius:22px}

/* Frase conectora — mais dramática */
.connecting-phrase-section{padding:90px 0}
.connecting-quote{font-size:clamp(1.3rem,2.9vw,2.1rem);line-height:1.44}

/* About/Process — mais premium */
.about-block{border-radius:34px;box-shadow:0 26px 68px rgba(8,43,69,.12)}
.about-text{padding:72px 56px}
.process-block{border-radius:34px;padding:64px 50px}
.steps article{border-radius:22px}

/* Gallery items */
.gallery-item{border-radius:24px}
.gallery-masonry{gap:16px}

/* FAQ — fundo sutil */
.faq-section{background:linear-gradient(180deg,#f2f7fb 0%,#fff 60%)}
.faq-grid{gap:64px}
.accordion details{border-radius:20px}
summary{padding:22px 26px;font-size:1.0rem}

/* Who trusts — fundo mais sofisticado */
.who-trusts-section{background:linear-gradient(180deg,#fff 0%,#f2f7fb 100%)}
.trust-icon-card{border-radius:26px;padding:32px 22px;box-shadow:0 14px 38px rgba(8,43,69,.07)}

/* Testimonial carousel — mais espaço */
.testimonial-carousel{gap:18px;padding-bottom:16px}
.testimonial-card{padding:26px;border-radius:24px}

/* Floating WA */
.floating-whatsapp{width:66px;height:66px;font-size:2rem}
@keyframes wapulse2{0%,100%{box-shadow:0 0 0 0 rgba(30,198,107,.5),0 20px 42px rgba(0,0,0,.26)}70%{box-shadow:0 0 0 14px rgba(30,198,107,0),0 20px 42px rgba(0,0,0,.26)}}
.floating-whatsapp{animation:wapulse2 2.6s ease infinite}

/* Final CTA — mais dramático */
.final-cta{padding:68px 0}

/* Footer */
.site-footer{padding:38px 0}
.footer-grid p{font-size:.93rem;margin-top:8px}

/* Responsivo geral */
@media(max-width:860px){
  .section,.services-showcase,.gallery-section,.faq-section,.testimonials-section,.who-trusts-section,.about-process,.results-section{padding:72px 0}
  .vlog-home{padding:72px 0}
  .connecting-phrase-section{padding:64px 0}
  .about-text{padding:44px 28px}
  .process-block{padding:44px 28px}
}
@media(max-width:560px){
  .hero{min-height:640px}
  .hero h1{font-size:clamp(1.9rem,7.5vw,2.8rem);line-height:1.1;letter-spacing:-.05em}
  .testimonial-featured{border-radius:22px}
}

/* ════════════════════════════════════════════════════
   POLISH FINAL — micro-detalhes de acabamento
════════════════════════════════════════════════════ */

/* Suaviza todas as imagens de seção */
.service-card img,.enterprise-main img,.enterprise-side img,
.about-photo img,.premium-hero-card img,.premium-mini-card img{
  will-change:transform;
}

/* Intro section — separador sutil */
.intro-section{border-top:1px solid var(--line)}

/* Scroll indicator no hero */
.hero-scroll{
  position:absolute;
  bottom:32px;
  left:50%;
  transform:translateX(-50%);
  z-index:3;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  color:rgba(255,255,255,.52);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  animation:scrollbob 2.2s ease-in-out infinite;
}
.hero-scroll::after{
  content:"";
  display:block;
  width:1px;
  height:38px;
  background:linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.0));
}
@keyframes scrollbob{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(6px)}
}
@media(max-width:560px){.hero-scroll{display:none}}

/* Melhor hover no header CTA */
.header-cta{transition:transform .2s,box-shadow .2s}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(92,116,148,.42)}

/* Stats band — linha divisória superior mais sutil */
.stats-band{border-top:1px solid rgba(255,255,255,.06)}

/* Service text-card — link com seta animada */
.text-card a{display:inline-flex;align-items:center;gap:6px;transition:gap .2s,color .2s}
.text-card a:hover{gap:10px;color:#fff}

/* Connecting phrase — border top sutil */
.connecting-phrase-section{border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}

/* Enterprise section — melhor separação do lado side */
.enterprise-side div{font-size:.95rem;font-weight:800;line-height:1.5}

/* Gallery item — sombra mais suave no hover */
.gallery-item:hover{box-shadow:0 28px 64px rgba(8,43,69,.2)}

/* Process steps — step numbers mais brilhantes */
.steps span{background:linear-gradient(135deg,var(--blue-soft),#c8e8f8);color:var(--navy);font-size:1.3rem;font-weight:950}

/* FAQ — chevron ao invés de +/- */
summary::after{font-size:1.5rem;transition:transform .22s;display:block;line-height:1}
details[open] summary::after{transform:rotate(45deg)}

/* Final CTA whatsapp mark */
.whatsapp-mark{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px);border:2px solid rgba(255,255,255,.5);transition:transform .2s,background .2s}
.final-cta a .whatsapp-mark:hover{transform:scale(1.1);background:rgba(255,255,255,.28)}

/* Footer — link hover sutil */
.footer-grid a{transition:opacity .2s}
.footer-grid a:hover{opacity:.78}

/* Lightbox — melhor fechamento */
.lightbox-close{transition:transform .2s,background .2s;font-size:1.8rem;line-height:1;display:grid;place-items:center}
.lightbox-close:hover{transform:scale(1.12);background:var(--navy);color:#fff}

/* Floating WA — tamanho de ícone */
.floating-whatsapp{font-size:1.75rem;transition:transform .22s}
.floating-whatsapp:hover{transform:scale(1.12)}

/* ════════════════════════════════════════════════════
   ENTERPRISE V2 — Residencial & Corporativo
════════════════════════════════════════════════════ */
.enterprise-v2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:52px;
  align-items:center;
}

/* Copy column */
.enterprise-v2-copy h2{
  color:#fff;
  font-size:clamp(1.9rem,3.2vw,3rem);
  margin-top:14px;
  letter-spacing:-.07em;
  line-height:1.05;
}
.enterprise-v2-copy p{
  color:rgba(255,255,255,.76);
  margin:22px 0 30px;
  font-size:1.08rem;
  line-height:1.68;
}
.enterprise-v2-copy p strong{
  color:var(--cyan2);
  font-weight:900;
}
.enterprise-v2-copy .segment-row{
  margin-bottom:34px;
}
.ev2-btn{
  border-color:rgba(255,255,255,.42) !important;
  color:#fff !important;
  font-size:.82rem !important;
  padding:14px 22px !important;
  transition:background .22s,border-color .22s,transform .2s !important;
}
.ev2-btn:hover{
  background:rgba(255,255,255,.14) !important;
  border-color:rgba(255,255,255,.7) !important;
  transform:translateY(-3px) !important;
}

/* Photos mosaic column */
.enterprise-v2-photos{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:14px;
  height:520px;
}
.ev2-photo-main{
  grid-row:1 / -1;
  position:relative;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(0,0,0,.34);
}
.ev2-photo-main img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .7s ease;
}
.ev2-photo-main:hover img{
  transform:scale(1.04);
}
.ev2-photo-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(4,20,33,.72));
  pointer-events:none;
}
.ev2-badge{
  position:absolute;
  bottom:20px;
  left:18px;
  right:18px;
  z-index:2;
  background:rgba(4,20,33,.78);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  padding:14px 18px;
  border-radius:18px;
  font-weight:900;
  font-size:.88rem;
  display:flex;
  align-items:center;
  gap:10px;
  letter-spacing:-.01em;
  line-height:1.3;
}
.ev2-badge-icon{
  color:var(--cyan);
  font-size:1rem;
  flex-shrink:0;
}
.ev2-photo-small{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}
.ev2-photo-small img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  transition:transform .6s ease;
}
.ev2-photo-small:hover img{
  transform:scale(1.05);
}

/* Responsive enterprise v2 */
@media(max-width:1080px){
  .enterprise-v2{gap:36px}
  .enterprise-v2-photos{height:460px}
}
@media(max-width:860px){
  .enterprise-v2{grid-template-columns:1fr;gap:32px}
  .enterprise-v2-photos{height:360px}
}
@media(max-width:560px){
  .enterprise-v2-photos{
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;
    height:auto;
    gap:10px;
  }
  .ev2-photo-main{grid-row:auto;height:260px}
  .ev2-photo-small{height:180px}
}

/* ════════════════════════════════════════════════════
   GLOBAL MICRO IMPROVEMENTS
════════════════════════════════════════════════════ */

/* Custom selection color */
::selection{background:rgba(158,200,232,.35);color:var(--navy)}

/* Custom scrollbar (Chrome/Edge/Safari) */
::-webkit-scrollbar{width:7px}
::-webkit-scrollbar-track{background:#f0f4f8}
::-webkit-scrollbar-thumb{background:var(--blue-brand);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:var(--navy)}

/* Better focus ring */
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}

/* Compare range — accent color for slider thumb */
.compare-range{accent-color:var(--cyan)}

/* Smooth image rendering */
img{image-rendering:auto}

/* Segment row pills — hover transition */
.segment-row span{
  transition:background .22s,border-color .22s,color .22s,transform .18s;
  cursor:default;
}
.segment-row span:hover{
  background:rgba(158,200,232,.22);
  border-color:var(--cyan2);
  color:#fff;
  transform:translateY(-1px);
}

/* ════════════════════════════════════════════════════
   VCARD — REDESIGN PREMIUM COMPLETO
════════════════════════════════════════════════════ */

/* Seção */
.vlog-home{
  background:linear-gradient(180deg,#010c15 0%,#041421 40%,#061b2b 100%) !important;
  padding:110px 0 !important;
  position:relative;
  overflow:hidden;
}
.vlog-home::before{
  content:"";
  position:absolute;
  top:-120px;
  left:50%;
  transform:translateX(-50%);
  width:900px;
  height:500px;
  background:radial-gradient(ellipse,rgba(158,200,232,.065) 0%,transparent 68%);
  pointer-events:none;
}

/* Header da seção */
.vlog-header{
  margin-bottom:60px !important;
}
.vlog-header-text h2{
  font-size:clamp(1.7rem,2.8vw,2.6rem) !important;
  letter-spacing:-.065em;
  line-height:1.08;
}

/* Grid — 2 cards centralizados */
.vlog-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:24px !important;
  max-width:860px !important;
  margin:0 auto !important;
}

/* Card externo */
.vcard{
  border-radius:28px !important;
  overflow:hidden !important;
  background:#000 !important;
  border:none !important;
  box-shadow:
    0 2px 0 rgba(255,255,255,.08) inset,
    0 36px 88px rgba(0,0,0,.58) !important;
  transition:transform .38s cubic-bezier(.22,1,.36,1), box-shadow .38s ease !important;
  position:relative;
}
.vcard:hover{
  transform:translateY(-10px) scale(1.012) !important;
  box-shadow:
    0 2px 0 rgba(255,255,255,.1) inset,
    0 52px 110px rgba(0,0,0,.68),
    0 0 0 1px rgba(158,200,232,.18) !important;
}

/* Área de mídia */
.vcard-media{
  position:relative !important;
  aspect-ratio:9/16 !important;
  max-height:none !important;
  overflow:hidden !important;
  background:#000 !important;
  cursor:pointer !important;
}
.vcard-media video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .9s cubic-bezier(.22,1,.36,1) !important;
}
.vcard:hover .vcard-media video{
  transform:scale(1.06) !important;
}

/* Overlay escuro de fundo (pausa) — mais sutil */
.vcard-media::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:rgba(4,20,33,.18) !important;
  z-index:2 !important;
  transition:opacity .4s ease !important;
  pointer-events:none !important;
}
.vcard-media.is-playing::before{
  opacity:0 !important;
}

/* Gradiente de baixo para cima — dá base para o texto */
.vcard-media::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(
    to top,
    rgba(4,20,33,.97) 0%,
    rgba(4,20,33,.82) 22%,
    rgba(4,20,33,.38) 42%,
    transparent 62%
  ) !important;
  z-index:3 !important;
  pointer-events:none !important;
  transition:opacity .5s ease !important;
}
.vcard-media.is-playing::after{
  opacity:.28 !important;
}

/* Botão play — redesign premium */
.vplay-btn{
  position:absolute !important;
  top:42% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:5 !important;
  width:72px !important;
  height:72px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.96) !important;
  border:none !important;
  cursor:pointer !important;
  display:grid !important;
  place-items:center !important;
  color:var(--navy) !important;
  box-shadow:0 14px 44px rgba(0,0,0,.52), 0 0 0 0 rgba(255,255,255,.3) !important;
  transition:transform .3s cubic-bezier(.22,1,.36,1), opacity .3s ease, box-shadow .3s ease !important;
}
/* Anel pulsante */
.vplay-btn::before{
  content:"" !important;
  position:absolute !important;
  inset:-10px !important;
  border-radius:50% !important;
  border:2.5px solid rgba(255,255,255,.28) !important;
  animation:vplaypulse 2.6s ease-in-out infinite !important;
}
@keyframes vplaypulse{
  0%,100%{transform:scale(1);opacity:.9}
  50%{transform:scale(1.18);opacity:0}
}
.vplay-btn svg{
  margin-left:4px !important;
  display:block !important;
}
.vplay-btn:hover{
  transform:translate(-50%,-50%) scale(1.14) !important;
  background:#fff !important;
  box-shadow:0 20px 56px rgba(0,0,0,.6), 0 0 0 18px rgba(255,255,255,.09) !important;
}
.vplay-btn.is-playing{
  opacity:0 !important;
  pointer-events:none !important;
}
.vplay-btn.is-playing::before{
  display:none !important;
}
.vcard-media:hover .vplay-btn.is-playing{
  opacity:.82 !important;
  pointer-events:auto !important;
}

/* Tag de categoria */
.vcard-top{
  position:absolute !important;
  top:18px !important;
  left:18px !important;
  z-index:6 !important;
}
.vcard-tag{
  background:rgba(4,20,33,.68) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  border-radius:999px !important;
  padding:6px 14px !important;
  font-size:.68rem !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.13em !important;
}

/* Texto overlaid no rodapé do vídeo */
.vcard-overlay{
  position:absolute !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  padding:22px 22px 22px !important;
  z-index:4 !important;
  pointer-events:none !important;
}
.vcard-overlay strong{
  display:block !important;
  color:#fff !important;
  font-size:1.12rem !important;
  font-weight:900 !important;
  letter-spacing:-.03em !important;
  line-height:1.2 !important;
  margin-bottom:6px !important;
  text-shadow:0 2px 14px rgba(0,0,0,.5) !important;
}
.vcard-overlay p{
  margin:0 !important;
  color:rgba(255,255,255,.68) !important;
  font-size:.84rem !important;
  line-height:1.5 !important;
}

/* Barra de progresso */
.vcard-progress{
  position:absolute !important;
  bottom:0 !important;
  left:0 !important;
  right:0 !important;
  height:3px !important;
  background:rgba(255,255,255,.12) !important;
  z-index:6 !important;
}
.vcard-progress-bar{
  height:100% !important;
  width:0% !important;
  background:linear-gradient(90deg,var(--cyan),#c8f0ff) !important;
  border-radius:999px !important;
  transition:width .18s linear !important;
}

/* Remove old vcard-info styles */
.vcard-info{display:none !important}

/* Responsive — 2 cards */
@media(max-width:860px){
  .vlog-grid{
    grid-template-columns:1fr !important;
    max-width:420px !important;
    gap:20px !important;
  }
  .vcard-media{
    aspect-ratio:4/5 !important;
  }
  .vplay-btn{
    width:64px !important;
    height:64px !important;
  }
}
@media(max-width:560px){
  .vlog-home{padding:72px 0 !important}
  .vlog-grid{max-width:100% !important}
  .vcard-media{aspect-ratio:3/4 !important}
  .vplay-btn{width:58px !important;height:58px !important}
  .vcard-overlay strong{font-size:1rem !important}
}


/* ════════════════════════════════════════════════════
   ALTERAÇÕES PDF — LAVTUDO JUNHO 2026
════════════════════════════════════════════════════ */

/* ── 1. HEADER FAIXA BRANCA ────────────────────────── */
.site-header-white{
  background:#fff !important;
  box-shadow:0 2px 18px rgba(0,0,0,.08) !important;
  backdrop-filter:none !important;
}
.site-header-white.scrolled{
  background:#fff !important;
  box-shadow:0 4px 26px rgba(0,0,0,.12) !important;
}
/* Logotipo escuro */
.site-header-white .brand-copy strong{
  color:var(--navy) !important;
  text-shadow:none !important;
}
.site-header-white .brand-copy em{
  color:var(--blue-brand) !important;
  opacity:1 !important;
}
.site-header-white .brand-copy small{
  color:var(--muted) !important;
}
/* Links do menu escuros */
.site-header-white .main-nav a{
  color:var(--navy) !important;
  opacity:1 !important;
}
.site-header-white .main-nav a::after{
  background:var(--blue-brand) !important;
}
/* Hamburguer escuro */
.site-header-white .menu-toggle{
  border-color:rgba(6,27,43,.28) !important;
  background:rgba(6,27,43,.06) !important;
}
.site-header-white .menu-toggle span{
  background:var(--navy) !important;
}
/* CTA header verde WhatsApp */
.header-cta-wa{
  background:#25d366 !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 8px 24px rgba(37,211,102,.28) !important;
  gap:8px !important;
  font-size:.78rem !important;
}
.header-cta-wa:hover{
  background:#1ab755 !important;
  box-shadow:0 14px 38px rgba(37,211,102,.42) !important;
}
.wa-icon-sm{width:18px;height:18px;flex-shrink:0}

/* ── 2. BOTÃO WHATSAPP VERDE ───────────────────────── */
.btn-whatsapp{
  background:#25d366;
  color:#fff !important;
  border-color:#25d366;
  box-shadow:0 14px 38px rgba(37,211,102,.32);
  gap:9px;
}
.btn-whatsapp:hover{
  background:#1ab755 !important;
  border-color:#1ab755 !important;
  box-shadow:0 22px 52px rgba(37,211,102,.48) !important;
  transform:translateY(-3px) !important;
}
.btn-whatsapp::after{display:none !important}
.wa-icon-btn{width:20px;height:20px;flex-shrink:0}

/* ── 3. BOTÃO AZUL (Serviços) ─────────────────────── */
.btn-blue{
  background:linear-gradient(135deg,var(--blue-brand),var(--blue-soft));
  color:#fff;
  border-color:transparent;
  box-shadow:0 14px 38px rgba(92,116,148,.3);
}
.btn-blue:hover{
  box-shadow:0 22px 52px rgba(92,116,148,.48);
  transform:translateY(-3px);
}

/* ── 4. HERO — hero-inner sem side card ──────────────── */
.hero-inner{
  grid-template-columns:1fr !important;
  padding-top:120px !important;
  padding-bottom:72px !important;
}
.hero-copy{max-width:680px}

/* ── 5. SERVIÇOS — CTA abaixo da grade ──────────────── */
.services-cta-wrap{
  text-align:center;
  margin-top:44px;
}
.services-cta-btn{
  font-size:.88rem !important;
  padding:16px 32px !important;
}

/* Service card: 6 cards mesmo tamanho */
.service-layout{
  grid-template-columns:1.18fr .86fr .86fr !important;
  grid-auto-rows:220px !important;
}

/* ── 6. SERVIÇOS CORPORATIVOS — checklist ─────────── */
.corp-checklist{
  list-style:none;
  padding:0;
  margin:22px 0 32px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 20px;
}
.corp-checklist li{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.88);
  font-size:.97rem;
  font-weight:700;
  line-height:1.3;
}
.corp-check{
  color:#25d366;
  font-size:1.1rem;
  font-weight:900;
  flex-shrink:0;
}
/* CTA corporativo — botão verde */
.ev2-btn-wa{
  font-size:.82rem !important;
  padding:14px 22px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  border-radius:14px !important;
  text-transform:uppercase !important;
  font-weight:950 !important;
  letter-spacing:.04em !important;
}

/* ── 7. IMPERMEABILIZAÇÃO — foto menor ───────────────── */
.waterproof-section{
  grid-template-columns:.88fr 1.12fr;
}
.waterproof-photo{
  min-height:460px;
}

/* ── 8. QUEM SOMOS — layout atualizado ──────────────── */
.about-process{background:#f1f7f8;padding:100px 0}
.about-process-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:20px;
  align-items:stretch;
}
/* Diferenciais checklist */
.about-diferenciais{
  list-style:none;
  padding:0;
  margin:24px 0 0;
  display:grid;
  gap:8px;
}
.about-diferenciais li{
  font-weight:800;
  color:var(--navy);
  font-size:.92rem;
  display:flex;
  align-items:center;
  gap:8px;
  line-height:1.35;
}
/* Bloco "Por que escolher" */
.why-block{
  border-radius:34px;
  padding:58px 44px;
  background:linear-gradient(135deg,var(--navy),#173d5a);
  color:#fff;
  box-shadow:0 20px 58px rgba(8,43,69,.14);
}
.why-block .kicker{color:var(--cyan)}
.why-block h2{color:#fff;margin:14px 0 28px}
.why-steps{
  display:grid;
  gap:14px;
  position:relative;
}
.why-steps::before{
  content:"";
  position:absolute;
  left:28px;top:52px;bottom:52px;
  width:2px;
  background:linear-gradient(to bottom,rgba(158,200,232,.5),rgba(158,200,232,.06));
  pointer-events:none;
}
.why-steps article{
  display:grid;
  grid-template-columns:56px 1fr;
  align-items:flex-start;
  gap:16px;
  padding:16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(4px);
}
.why-steps span{
  width:56px;height:56px;
  background:linear-gradient(135deg,var(--blue-soft),#c8e8f8);
  color:var(--navy);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-weight:950;font-size:1.1rem;
  flex-shrink:0;
  box-shadow:0 0 0 4px rgba(158,200,232,.18),0 8px 22px rgba(0,0,0,.14);
}
.why-steps strong{display:block;color:#fff;font-size:.97rem;line-height:1.25;font-weight:900}
.why-steps p{margin:6px 0 0;color:rgba(255,255,255,.68);font-size:.86rem;line-height:1.52}

/* ── 9. AVALIAÇÕES — título e subtítulo ────────────── */
.testimonials-head{
  display:block !important;
  text-align:center;
  margin-bottom:40px;
}
.testimonials-head h2{
  max-width:none;
}
.testimonials-sub{
  color:var(--muted);
  font-size:1.05rem;
  margin:14px auto 0;
  max-width:520px;
}

/* ── 10. FASE FINAL — formulário ────────────────────── */
.final-cta{
  background:linear-gradient(135deg,#0b2338,#0e3354,#1a4a72);
  color:#fff;
  padding:90px 0;
}
.final-cta h2{color:#fff;margin:10px 0}
.final-cta p{color:rgba(255,255,255,.8);margin:0 0 48px}
.final-section-head{
  text-align:center;
  margin-bottom:56px;
}
.final-section-head h2{
  font-size:clamp(1.9rem,3.2vw,3rem);
  letter-spacing:-.065em;
  color:#fff;
}
.final-grid-v2{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:48px;
  align-items:start;
}
/* Formulário */
.contact-form-wrap{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  padding:40px 36px;
  backdrop-filter:blur(12px);
}
.contact-form{display:grid;gap:18px}
.cf-row{display:flex;flex-direction:column;gap:7px}
.cf-row label{
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:rgba(255,255,255,.7);
}
.cf-row input,
.cf-row select,
.cf-row textarea{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  padding:14px 16px;
  color:#fff;
  font:inherit;
  font-size:.95rem;
  transition:border-color .2s,background .2s;
  resize:vertical;
}
.cf-row input::placeholder,
.cf-row textarea::placeholder{color:rgba(255,255,255,.38)}
.cf-row select option{background:#0e3354;color:#fff}
.cf-row input:focus,
.cf-row select:focus,
.cf-row textarea:focus{
  outline:none;
  border-color:rgba(37,211,102,.7);
  background:rgba(255,255,255,.14);
}
.cf-submit{
  width:100%;
  padding:17px 24px !important;
  font-size:.9rem !important;
  justify-content:center;
  border-radius:16px !important;
  margin-top:4px;
}
/* Contatos diretos */
.contact-direct{
  display:flex;
  flex-direction:column;
  gap:28px;
  padding-top:8px;
}
.contact-direct-item .cd-label{
  display:block;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:rgba(255,255,255,.5);
  margin-bottom:6px;
}
.cd-link{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  font-size:1.22rem;
  font-weight:900;
  transition:opacity .2s;
}
.cd-link:hover{opacity:.8}
.wa-icon-lg{width:28px;height:28px;color:#25d366;flex-shrink:0}
.cd-text{color:rgba(255,255,255,.68);margin:0;font-size:.95rem;line-height:1.55}

/* ── 11. FOOTER V2 ──────────────────────────────────── */
.site-footer{background:var(--deep);color:#fff;padding:52px 0 0}
.footer-v2{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:40px;
  padding-bottom:40px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.footer-tagline{
  color:rgba(255,255,255,.58);
  font-size:.88rem;
  margin:14px 0 0;
  line-height:1.6;
}
.footer-info-item{margin-bottom:18px}
.footer-info-item small{
  display:block;
  text-transform:uppercase;
  color:var(--cyan2);
  font-weight:900;
  letter-spacing:.1em;
  font-size:.65rem;
  margin-bottom:5px;
}
.footer-info-item p{
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:.9rem;
  line-height:1.55;
}
.footer-bottom{
  padding:18px 0;
}
.footer-bottom p{
  margin:0;
  color:rgba(255,255,255,.4);
  font-size:.78rem;
  text-align:center;
}

/* ── 12. FLOATING BUTTON — apenas ícone SVG ─────────── */
.floating-whatsapp{
  display:grid !important;
  place-items:center !important;
  font-size:0 !important;
}
.floating-whatsapp svg{
  width:30px !important;
  height:30px !important;
}

/* ── 13. RESPONSIVO ─────────────────────────────────── */
@media(max-width:1080px){
  .final-grid-v2{grid-template-columns:1fr;gap:32px}
  .contact-direct{flex-direction:row;flex-wrap:wrap;gap:20px}
}
@media(max-width:860px){
  .footer-v2{grid-template-columns:1fr 1fr;gap:28px}
  .about-process-grid{grid-template-columns:1fr}
  .why-block{padding:44px 28px}
  .why-steps::before{display:none}
  .service-layout{
    grid-template-columns:1fr 1fr !important;
    grid-auto-rows:200px !important;
  }
  .service-card.feature{grid-row:span 2 !important}
  .waterproof-section{grid-template-columns:1fr}
  .waterproof-photo{min-height:300px}
  .corp-checklist{grid-template-columns:1fr}
  .contact-form-wrap{padding:28px 22px}
  .final-section-head{margin-bottom:36px}
  .testimonials-head{text-align:left}
}
@media(max-width:640px){
  .footer-v2{grid-template-columns:1fr}
  .service-layout{
    grid-template-columns:1fr !important;
    grid-auto-rows:210px !important;
  }
  .service-card.feature{grid-row:auto !important}
  .contact-direct{flex-direction:column}
  .header-cta-wa{display:none}
}
@media(max-width:480px){
  .corp-checklist{grid-template-columns:1fr 1fr}
}


/* ════════════════════════════════════════════════════
   UNIFORMIZAÇÃO DE CORES + DESIGN UPGRADE FINAL
════════════════════════════════════════════════════ */

/* ── Paleta principal unificada ─────────────────────
   Navy  #061b2b  ← fundos escuros, textos
   Cyan  #9ec8e8  ← destaques em fundo escuro
   Blue  #5b7292  ← destaques em fundo claro, CTAs secundários
   Green #25d366  ← WhatsApp / CTAs principais
   Paper #f4f6f8  ← fundo de seções claras
   ──────────────────────────────────────────────── */

/* Header — sem gradiente dourado/gold, sombra mais limpa */
:root{
  --gold:#5b7292; /* substitui dourado por azul-marca */
}

/* Kicker — consistência total */
.kicker{color:var(--cyan)}
.kicker.dark{color:var(--blue-brand)}
.kicker::before{background:linear-gradient(90deg,currentColor,transparent)}

/* ── Hero — overlay mais limpo e escuro ────────────── */
.hero-overlay{
  background:
    linear-gradient(112deg,
      rgba(4,20,33,.97) 0%,
      rgba(4,20,33,.88) 30%,
      rgba(4,20,33,.52) 58%,
      rgba(4,20,33,.08) 100%
    ) !important;
}

/* ── Botões — espaçamento mais generoso ────────────── */
.btn{
  padding:16px 28px;
  border-radius:12px;
  letter-spacing:.05em;
}
.btn-whatsapp{
  background:#25d366 !important;
  border-color:#25d366 !important;
  box-shadow:0 10px 30px rgba(37,211,102,.25) !important;
}
.btn-whatsapp:hover{
  background:#1db954 !important;
  box-shadow:0 18px 44px rgba(37,211,102,.40) !important;
}
.btn-blue{
  background:var(--navy) !important;
  border-color:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
}
.btn-blue:hover{
  background:#0a2e47 !important;
  transform:translateY(-2px) !important;
}
.btn-dark{
  background:var(--navy);
  color:#fff;
  border-radius:12px;
}
.btn-dark:hover{background:#0a2e47;transform:translateY(-2px)}

/* ── Hero h1 — mais impactante ──────────────────────── */
.hero h1{
  font-size:clamp(3rem,6vw,6rem) !important;
  letter-spacing:-.09em !important;
  line-height:.96 !important;
}
@media(max-width:860px){
  .hero h1{font-size:clamp(2.4rem,8.5vw,3.8rem) !important;line-height:1.02 !important}
}
@media(max-width:560px){
  .hero h1{font-size:clamp(2rem,8vw,2.8rem) !important;line-height:1.06 !important}
}

/* ── Comparação — cards mais limpos ──────────────────── */
.compare-card{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:24px !important;
  padding:12px !important;
}
.compare-wrap{border-radius:18px !important}
.compare-info strong{
  color:#fff;
  font-size:1.05rem !important;
  letter-spacing:-.025em !important;
}
.compare-info p{
  color:rgba(255,255,255,.60) !important;
  font-size:.84rem !important;
  margin:.35rem 0 0 !important;
}

/* ── Services — card mais clean ─────────────────────── */
.service-card{border-radius:20px !important;border:none !important}
.service-card::after{
  background:linear-gradient(
    0deg,
    rgba(4,20,33,.95) 0%,
    rgba(4,20,33,.6) 38%,
    rgba(4,20,33,.04) 70%,
    transparent 100%
  ) !important;
}
.text-card{background:linear-gradient(150deg,#061b2b,#0d3050) !important}

/* ── Enterprise — seção mais coesa ──────────────────── */
.enterprise-section{
  background:linear-gradient(160deg,#061b2b 0%,#082b45 100%);
}
.enterprise-v2-copy h2{
  font-size:clamp(1.8rem,2.8vw,2.8rem) !important;
}
.enterprise-v2-copy p{
  font-size:1.02rem !important;
  color:rgba(255,255,255,.72) !important;
}

/* ── Impermeabilização — seção equilibrada ───────────── */
.waterproof-section{background:#fff}
.waterproof-copy h2{color:var(--navy)}
.mini-benefits span{
  background:#f0f7fb !important;
  border-color:rgba(91,114,146,.18) !important;
  color:var(--navy) !important;
  font-size:.88rem !important;
  font-weight:850 !important;
}
.mini-benefits span::before{color:#25d366 !important}

/* ── Quem Somos — fundo limpo ────────────────────────── */
.about-process{background:var(--paper) !important}
.about-block{box-shadow:0 20px 60px rgba(8,43,69,.10) !important}
.about-text p{color:var(--muted) !important;line-height:1.7 !important}
.about-diferenciais li{color:var(--navy) !important;font-size:.93rem !important}
.why-block{background:linear-gradient(150deg,var(--navy),#0d3050) !important}

/* ── Avaliações — cards uniformes ────────────────────── */
.testimonials-section{background:var(--paper) !important}
.testimonial-featured{
  background:linear-gradient(150deg,var(--navy),#0d3050) !important;
}
.testimonial-card{
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:20px !important;
  padding:24px !important;
  box-shadow:0 8px 32px rgba(8,43,69,.07) !important;
}
.testimonial-card::before{color:var(--blue-ice) !important}
.testimonial-card strong{
  color:var(--blue-brand) !important;
  font-size:.82rem !important;
  letter-spacing:.05em !important;
}
.stars{font-size:1rem !important;letter-spacing:3px !important;color:#ffc42e !important}
.tf-stars{color:#ffc42e !important}

/* ── FAQ — mais clean ───────────────────────────────── */
.faq-section{background:#fff !important}
details{
  background:#f8fafc !important;
  border:1px solid rgba(91,114,146,.16) !important;
  border-radius:16px !important;
}
details[open]{background:#f1f7fb !important;box-shadow:0 8px 30px rgba(8,43,69,.08) !important}
summary{color:var(--navy) !important;font-size:.97rem !important}
details[open] summary{color:var(--blue-brand) !important}

/* ── CTA Final — fundo mais escuro e limpo ───────────── */
.final-cta{
  background:linear-gradient(150deg,#051525,#082438) !important;
}
.contact-form-wrap{
  background:rgba(255,255,255,.06) !important;
  border-color:rgba(255,255,255,.12) !important;
}

/* ── Footer — mais escuro e limpo ───────────────────── */
.site-footer{background:#030e18 !important}
.footer-v2{border-color:rgba(255,255,255,.08) !important}
.footer-info-item small{color:var(--cyan) !important;font-size:.62rem !important}
.footer-info-item p{color:rgba(255,255,255,.62) !important}
.footer-bottom{background:#020c14}
.footer-bottom p{color:rgba(255,255,255,.35) !important}

/* ── Floating WA — ícone maior ───────────────────────── */
.floating-whatsapp{
  width:60px !important;height:60px !important;
  background:#25d366 !important;
  box-shadow:0 12px 36px rgba(37,211,102,.40) !important;
  border:none !important;
}
.floating-whatsapp svg{width:28px !important;height:28px !important}

/* ── Menu mobile — links sempre brancos no overlay escuro ── */
@media(max-width:860px){
  .main-nav a,
  .site-header-white .main-nav a{
    color:#fff !important;
    opacity:1 !important;
  }
  .site-header-white .main-nav a::after{
    background:#fff !important;
  }
  /* Toggle button escuro no header branco */
  .site-header-white .menu-toggle{
    border-color:rgba(6,27,43,.22) !important;
    background:rgba(6,27,43,.06) !important;
  }
  .site-header-white .menu-toggle span{
    background:var(--navy) !important;
  }
  /* Quando menu abre, toggle flutua sobre o overlay */
  body.menu-open .menu-toggle{
    position:fixed !important;
    top:16px !important;
    right:16px !important;
    z-index:102 !important;
    border-color:rgba(255,255,255,.32) !important;
    background:rgba(255,255,255,.12) !important;
  }
  body.menu-open .menu-toggle span{
    background:#fff !important;
  }
}

/* ── Scrollbar ──────────────────────────────────────── */
::-webkit-scrollbar-thumb{background:var(--blue-brand) !important}

/* ── h2 global — mais impactante ────────────────────── */
h2{
  letter-spacing:-.07em !important;
  line-height:1.02 !important;
}

/* ── Section headings — tamanho consistente ──────────── */
.results-top h2,
.section-head h2,
.waterproof-copy h2,
.enterprise-v2-copy h2,
.why-block h2,
.testimonials-head h2,
.faq-copy h2,
.final-section-head h2{
  font-size:clamp(2rem,3.5vw,3.2rem) !important;
  letter-spacing:-.075em !important;
}
.about-text h2{
  font-size:clamp(1.7rem,2.8vw,2.6rem) !important;
}


/* ════════════════════════════════════════════════════
   BLOG — DICAS & NOVIDADES
════════════════════════════════════════════════════ */
.blog-cta-section{
  background:var(--paper);
  padding:90px 0;
  border-top:1px solid var(--line);
}
/* Cabeçalho centrado */
.blog-head{
  text-align:center;
  max-width:640px;
  margin:0 auto 48px;
}
.blog-head h2{
  color:var(--navy);
  margin:12px 0 16px;
  font-size:clamp(1.8rem,2.8vw,2.8rem) !important;
}
.blog-head p{
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.65;
  margin:0 0 26px;
}
.blog-cta-btn{
  font-size:.84rem !important;
  padding:14px 26px !important;
  gap:9px !important;
  display:inline-flex !important;
  align-items:center !important;
}
/* Grid de 3 cards */
.blog-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.blog-post-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:28px 24px;
  display:flex;
  flex-direction:column;
  gap:12px;
  box-shadow:0 8px 28px rgba(8,43,69,.06);
  transition:transform .22s,box-shadow .22s;
}
.blog-post-card:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 50px rgba(8,43,69,.12);
}
.bpc-icon{
  width:48px;height:48px;
  background:var(--blue-ice);
  border-radius:14px;
  display:grid;place-items:center;
  font-size:1.5rem;line-height:1;
  flex-shrink:0;
}
.blog-post-card strong{
  display:block;
  color:var(--navy);
  font-size:1rem;
  font-weight:900;
  line-height:1.35;
}
.blog-post-card p{
  margin:0;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.6;
  flex:1;
}
@media(max-width:860px){
  .blog-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .blog-cta-section{padding:64px 0}
  .blog-cards{grid-template-columns:1fr}
  .blog-post-card{padding:22px 20px}
}


/* ════════════════════════════════════════════════════
   LOGO PNG REAL — HEADER & FOOTER
════════════════════════════════════════════════════ */

/* Link wrapper — sem decoração */
.brand-png-link{
  display:flex;
  align-items:center;
  flex-shrink:0;
  text-decoration:none;
  line-height:0;
}

/* Imagem base */
.brand-png{
  display:block;
  height:auto;
  object-fit:contain;
  object-position:left center;
  max-width:100%;
}

/* ── Header: logo escura sobre fundo branco ────────
   A PNG tem texto preto → combina perfeitamente     */
.header-logo-png{
  width:clamp(140px,16vw,210px);
  max-height:50px;
}

/* ── Footer: logo fluida já tem fundo transparente com texto branco */
.footer-logo-png{
  width:clamp(140px,16vw,220px);
  max-height:60px;
  filter:none;
  opacity:.92;
  transition:opacity .25s;
}
.footer-logo-link:hover .footer-logo-png{
  opacity:1;
}

/* Responsive */
@media(max-width:860px){
  .header-logo-png{width:clamp(130px,28vw,190px);max-height:44px}
  .footer-logo-png{width:clamp(130px,28vw,180px);max-height:48px}
}
@media(max-width:480px){
  .header-logo-png{width:clamp(120px,36vw,160px);max-height:40px}
  .footer-logo-png{width:clamp(120px,36vw,155px);max-height:44px}
}