:root{--navy:#061a2d;--blue:#0aa9e8;--cyan:#45d5ff;--ice:#eff9fd;--ink:#10263a;--muted:#617283;--line:#dce8ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.header{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:34px;background:#fff;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brandMark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff}.brand b{display:block;color:var(--navy);letter-spacing:.07em}.brand small{display:block;color:var(--blue);font-weight:700;font-size:9px;letter-spacing:.25em}.header nav{display:flex;gap:28px;font-size:14px;font-weight:700}.navCta,.primaryBtn{display:inline-flex;align-items:center;justify-content:center;gap:9px}.navCta{background:var(--navy);color:#fff;padding:13px 18px;border-radius:12px;font-size:14px;font-weight:700}.hero{min-height:700px;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.heroPhoto{position:absolute;inset:0;background:url('https://octopusclean.fr/assets/hero-canape.webp') center right/cover}.heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,35,.99),rgba(4,25,44,.88) 45%,rgba(4,25,44,.2))}.heroContent{position:relative;z-index:2;width:min(680px,90%);margin-left:max(7vw,28px);color:#fff}.eyebrow,.kicker{font-size:12px;letter-spacing:.16em;font-weight:800}.eyebrow{display:flex;align-items:center;color:#b7efff;margin-bottom:24px}.eyebrow span{width:26px;height:2px;background:var(--cyan);margin-right:12px}.hero h1{font-size:clamp(43px,5.3vw,76px);line-height:1.03;letter-spacing:-.045em;margin:0}.hero h1 em{font-style:normal;color:var(--cyan)}.heroContent>p{font-size:19px;line-height:1.65;color:#d8e6ee;max-width:600px;margin:26px 0}.heroActions{display:flex;align-items:center;gap:22px}.primaryBtn{background:linear-gradient(135deg,var(--blue),#087fc6);color:#fff;padding:17px 23px;border-radius:13px;font-weight:800;box-shadow:0 12px 28px #00a8e839}.textBtn{font-weight:700;display:flex;align-items:center}.trustLine{display:flex;gap:26px;margin-top:28px;color:#c7dae6;font-size:13px}.trustLine span{display:flex;gap:7px}.trustLine svg{color:var(--cyan);width:16px}.ratingCard{position:absolute;z-index:3;right:6vw;bottom:38px;background:#061a2dcc;border:1px solid #ffffff26;border-radius:18px;color:#fff;padding:18px 24px;display:flex;flex-direction:column}.ratingCard div{color:#ffd166;letter-spacing:.12em}.ratingCard span{font-size:12px;color:#b9ccda}.section{padding:105px max(7vw,28px)}.sectionHead{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:48px}.kicker{color:var(--blue)}h2{font-size:clamp(34px,4vw,55px);line-height:1.08;letter-spacing:-.04em;margin:13px 0;color:var(--navy)}.sectionHead>p,.resultCopy>p{max-width:470px;color:var(--muted);line-height:1.7}.serviceGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.serviceGrid article{grid-column:span 2;border:1px solid var(--line);border-radius:22px;padding:28px;min-height:272px;display:flex;flex-direction:column;justify-content:space-between}.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){grid-column:span 3;min-height:220px;flex-direction:row}.serviceGrid .featured{background:var(--navy);color:#fff}.serviceIcon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--ice);color:var(--blue)}.serviceGrid h3{font-size:20px;margin:23px 0 9px}.serviceGrid p{font-size:14px;line-height:1.65;color:var(--muted)}.featured p{color:#bfd1dd}.serviceGrid a{display:flex;gap:7px;color:var(--blue);font-weight:800;font-size:14px}.results{background:var(--ice);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:8vw}.resultVisual{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:490px}.beforeAfter{border-radius:24px;background:url('https://www.cleanme.co.uk/storage/images/6e1b3115-072d-41cc-8a1d-6a87bf680b45.png') center/cover;position:relative;overflow:hidden}.before{filter:saturate(.45) brightness(.65)}.after{background-position:70%;filter:brightness(1.08)}.beforeAfter span{position:absolute;bottom:18px;left:18px;background:var(--navy);color:#fff;padding:9px 13px;border-left:3px solid var(--cyan);font-size:11px;font-weight:900}.resultSeal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:50%;background:var(--blue);color:#fff;border:6px solid var(--ice);display:grid;place-content:center;text-align:center;font-size:11px}.resultSeal svg{margin:auto}.resultCopy ul{padding:0;list-style:none;display:grid;gap:12px}.resultCopy li{display:flex;gap:10px;font-weight:700}.resultCopy li svg{color:var(--blue)}.why{background:var(--navy);color:#fff}.why h2{color:#fff}.whyTitle{max-width:680px;margin-bottom:48px}.whyTitle p,.whyGrid p{color:#b9ccd9;line-height:1.7}.whyGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #29455d}.whyGrid article{padding:40px 38px 10px 0;border-right:1px solid #29455d;margin-right:38px}.whyGrid svg{color:var(--cyan)}.process{display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw}.process ol{list-style:none;padding:0}.process li{display:flex;gap:30px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--line)}.process li>b{color:var(--blue)}.process h3{margin:0}.process li p{color:var(--muted)}.cta{padding:78px max(7vw,28px);background:linear-gradient(115deg,#058ed0,#0bbbea);display:flex;align-items:center;justify-content:space-between;color:#fff}.cta h2{color:#fff}.cta .kicker{color:#dff8ff}.primaryBtn.light{background:#fff;color:var(--navy)}footer{padding:54px max(7vw,28px);display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:35px;background:#031321;color:#c1d0da}footer .brand b{color:#fff}footer p,footer div{font-size:13px;line-height:1.8}footer div{display:flex;flex-direction:column}footer>small{grid-column:1/-1;border-top:1px solid #213546;padding-top:24px}.floatingWhats{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#20c76b;color:#fff;z-index:20}
@media(max-width:900px){.header nav{display:none}.serviceGrid{grid-template-columns:1fr 1fr}.serviceGrid article,.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){grid-column:span 1;flex-direction:column}.results,.process{grid-template-columns:1fr}.whyGrid{grid-template-columns:1fr}.whyGrid article{border-right:0;border-bottom:1px solid #29455d}.cta{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.header{height:72px;padding:0 18px}.navCta{padding:11px;font-size:0}.navCta:before{content:'Orçamento';font-size:14px}.hero{min-height:690px;align-items:flex-end;padding-bottom:60px}.heroContent{margin:0 22px}.hero h1{font-size:43px}.heroActions,.trustLine{align-items:flex-start;flex-direction:column}.section{padding:75px 22px}.sectionHead{align-items:start;flex-direction:column}.serviceGrid{grid-template-columns:1fr}.resultVisual{min-height:340px}.whyGrid article{margin:0}.cta{padding:60px 22px}.cta .primaryBtn{width:100%}footer{grid-template-columns:1fr;padding:48px 22px}footer>small{grid-column:auto}.ratingCard{display:none}}

/* Fotografias e identidade originais da Star Clean */
.brand{gap:0}.brand img{width:170px;height:58px;object-fit:contain}.header .brandMark,.header .brand>span{display:none}
.serviceGrid article{padding:0;overflow:hidden;min-height:390px}.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){min-height:390px;flex-direction:column}.serviceGrid article>div:last-child{padding:0 26px 25px}.servicePhoto{height:180px;position:relative;overflow:hidden}.servicePhoto>img{width:100%;height:100%;object-fit:cover;display:block}.servicePhoto .serviceIcon{position:absolute;left:18px;bottom:14px;box-shadow:0 8px 22px #061a2d33}.featured .servicePhoto .serviceIcon{background:var(--navy);color:var(--cyan)}
.resultVisual{grid-template-rows:1fr 1fr}.resultVisual>img{width:100%;height:100%;min-height:235px;object-fit:cover;border-radius:20px;display:block}.resultVisual>img:nth-child(2){object-position:center 70%}.resultVisual>img:nth-child(4){object-position:center}.resultSeal{z-index:3}
footer .brand img{background:#fff;border-radius:13px;padding:5px}
@media(max-width:900px){.serviceGrid article,.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){min-height:390px}.resultVisual{min-height:600px}.resultVisual>img{min-height:285px}}
@media(max-width:600px){.header .brand img{width:130px;height:48px}.serviceGrid article{min-height:370px}.resultVisual{min-height:520px;gap:8px}.resultVisual>img{min-height:250px;border-radius:15px}.resultSeal{width:82px;height:82px;font-size:9px}}

/* Avaliações reais do Google */
.reviews{background:var(--navy);color:#fff}.reviews h2{color:#fff;max-width:760px}.reviewsHead{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:46px}.googleScore{min-width:220px;padding:20px 24px;border:1px solid #29455d;border-radius:18px;display:flex;flex-direction:column}.googleScore span,.reviewStars{color:#ffd166;letter-spacing:.12em}.googleScore strong{font-size:22px;margin-top:7px}.googleScore small{color:#b9ccd9;margin-top:4px}.reviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reviewGrid article{background:#0b2840;border:1px solid #29455d;border-radius:22px;padding:30px;display:flex;flex-direction:column;min-height:250px}.reviewGrid blockquote{font-size:18px;line-height:1.65;margin:22px 0 28px;color:#eef8fc}.reviewGrid footer{margin-top:auto;padding:0;background:none;display:flex;align-items:center;gap:12px}.reviewGrid footer div{display:flex;flex-direction:column}.reviewGrid footer strong{font-size:15px}.reviewGrid footer small{font-size:12px;color:#9fb5c4;margin-top:3px}.reviewAvatar{width:48px;height:48px;border-radius:50%;display:block;object-fit:cover;background:linear-gradient(135deg,var(--blue),var(--cyan));border:2px solid #ffffff40}.googleLink{display:inline-flex;align-items:center;gap:8px;margin-top:30px;color:var(--cyan);font-weight:800}.googleLink:hover{text-decoration:underline}
@media(max-width:900px){.reviewsHead{align-items:flex-start;flex-direction:column}.reviewGrid{grid-template-columns:1fr}.reviewGrid article{min-height:0}}
@media(max-width:600px){.googleScore{width:100%}.reviewGrid blockquote{font-size:17px}.reviewsHead{margin-bottom:30px}}

/* Imagem principal e logo oficiais */
.header{height:104px;background:#000}.header nav{color:#fff}.header nav a:hover{color:var(--cyan)}.header .navCta{background:var(--blue)}
.heroPhoto{background-image:url('images/limpeza-higienizacao-tapetes-rio-claro.webp');background-position:center center;background-attachment:scroll}
.heroShade{background:linear-gradient(90deg,rgba(2,14,26,.95) 0%,rgba(3,22,39,.80) 46%,rgba(3,22,39,.18) 78%)}
.brand img{width:164px;height:94px;object-fit:contain}.header .brand img{display:block}footer{background:#000}footer .brand img{width:190px;height:126px;padding:0;background:#000;border-radius:0}
@media(max-width:900px){.heroPhoto{background-attachment:scroll;background-position:58% center}}
@media(max-width:600px){.header{height:88px}.header .brand img{width:124px;height:78px}.heroPhoto{background-position:60% center}.heroShade{background:linear-gradient(90deg,rgba(2,14,26,.96),rgba(3,22,39,.66))}}

/* Primeira tela pensada para smartphones: foto inteira, sem ampliação */
@media(max-width:600px){
  .hero{min-height:0;display:flex;align-items:flex-start;padding:calc(52.61vw + 42px) 0 58px;background:var(--navy)}
  .heroPhoto{inset:0 0 auto;width:100%;height:auto;aspect-ratio:1536/808;background-size:100% auto;background-repeat:no-repeat;background-position:center top;background-attachment:scroll}
  .heroShade{background:linear-gradient(to bottom,rgba(2,14,26,.03) 0,rgba(2,14,26,.03) calc(52.61vw - 48px),rgba(6,26,45,.82) calc(52.61vw - 8px),var(--navy) calc(52.61vw + 38px),var(--navy) 100%)}
  .heroContent{position:relative;margin:0 22px;width:calc(100% - 44px)}
  .hero h1{font-size:39px;line-height:1.06}
  .heroContent>p{font-size:16px;line-height:1.55;margin:20px 0 24px}
  .eyebrow{margin-bottom:18px;font-size:11px;line-height:1.4}
}

/* Botão flutuante de orçamento */
.floatingWhats{width:auto;height:58px;padding:0 20px 0 16px;border-radius:999px;display:flex;gap:10px;font-size:14px;font-weight:800;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 12px 30px #07351c55}
.floatingWhats:hover{transform:translateY(-2px);box-shadow:0 16px 36px #07351c70}.floatingWhats svg{width:26px;height:26px;flex:none}.floatingWhats span{white-space:nowrap}
@media(max-width:600px){.floatingWhats{right:14px;bottom:14px;height:54px;padding:0 17px 0 14px;font-size:13px}.floatingWhats svg{width:25px;height:25px}}

/* Cartões de serviço com prioridade para as fotografias */
.serviceGrid article,.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){min-height:455px}
.servicePhoto{height:300px;flex:none;background:var(--navy)}
.servicePhoto>img{object-fit:cover;object-position:center}
.serviceGrid article>div:last-child{padding:0 24px 20px}
.serviceGrid h3{margin:15px 0 6px;font-size:19px}.serviceGrid p{margin:0 0 12px;line-height:1.45}.serviceGrid a{margin-top:auto}
@media(max-width:900px){.serviceGrid article,.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){min-height:450px}.servicePhoto{height:290px}}
@media(max-width:600px){.serviceGrid article,.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){min-height:445px}.servicePhoto{height:300px}.serviceGrid article>div:last-child{padding:0 20px 18px}.serviceGrid h3{margin-top:13px}.serviceGrid p{font-size:13px;line-height:1.4;margin-bottom:10px}}

/* Enquadramento horizontal das novas imagens */
.serviceGrid article,.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){min-height:0}
.servicePhoto{width:100%;height:auto;aspect-ratio:16/9;background:#eaf5fa}
.servicePhoto>img{width:100%;height:100%;object-fit:cover;object-position:center}
.serviceGrid article>div:last-child{min-height:142px;display:flex;flex-direction:column;justify-content:flex-start}
.serviceGrid a{margin-top:auto}
@media(max-width:900px){.serviceGrid article,.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){min-height:0}.servicePhoto{height:auto;aspect-ratio:16/9}}
@media(max-width:600px){.serviceGrid article,.serviceGrid article:nth-child(4),.serviceGrid article:nth-child(5){min-height:0}.servicePhoto{height:auto;aspect-ratio:16/9}.serviceGrid article>div:last-child{min-height:132px}}

/* Rodapé de contato */
.siteFooter{padding:58px max(7vw,28px) 30px;display:flex;align-items:center;flex-direction:column;gap:24px;text-align:center;background:#031321;color:#c1d0da}.siteFooter h2{color:#fff;margin:0;font-size:clamp(32px,4vw,48px)}.contactButtons{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;flex-wrap:nowrap}.companyContact{width:168px;height:66px;flex:none;border-radius:17px;display:flex;align-items:center;justify-content:center;background:#fff;padding:6px 12px;transition:transform .2s ease,box-shadow .2s ease}.companyContact img{width:100%;height:100%;object-fit:contain}.socialButton{width:58px;height:58px;flex:none;border-radius:16px;display:grid;place-items:center;color:#fff;transition:transform .2s ease,filter .2s ease;box-shadow:0 10px 24px #0000002b}.socialButton svg{width:27px;height:27px}.socialButton.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.socialButton.facebook{background:#1877f2}.socialButton.facebook span{font:900 34px/1 Arial,sans-serif}.socialButton.whatsapp{background:#20c76b}.socialButton.google{background:#fff}.socialButton.google span{font-size:30px;font-weight:900;color:#4285f4;font-family:Arial,sans-serif}.companyContact:hover,.socialButton:hover{transform:translateY(-3px);filter:brightness(1.06)}.companyContact:focus-visible,.socialButton:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.contactMap{width:min(900px,100%);overflow:hidden;border:1px solid #29455d;border-radius:22px;box-shadow:0 18px 45px #00000030}.contactMap img{width:100%;height:auto;display:block}.siteFooter p{margin:0;font-size:14px;line-height:1.7}.siteFooter>small{width:100%;border-top:1px solid #213546;padding-top:22px}
@media(max-width:600px){.siteFooter{padding:48px 22px 26px}.contactButtons{gap:7px}.companyContact{width:82px;height:48px;border-radius:12px;padding:5px 7px}.socialButton{width:40px;height:40px;border-radius:11px}.socialButton svg{width:21px;height:21px}.socialButton.facebook span{font-size:25px}.socialButton.google span{font-size:23px}.contactMap{border-radius:15px}}

/* Dúvidas frequentes e otimização de renderização */
.faq{background:#f4fbfe}.faqHead{max-width:760px;margin-bottom:38px}.faqHead>p{color:var(--muted);font-size:17px;line-height:1.7}.faqGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faqGrid details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}.faqGrid summary{cursor:pointer;color:var(--navy);font-size:17px;font-weight:800;line-height:1.4}.faqGrid p{color:var(--muted);font-size:16px;line-height:1.65;margin:14px 0 0}.faqGrid details[open]{border-color:#9fddf5;box-shadow:0 10px 28px #0aa9e80d}.services,.faq,.reviews,.cta,.siteFooter{content-visibility:auto;contain-intrinsic-size:700px}
@media(max-width:700px){.faqGrid{grid-template-columns:1fr}.faqGrid details{padding:18px}.faqGrid summary,.faqGrid p{font-size:16px}}
