.cleaning-hero { position:relative; min-height:720px; overflow:hidden; background:var(--green-deep); }
.cleaning-hero-image { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,43,25,.82) 0,rgba(0,43,25,.55) 42%,rgba(0,43,25,.08) 72%),url('../img/obras/remocao-piscina-correa-lima.webp') 62% 55%/cover; transform:scale(1.01); }
.cleaning-hero-layout { position:relative; min-height:720px; display:flex; align-items:center; }
.cleaning-hero-panel { max-width:790px; padding:5rem 0; color:#fff; }
.cleaning-hero .eyebrow { color:var(--yellow); }
.cleaning-hero h1 { max-width:760px; margin-bottom:1.5rem; color:#fff; font-size:clamp(3.8rem,6vw,7.2rem); line-height:.91; }
.cleaning-hero-panel > p:not(.eyebrow) { max-width:650px; color:#e4ebe6; font-size:1.06rem; }
.hero-actions { display:flex; align-items:center; gap:1.5rem; margin-top:1.7rem; }
.cleaning-hero .button { color:var(--black); background:var(--yellow); }
.cleaning-hero .button:hover { color:#fff; background:var(--black); }
.text-link { color:#fff; font-size:.82rem; font-weight:700; text-underline-offset:.3rem; }
.cleaning-strip { background:var(--yellow); }
.cleaning-strip-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.cleaning-strip span { padding:1.35rem 1.5rem; border-right:1px solid rgba(17,17,14,.18); font-size:.77rem; font-weight:650; text-align:center; }
.section-heading,.portfolio-heading { display:grid; grid-template-columns:1.1fr .9fr; align-items:end; gap:4rem; margin-bottom:3rem; }
.section-heading > p,.portfolio-heading > p { color:var(--muted); }
.cleaning-service-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.cleaning-service-grid article { position:relative; min-height:300px; padding:1.7rem; border-top:1px solid var(--line); background:var(--surface); overflow:hidden; transition:transform .35s ease, background-color .35s ease, box-shadow .35s ease; }
.cleaning-service-grid article::after { position:absolute; right:-3.5rem; bottom:-3.5rem; width:9rem; height:9rem; border:1px solid var(--yellow); border-radius:50%; content:""; transition:transform .45s ease, background-color .45s ease; }
.cleaning-service-grid article:hover { background:#fff; box-shadow:0 1.25rem 2.5rem rgba(0,69,42,.1); transform:translateY(-.45rem); }
.cleaning-service-grid article:hover::after { background:var(--yellow); transform:scale(1.4); }
.cleaning-service-grid span { color:var(--green); font-size:.72rem; font-weight:700; }
.cleaning-service-grid h3 { margin:4rem 0 .75rem; color:var(--green); font-size:1.4rem; }
.cleaning-service-grid p { color:var(--muted); font-size:.9rem; }
.transformation-section { background:var(--surface); }
.transformation-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:clamp(3rem,7vw,8rem); }
.transformation-copy p { color:var(--muted); }
.transformation-copy ul { display:grid; gap:.75rem; padding:0; margin:2rem 0 0; list-style:none; }
.transformation-copy li { padding:.85rem 0; border-bottom:1px solid var(--line); color:var(--green-deep); font-weight:600; }
.transformation-images { min-height:650px; display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.transformation-images figure { position:relative; margin:0; overflow:hidden; }
.transformation-images figure:last-child { margin-top:4rem; height:calc(100% - 4rem); }
.transformation-images img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .65s ease; }
.transformation-images figure:hover img { transform:scale(1.04); }
.transformation-images figcaption { position:absolute; right:1rem; bottom:1rem; left:1rem; padding:.85rem 1rem; color:#fff; background:rgba(0,69,42,.9); font-size:.74rem; font-weight:600; }
.cleaning-portfolio { background:#fff; }
.cleaning-gallery { display:grid; grid-template-columns:1.1fr .9fr .9fr; grid-template-rows:repeat(2,minmax(260px,28vw)); gap:.8rem; }
.cleaning-gallery figure { position:relative; margin:0; overflow:hidden; background:var(--green-deep); }
.cleaning-gallery figure:first-child { grid-row:1 / 3; }
.cleaning-gallery figure:last-child { grid-column:2 / 4; }
.cleaning-gallery img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .65s ease; }
.cleaning-gallery figure:hover img { transform:scale(1.04); }
.cleaning-gallery figcaption { position:absolute; right:0; bottom:0; left:0; padding:3rem 1.1rem 1rem; color:#fff; background:linear-gradient(transparent,rgba(0,30,18,.94)); font-size:.76rem; font-weight:600; }
.cleaning-cta { color:#fff; background:var(--green-deep); }
.cleaning-cta-grid,.faq-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,8vw,9rem); }
.cleaning-cta h2 { color:#fff; }
.cleaning-cta .eyebrow { color:var(--yellow); }
.cleaning-cta p { color:#dce8e0; }
.button-yellow { margin-top:1rem; color:var(--black); background:var(--yellow); }
.button-yellow:hover { color:#fff; background:var(--black); }
.faq-items details { padding:1.3rem 0; border-bottom:1px solid var(--line); }
.faq-items summary { color:var(--green-deep); cursor:pointer; font-weight:650; }
.faq-items p { margin:1rem 0 0; color:var(--muted); }
@media (max-width:1000px) { .cleaning-service-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .cleaning-hero,.cleaning-hero-layout { min-height:650px; } .cleaning-hero-image { background-position:68% center; } .cleaning-hero h1 { font-size:3.65rem; } .hero-actions { align-items:stretch; flex-direction:column; } .cleaning-strip-grid,.cleaning-service-grid,.transformation-grid,.cleaning-cta-grid,.faq-layout { grid-template-columns:1fr; } .cleaning-strip span { border-right:0; border-bottom:1px solid rgba(17,17,14,.18); } .section-heading,.portfolio-heading { grid-template-columns:1fr; gap:1.5rem; } .transformation-images { min-height:500px; } .cleaning-gallery { grid-template-columns:1fr; grid-template-rows:none; } .cleaning-gallery figure,.cleaning-gallery figure:first-child,.cleaning-gallery figure:last-child { grid-column:auto; grid-row:auto; min-height:400px; } }