/* 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;background-size:cover;background-position:center}.mini-compare .before{width:50%;z-index:2;overflow:hidden}.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}.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}}
/* CORREÇÃO FINAL DO COMPARADOR */
.mini-compare .after,
.mini-compare .before{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.mini-compare .after{
    z-index: 1 !important;
}

.mini-compare .before{
    z-index: 2 !important;
    clip-path: inset(0 50% 0 0);
}
/* REMOVER TEXTO "FOTO A INSERIR" DOS COMPARADORES */
.mini-compare .before::after,
.mini-compare .after::after {
  content: none !important;
  display: none !important;
}
/* REMOVER "FOTO A INSERIR" DO COMPARADOR PRINCIPAL */
.main-floor-compare .before::after,
.main-floor-compare .after::after {
    content: none !important;
    display: none !important;
}
/* INÍCIO CORRETO DO COMPARADOR PRINCIPAL */
.main-floor-compare .after,
.main-floor-compare .before {
    width: 100% !important;
    height: 100% !important;
}

.main-floor-compare .after {
    z-index: 1 !important;
}

.main-floor-compare .before {
    z-index: 2 !important;
    width: 100% !important;
    clip-path: inset(0 50% 0 0) !important;
}