/* Identidade visual original PORTO CLEAN Brasil® */
:root{--ink:#0050a4;--navy:#003979;--green:#79b51b;--lime:#a6ce39;--blue:#dff3fa;--cream:#fff;--yellow:#fff200;--text:#063d7c;--muted:#557894}
body{background:#fff}.topbar{background:#004b9e;color:#fff}.topbar b{border-color:#a6ce39;color:#fff}.header{background:#fff;border-bottom-color:#d7eaf5}nav{color:#07539b}nav a:hover{color:#75ae18}.button{background:#a6ce39;color:#003f85}.button:hover{background:#b9df49}.hero h1,h2{color:#004b9e}.hero h1 em,h2 em{color:#79b51b}.eyebrow{color:#2470a9}.eyebrow span{background:#a6ce39}.hero{background:linear-gradient(120deg,#fff 0%,#f6fcff 58%,#e3f4fc 100%)}.why{background:linear-gradient(120deg,#004b9e,#0065bd)}.technology{background:linear-gradient(120deg,#e3f5fb,#f9feff)}.gallery{background:linear-gradient(120deg,#00468f,#0063b7)}.reseller{background:#a6ce39}.footer-bottom,footer{background:#003b7b}.trust-bar{background:#fff;border-color:#d7eaf5}.products{background:#f5fbfe}.product-card.featured{background:#0056aa}.button-light{background:#0050a4}.use-list span:hover{background:#0050a4;border-color:#0050a4}.marketplaces a:last-child{background:#0050a4}.brand-logo{width:136px;height:72px;overflow:hidden;justify-content:center;background:#fff}.brand-logo img{width:100%;height:100%;object-fit:contain;transform:none}.footer-brand{height:75px;padding:0 4px}.footer-brand img{width:100%;height:100%}
.hero-product{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 59%;mix-blend-mode:multiply;filter:saturate(1.05);z-index:0;mask-image:linear-gradient(to bottom,transparent 0,black 12%,black 88%,transparent)}.product-photo-stage .orb-one{opacity:.74}.product-photo-stage .orb-two{opacity:.63}.product-photo-stage .stage-tag{z-index:2}
.image-product>img{display:block;width:100%;height:170px;object-fit:cover;object-position:center 58%;margin:8px 0 18px;mix-blend-mode:multiply}.image-product.featured>img{mix-blend-mode:screen;opacity:.96}.image-product .format{position:absolute;z-index:2;left:25px;top:24px}.image-product h3{margin-top:0}.image-product p{max-width:100%}
.photo-after,.photo-before{background-position:center;background-size:cover;background-repeat:no-repeat}.photo-after{background-image:url('assets/cimento-depois.jpg')}.photo-before{background-image:url('assets/cimento-antes.jpg');position:absolute;z-index:2;left:0;top:0;bottom:0;width:50%;overflow:hidden}.photo-before span{white-space:nowrap}.compare-placeholder{cursor:ew-resize;touch-action:none}
.g1:before{background-image:linear-gradient(rgba(7,58,62,.12),rgba(7,58,62,.55)),url('assets/linha-portoclean.png');background-size:cover;background-position:center}.g2:before{background-image:linear-gradient(rgba(7,58,62,.12),rgba(7,58,62,.55)),url('assets/telhado-depois.jpg');background-size:cover;background-position:center}.g3:before{background-image:linear-gradient(rgba(7,58,62,.12),rgba(7,58,62,.55)),url('assets/pedra-externa.jpg');background-size:cover;background-position:center}.g4:before{background-image:linear-gradient(rgba(7,58,62,.12),rgba(7,58,62,.55)),url('assets/fechadura-depois.jpg');background-size:cover;background-position:center}.footer-brand{background:#fff;padding:2px 8px;height:64px}.footer-brand img{width:100px;height:100px}
@media(max-width:850px){.hero-product{object-position:center 56%}.image-product>img{height:150px}}@media(max-width:510px){.brand-logo{width:104px}.hero-product{object-position:center 55%}}
.marketplaces a small{font:700 9px "DM Sans";text-transform:uppercase;letter-spacing:.08em;color:#6f898a}.marketplaces a.coming-soon{opacity:.65}
.real-results{padding-top:0;background:#f2f8fb}.results-heading{text-align:center;max-width:610px;margin:0 auto 42px}.results-heading h2{font-size:clamp(38px,4.5vw,62px)}.results-heading>p:last-child{font-size:13px;color:#557894;margin:20px 0 0}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1040px;margin:auto}.comparison-card{background:#fff;padding:16px;box-shadow:0 11px 25px rgba(0,68,143,.08)}.comparison-card h3{font:700 17px Manrope;margin:0 0 12px;color:#0050a4}.mini-compare{height:295px;position:relative;overflow:hidden;cursor:ew-resize;touch-action:none}.mini-compare .after,.mini-compare .before{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center}.mini-compare .before{z-index:2;overflow:hidden;clip-path:inset(0 50% 0 0)}.mini-compare .after span,.mini-compare .before span{position:absolute;top:13px;font:700 9px "DM Sans";letter-spacing:.1em;color:#fff;background:rgba(0,53,121,.72);padding:6px 8px}.mini-compare .before span{left:10px;white-space:nowrap}.mini-compare .after span{right:10px}.mini-compare .compare-divider{z-index:3}.mini-compare .compare-divider b{font-size:11px}[data-comparison] .before:after,[data-comparison] .after:after{content:none!important}.real-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:43px}.real-gallery-grid figure{min-height:220px;margin:0;position:relative;overflow:hidden;background:#07509c}.real-gallery-grid img{width:100%;height:100%;min-height:220px;object-fit:cover;display:block;transition:transform .35s}.real-gallery-grid figure:hover img{transform:scale(1.05)}.real-gallery-grid figcaption{position:absolute;inset:auto 0 0;padding:35px 14px 14px;background:linear-gradient(transparent,rgba(0,44,96,.92));font:700 13px Manrope;color:#fff}.gallery>p{font-size:10px;color:#b5d1c9;margin:14px 0 0}@media(max-width:850px){.comparison-grid{gap:13px}.mini-compare{height:240px}.real-gallery-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:510px){.comparison-grid,.real-gallery-grid{grid-template-columns:1fr}.mini-compare{height:300px}.real-results{padding-top:20px}}

/* Mantém a tampa verde nítida no topo do banner. */
.hero-product{filter:saturate(1.16) contrast(1.03);-webkit-mask-image:linear-gradient(to bottom,black 0,black 88%,transparent 100%);mask-image:linear-gradient(to bottom,black 0,black 88%,transparent 100%)}

/* Faz o branco original da arte se fundir ao degradê do banner. */
.product-photo-stage{isolation:auto}
.product-photo-stage .orb-one,.product-photo-stage .orb-two{z-index:0}
.product-photo-stage .sunburst{z-index:1}
.product-photo-stage .hero-product{z-index:2}
.product-photo-stage .stage-tag{z-index:3}

/* Em telas com ampliação elevada, mantém o frasco completo sem reduzir os textos. */
@media (min-width:851px) and (max-height:800px){
  .hero{min-height:calc(100vh - 119px);padding-top:38px;padding-bottom:30px;align-items:center}
  .product-stage{min-height:430px}
  .hero-product{object-fit:contain;object-position:center;transform:scale(.86);transform-origin:center}
  .hero-note{margin-top:42px}
}