:root{--paper:#fbfcfb;--ink:#092f37;--muted:#5c696d;--line:#d9e2e3;--teal:#00747A;--deep:#062b32;--red:#AF272F;--orange:#FF6A13;--olive:#B5BD00;--max:1440px;--gutter:clamp(20px,5vw,84px);--shadow:0 18px 45px #092f3714}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--muted);font-family:"Schibsted Grotesk",Arial,sans-serif;font-size:16px;line-height:1.6}img,video{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.w{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}.saltar{position:absolute;left:-9999px}.saltar:focus{left:12px;top:12px;z-index:99;background:white;padding:10px}
.utility{background:var(--deep);color:#d9eaeb;font-size:12px}.utility .w{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.utility a{text-decoration:none;border-bottom:1px solid #91bec3}.topo{position:sticky;top:0;z-index:30;background:#ffffffeb;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.topo-in{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.marca{display:flex;width:94px;height:78px;align-items:center}.marca img{width:100%;height:100%;object-fit:contain;opacity:1!important}.abrir{display:none;border:1px solid var(--line);background:white;width:44px;height:42px}.abrir i,.abrir i:before,.abrir i:after{display:block;width:18px;height:2px;background:var(--deep);margin:auto;content:""}.abrir i:before{transform:translateY(-6px)}.abrir i:after{transform:translateY(4px)}.nav{display:flex;align-items:center;gap:4px}.nav>a,.nav>details>summary{padding:13px 12px;text-decoration:none;color:var(--deep);font-size:13px;list-style:none;cursor:pointer}.nav>a:hover,.nav>details>summary:hover{color:var(--teal)}.nav details{position:relative}.nav details[open] summary{color:var(--teal)}.nav details>div{position:absolute;top:48px;left:0;width:250px;padding:14px;background:white;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:2px}.nav details a{padding:10px 12px;text-decoration:none;font-size:13px}.nav details a:hover{background:#eef6f7;color:var(--teal)}.nav .btn-c,.btn-c{background:var(--teal);color:#fff!important;border:1px solid var(--teal);padding:13px 18px;text-decoration:none;display:inline-flex;align-items:center;gap:22px;justify-content:space-between}.nav .btn-c{margin-left:10px}.btn-c:hover{background:var(--deep);border-color:var(--deep)}
section{padding:clamp(72px,9vw,120px) 0}h1,h2,h3,h4{margin:0;color:var(--deep);font-weight:500;letter-spacing:-.05em;line-height:1.04}h1{font-size:clamp(52px,7vw,108px)}h2{font-size:clamp(38px,5vw,72px)}h3{font-size:clamp(22px,2.3vw,34px)}em{font-style:italic;color:var(--teal)}.rot,.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);font-weight:600}.button{display:inline-flex;gap:28px;align-items:center;padding:15px 20px;text-decoration:none;font-size:13px;border:1px solid transparent}.button.light{background:#fff;color:var(--deep)}.button.dark{background:var(--deep);color:#fff}.text-link{display:inline-flex;gap:25px;text-decoration:none;border-bottom:1px solid #96b3b8;padding:10px 0;color:var(--deep);font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-heading>p{max-width:420px}
.hero,.pro-hero{position:relative;min-height:clamp(620px,80vh,850px);display:flex;align-items:center;background:var(--deep);color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero:after,.pro-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#062b32e8 0%,#062b328c 54%,#062b3218 100%);z-index:1}.hero-content,.pro-hero .w{position:relative;z-index:2;width:min(calc(100% - var(--gutter)*2),var(--max));padding-bottom:0}.hero h1,.pro-hero h1{color:#fff;max-width:10ch;margin:25px 0}.hero-copy,.pro-hero p:not(.eyebrow){font-size:17px;color:#e8f1f1;max-width:42ch}.hero-bottom,.pro-hero-meta{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:18px;border-top:1px solid #ffffff70;padding:14px 16px 0;display:flex;justify-content:space-between;font-size:12px;color:#f3f8f8;background:linear-gradient(180deg,#062b3266,#062b32aa)}.image-caption{position:absolute;right:18px;top:24px;z-index:2;writing-mode:vertical-rl;color:#fff;font-size:12px}
.proof-strip{padding:35px 0;background:#edf5f6}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.proof-grid>div{border-right:1px solid #bfd4d6;padding-right:20px}.proof-grid>div:last-child{border:0}.proof-grid strong{font-size:40px;color:var(--deep);font-weight:500;line-height:1}.proof-grid p{font-size:12px;margin:8px 0 0}.division-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.division{display:flex;flex-direction:column;text-decoration:none}.division-image{position:relative;aspect-ratio:1.15;overflow:hidden}.division-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.division:hover img{transform:scale(1.04)}.division-image:after{content:"";position:absolute;inset:0;background:linear-gradient(#0003,transparent 45%)}.division-number{position:absolute;z-index:1;left:18px;top:16px;color:#fff}.round-arrow{position:absolute;z-index:1;right:16px;bottom:16px;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:#fff;color:var(--deep)}.division-body{border-top:4px solid var(--red);padding-top:20px;flex:1;display:flex;flex-direction:column}.division.orange .division-body{border-color:var(--orange)}.division.olive .division-body{border-color:var(--olive)}.division-body h3{margin:10px 0 12px}.division-body>p:not(.rot){max-width:40ch;font-size:14px}.division-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:auto;padding-top:16px;font-size:13px;color:var(--deep)}
.group-story,.visit{background:#f0f5f5}.story-grid,.feature-grid,.b2b-grid,.pro-intro-grid,.pro-case-grid,.pro-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.story-visual{position:relative}.story-visual>img{width:100%;aspect-ratio:1.05;object-fit:cover}.since{position:absolute;right:-22px;bottom:-22px;padding:20px 25px;background:var(--deep);color:#fff}.since strong{display:block;color:#fff;font-size:56px}.since span{font-size:12px}.story-copy p:not(.rot){max-width:48ch}.story-copy h2{margin:20px 0 26px}.care,.rodape,.pro-film{background:var(--deep);color:#d9e8e8}.care h2,.care h3,.pro-film h2,.rodape h3{color:#fff}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.care-grid article{border-top:1px solid #ffffff45;padding-top:20px}.care-grid h3{margin:25px 0 12px}.feature img{width:100%;aspect-ratio:1.25;object-fit:cover}.feature figure{margin:0}.recognition{padding:42px 0;border-top:1px solid var(--line)}.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:25px}.partners strong{display:block;font-size:25px;color:var(--deep)}.partners small{font-size:12px}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.store-grid article{border-top:1px solid #9cbabd;padding-top:20px}.store-grid h3{margin:15px 0}.store-grid h3 span{float:right;font-size:12px;font-weight:400}.store-grid address{font-style:normal;font-size:14px}.project-cta,.b2b-entry{background:#eaf3f3}.cta-circle{width:100px;height:100px;border:1px solid #77abb1;border-radius:50%;display:grid;place-items:center;font-size:44px;text-decoration:none;color:var(--teal)}.project-cta .w>div{display:flex;justify-content:space-between;align-items:center}.project-cta h2{max-width:10ch}
.rodape{padding-top:70px}.footer-statement{font-size:clamp(48px,8vw,110px);line-height:.95;color:#e7f1e7;border-bottom:1px solid #ffffff35;padding-bottom:48px;margin-bottom:45px}.rd-topo{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:35px}.rd h4{font-size:12px;letter-spacing:.1em;color:#a9c6c7;text-transform:uppercase}.rd ul{display:grid;gap:8px;padding:0;list-style:none;font-size:13px}.rd a{text-decoration:none}.rd a:hover{color:white}.rd-fim{display:flex;gap:24px;justify-content:space-between;border-top:1px solid #ffffff35;padding:20px 0;margin-top:48px;font-size:12px}.rd-marca .marca{height:78px}.rd-marca p{font-size:13px}
.capa{background:#eef5f5}.capa .entrada{max-width:58ch;font-size:17px}.capa h1{margin:24px 0}.photo-capa{position:relative;background:var(--deep);color:#fff;min-height:620px;display:flex;align-items:center;overflow:hidden}.photo-capa:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#062b32ee,#062b3266),var(--cover) center/cover}.photo-capa .w{position:relative;z-index:1}.photo-capa h1{color:#fff}.photo-capa .entrada{color:#e7f0ef}.blocos,.noticias,.moradas,.areas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bl,.nt,.md{border:1px solid var(--line);background:white;padding:28px}.nt{text-decoration:none}.nt .im{margin:-28px -28px 24px;aspect-ratio:1.35;overflow:hidden}.nt img{width:100%;height:100%;object-fit:cover}.nt h3{margin:12px 0}.nt p{font-size:14px}.meta{font-size:12px;color:var(--teal);text-transform:uppercase;letter-spacing:.1em}.moradas{grid-template-columns:repeat(3,1fr)}.md h3{margin:12px 0}.md address{font-style:normal;font-size:14px}.cont{display:grid;gap:4px;margin-top:20px;font-size:13px}.form,.lead-panel{background:#eef5f5;border:1px solid var(--line);padding:clamp(22px,4vw,48px)}.campos{display:grid;grid-template-columns:1fr 1fr;gap:18px}.campo{display:grid;gap:7px}.campo.largo{grid-column:1/-1}.campo label{font-size:12px;font-weight:600;color:var(--deep)}.campo input,.campo select,.campo textarea{width:100%;border:1px solid #b9cccf;background:white;padding:13px 14px;font-size:16px;color:var(--deep)}.campo textarea{min-height:130px;resize:vertical}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--teal);outline-offset:2px}.fim{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.rgpd{font-size:12px}.checkbox{display:flex;align-items:flex-start;gap:9px;font-size:12px}.checkbox input{margin-top:4px}.lead-form .checkbox{grid-column:1/-1}.lead-panel h2{margin:15px 0}.lead-panel .form-intro{max-width:55ch}.pro-intro{background:#f3f7f7}.pro-services{background:#eef4f4}.pro-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b8ced0}.pro-service-grid article{background:#eef4f4;padding:28px;min-height:250px}.pro-service-grid h3{margin:35px 0 15px}.pro-case{background:#fff}.pro-case-images{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pro-case-images img{width:100%;aspect-ratio:.8;object-fit:cover}.pro-case-images img:nth-child(2){margin-top:50px}.pro-case-copy blockquote{border-left:2px solid var(--orange);padding-left:18px;font-size:19px;color:var(--deep)}.pro-film video{width:100%}.pro-process{background:#f0f5f5}.pro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.pro-steps>div{border-top:1px solid #abc2c4;padding-top:18px}.pro-steps strong{font-size:34px;color:var(--teal)}.pro-steps h3{margin:25px 0 12px}.faq-list{max-width:900px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list summary{cursor:pointer;list-style:none;color:var(--deep);font-size:18px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--teal);font-size:24px}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:70ch;margin:15px 0 0}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.filter-row button{border:1px solid var(--line);background:white;padding:10px 15px;color:var(--deep)}.filter-row button.active,.filter-row button:hover{background:var(--teal);color:white;border-color:var(--teal)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio-card{background:white;border:1px solid var(--line);text-decoration:none}.portfolio-card img{width:100%;height:auto;aspect-ratio:1.42;object-fit:cover;object-position:center}.portfolio-card div{padding:20px}.portfolio-card h3{font-size:24px;margin:8px 0}.portfolio-card p{font-size:13px}.legal{max-width:860px}.legal h2{font-size:36px;margin:40px 0 15px}.legal h3{font-size:23px;margin:28px 0 10px}
@media(max-width:1000px){.nav>a,.nav>details>summary{padding-inline:7px;font-size:12px}.nav{gap:0}.nav .btn-c{margin-left:4px}.rd-topo{grid-template-columns:1fr 1fr}.blocos,.noticias,.areas{grid-template-columns:1fr 1fr}.moradas{grid-template-columns:1fr}.pro-service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.campos{grid-template-columns:1fr}.campo.largo,.lead-form .checkbox{grid-column:auto}}
@media(max-width:760px){:root{--gutter:20px}.utility{font-size:12px}.utility .w{min-height:32px}.utility span{display:none}.topo-in{min-height:72px}.marca{width:78px;height:66px}.abrir{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:18px var(--gutter) 24px;background:white;border-top:1px solid var(--line);box-shadow:var(--shadow);align-items:stretch;flex-direction:column}.nav.on{display:flex}.nav>a,.nav>details>summary{padding:13px 0;font-size:16px;min-height:44px;display:flex;align-items:center}.nav details>div{position:static;width:auto;border:0;box-shadow:none;padding:0 0 8px 14px}.nav details a{padding:9px 0;min-height:44px;display:flex;align-items:center}.nav .btn-c{margin:12px 0 0;justify-content:center}.hero{min-height:610px}.hero h1,.pro-hero h1{font-size:clamp(42px,11vw,60px);line-height:.96;max-width:9ch}.hero-copy{font-size:15px}.hero-bottom{left:20px;right:20px;display:grid;gap:4px;font-size:12px}.image-caption{display:none}.proof-grid{grid-template-columns:1fr 1fr}.proof-grid>div{border-right:0;border-bottom:1px solid #bfd4d6;padding-bottom:17px}.division-grid,.story-grid,.feature-grid,.b2b-grid,.pro-intro-grid,.pro-case-grid,.pro-film-grid,.store-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:20px}.care-grid,.partners,.portfolio-grid,.pro-steps{grid-template-columns:1fr}.story-visual{margin-right:16px}.rd-topo{grid-template-columns:1fr 1fr}.rd-marca{grid-column:1/-1}.rd:last-child{grid-column:1/-1}.rd-fim{display:grid;gap:10px}.blocos,.noticias,.areas,.moradas{grid-template-columns:1fr}.fim{display:grid;align-items:start}.fim .btn-c{width:100%;justify-content:center}.pro-service-grid{grid-template-columns:1fr}.project-cta .w>div{gap:20px}.cta-circle{width:70px;height:70px;font-size:30px}.capa h1{font-size:56px}.photo-capa{min-height:580px}.footer-statement{font-size:58px}.button,.btn,.btn-c,.filter-row button{min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.division-image img{transition:none}}
.cookie-banner{position:fixed;left:var(--gutter);right:var(--gutter);bottom:18px;z-index:60;background:var(--deep);color:#e7f2f2;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:var(--shadow);font-size:13px}.cookie-banner p{margin:0;max-width:65ch}.cookie-banner a{color:#b9e0e4}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie-actions button{border:1px solid #a4ced2;background:transparent;color:#fff;padding:9px 13px}.cookie-actions .accept{background:#fff;color:var(--deep)}
body.has-cookie-banner{padding-bottom:88px}body.has-cookie-banner .hero,body.has-cookie-banner .pro-hero{padding-bottom:76px}@media(max-width:760px){body.has-cookie-banner{padding-bottom:72px}.cookie-banner{left:0;right:0;bottom:0;padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.25}.cookie-banner p{max-width:none;line-height:1.25}.cookie-actions{margin:0;display:flex;gap:6px;flex-shrink:0}.cookie-actions button{width:auto;min-height:44px;padding:7px 8px;white-space:nowrap;font-size:12px}}
.marcador{display:flex;align-items:center;gap:12px}.marcador>span{display:block;width:28px;height:3px;background:var(--teal)}.m-cozinhas>span{background:var(--orange)}.m-eletro>span{background:var(--red)}.m-clima>span{background:var(--olive)}.algarismo{position:absolute;right:var(--gutter);bottom:24px;z-index:2;color:#ffffff88;font-size:clamp(80px,12vw,180px);line-height:.8}.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:1px solid #a7bec1;color:var(--deep);text-decoration:none;font-size:13px;background:white}.btn:hover{border-color:var(--teal);color:var(--teal)}.btn.claro{background:transparent;color:#fff;border-color:#ffffff70}.s-papel{background:#fff}.s-papel2{background:#f0f5f5}.s-teal{background:var(--deep);color:#dbeaea}.s-teal h2,.s-teal h3{color:#fff}.s-teal .rot{color:#a8d7dc}.s-teal .entrada{color:#d5e6e7}.w-t{width:min(calc(100% - var(--gutter)*2),980px);margin-inline:auto}.par{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,100px);align-items:center}.par.inv .foto{order:2}.foto{min-width:0}.foto img{width:100%;height:auto;max-height:520px;aspect-ratio:1.2;object-fit:cover}.lista{padding:0;margin:26px 0 0;list-style:none;border-top:1px solid var(--line)}.lista li{display:grid;grid-template-columns:minmax(130px,.65fr) 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:13px}.lista .t{font-weight:600;color:var(--deep)}.destaque{background:#e9f2f3}.destaque p:not(.fonte){font-size:clamp(26px,4.2vw,58px);line-height:1.08;letter-spacing:-.05em;color:var(--deep);max-width:24ch;margin:18px 0 25px}.destaque .fonte{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--teal)}.marca-d{display:block;width:56px;height:4px}.cab{max-width:780px;margin-bottom:38px}.cab h2{margin-top:16px}.blocos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c4d5d7}.bl{background:#fff;padding:28px;min-height:220px}.s-teal .bl{background:#0c3c43}.bl .n{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);font-weight:600}.s-teal .bl .n{color:#9ed4d8}.bl h3{font-size:23px;margin:28px 0 13px}.bl p{font-size:14px;margin:0}.crono{max-width:950px;margin-inline:auto;position:relative}.crono:before{content:"";position:absolute;left:132px;top:0;bottom:0;width:1px;background:#b6ced0}.ev{display:grid;grid-template-columns:108px 1fr;gap:48px;position:relative;padding:0 0 42px}.ev:before{content:"";position:absolute;left:127px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px #eef5f5}.ev .ano{font-size:17px;color:var(--teal);font-weight:600;text-align:right}.ev h3{font-size:27px;margin-bottom:11px}.ev p{font-size:14px;max-width:60ch;margin:0}.story-film{background:#e9f2e2}.story-film h2{margin:18px 0 23px}.story-film p:not(.rot){max-width:45ch}.story-film video{width:100%;max-height:520px;object-fit:cover;background:var(--deep)}.story-film figure{margin:0}.story-film figcaption{font-size:12px;margin-top:10px}.foto.rev-img{overflow:hidden}.foto.rev-img img{transition:transform .5s}.foto.rev-img:hover img{transform:scale(1.025)}
.area-lead{background:#eaf3f3}.area-lead .form{max-width:920px;margin-top:30px;box-shadow:var(--shadow)}.area-lead .form-intro{max-width:56ch}.s-papel{padding-block:clamp(72px,9vw,120px)}.s-papel2{padding-block:clamp(88px,11vw,140px)}.s-teal{padding-block:clamp(72px,9vw,112px)}.destaque{padding-block:clamp(56px,7vw,88px)}

/* Final visual pass: predictable media frames, real CTAs and area colours. */
.hero-fallback{object-position:center 54%;}
.button,.btn-c,.btn{min-height:48px;line-height:1.2;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.button{min-width:214px;justify-content:space-between;gap:24px;padding:14px 18px;font-weight:600}
.button:hover,.btn-c:hover{transform:translateY(-2px)}
.button.light{border-color:#fff;box-shadow:0 8px 18px #001c221c}
.button.light:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.button.dark:hover{background:var(--teal)}
.cta-circle{font-size:17px;font-weight:600;gap:4px;}
.portfolio-card{display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #092f3718}
.portfolio-card[data-category="energia"] img{object-position:center 64%;}
.portfolio-card[data-category="profissional"] img{object-position:center 50%;}
.portfolio-card>div{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.portfolio-card .text-link{margin-top:auto}
.feature figure{width:100%;max-width:680px;justify-self:end;}
.feature figure img{aspect-ratio:1.35;object-position:center 52%;}
.feature figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.pro-case-images img{aspect-ratio:1.15;object-position:center;}
.pro-case-images img:first-child{object-position:center 56%;}
.pro-case-images img:nth-child(2){object-position:center 50%;}
.tema-eletro{--area:var(--red)}
.tema-cozinhas{--area:var(--orange)}
.tema-clima{--area:var(--olive)}
.tema-eletro .rot,.tema-eletro em,.tema-eletro .meta,.tema-eletro .destaque .fonte{color:var(--red)}
.tema-cozinhas .rot,.tema-cozinhas em,.tema-cozinhas .meta,.tema-cozinhas .destaque .fonte{color:var(--orange)}
.tema-clima .rot,.tema-clima em,.tema-clima .meta,.tema-clima .destaque .fonte{color:var(--olive)}
.tema-eletro .btn-c{background:var(--red);border-color:var(--red)}
.tema-cozinhas .btn-c{background:var(--orange);border-color:var(--orange)}
.tema-clima .btn-c{background:var(--olive);border-color:var(--olive)}
.tema-eletro .area-lead,.tema-eletro .destaque{background:#f8ecee}
.tema-cozinhas .area-lead,.tema-cozinhas .destaque{background:#fbf0e9}
.tema-clima .area-lead,.tema-clima .destaque{background:#f2f1e4}
.crono{max-width:1040px}
.crono:before{left:164px}
.ev{grid-template-columns:140px 1fr;gap:52px}
.ev:before{left:159px}
.ev .ano{max-width:140px;overflow-wrap:anywhere}
.ev p{max-width:64ch}
@media(max-width:760px){
  .portfolio-card img{aspect-ratio:1.28}
  .feature figure{max-width:none}
  .crono:before{left:10px}
  .ev{grid-template-columns:1fr;gap:7px}
  .ev:before{left:5px}
  .ev .ano{max-width:none}
}

/* Cozinhas por medida: estrutura editorial alinhada com Eletrodomesticos. */
.kitchen-page-cover .marcador-logo{position:static;text-align:left;margin:clamp(24px,3vw,38px) 0 clamp(30px,4vw,52px)}
.kitchen-page-cover .marcador-logo img{margin-left:0;max-width:min(330px,55vw)}
.kitchen-page-cover .marcador-logo .rot{text-align:left}
.kitchen-page-cover h1{max-width:12ch!important}
.kitchen-intro{background:#fff}
.kitchen-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,7vw,110px);align-items:start}
.kitchen-intro-grid h2{font-size:clamp(42px,5vw,72px);line-height:1;max-width:12ch;margin:20px 0 0}
.kitchen-intro-grid .entrada{font-size:clamp(18px,1.55vw,23px);line-height:1.6;margin:42px 0 24px;max-width:43ch}
.kitchen-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin:clamp(46px,7vw,90px) 0 0;border-block:1px solid var(--line)}
.kitchen-facts div{padding:30px clamp(12px,3vw,42px);border-right:1px solid var(--line)}.kitchen-facts div:first-child{padding-left:0}.kitchen-facts div:last-child{border-right:0}
.kitchen-facts dt{font-size:clamp(24px,2.25vw,34px);line-height:1.08;color:var(--deep);font-weight:500}.kitchen-facts dd{margin:12px 0 0;color:var(--muted);max-width:30ch;line-height:1.55}
.kitchen-projects{background:#f4f0eb;overflow:hidden;padding-block:clamp(72px,9vw,130px)}
.kitchen-projects-head{display:grid;grid-template-columns:1.1fr .75fr;gap:clamp(36px,7vw,110px);align-items:end;margin-bottom:clamp(38px,5vw,72px)}
.kitchen-projects-head h2{font-size:clamp(42px,5vw,72px);line-height:1;max-width:14ch;margin:18px 0 0}.kitchen-projects-head>p{font-size:17px;line-height:1.65;max-width:36ch}
.kitchen-project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,30px);width:min(calc(100% - var(--gutter)*2),var(--col));margin-inline:auto;align-items:start}
.kitchen-project-gallery figure{margin:0}.kitchen-project-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}.kitchen-project-gallery figcaption{font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-top:14px;padding-top:14px;border-top:1px solid #ccbfb2;color:var(--muted)}
.kitchen-projects-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:clamp(38px,5vw,70px)}.kitchen-projects-foot p{max-width:48ch}
.kitchen-gallery-mobile-stage,.kitchen-gallery-mobile-viewport{display:contents}
.kitchen-gallery-hint{display:none}
.kitchen-customisation{background:var(--area-vel);color:var(--deep);padding-block:clamp(78px,10vw,150px);border-top:5px solid var(--orange)}
.kitchen-customisation-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(54px,9vw,150px);align-items:start}.kitchen-customisation h2{color:var(--deep);font-size:clamp(44px,5vw,74px);line-height:.98;margin:20px 0 30px;max-width:11ch}.kitchen-customisation-grid>div>p:last-child{color:var(--muted);font-size:17px;line-height:1.7;max-width:42ch}
.kitchen-choice-list{list-style:none;margin:0;padding:0;border-top:1px solid #d9b9a6}.kitchen-choice-list li{display:grid;grid-template-columns:44px 1fr;column-gap:20px;padding:27px 0;border-bottom:1px solid #d9b9a6}.kitchen-choice-list span{grid-row:1/3;color:var(--orange-txt);font-size:12px}.kitchen-choice-list strong{font-size:clamp(21px,2vw,29px);font-weight:500;color:var(--deep)}.kitchen-choice-list small{font-size:15px;color:var(--muted);line-height:1.55;margin-top:8px;max-width:52ch}
.kitchen-showroom{background:#eee6dd;padding-block:clamp(76px,9vw,130px)}
.kitchen-showroom-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(45px,7vw,110px);align-items:center}
.kitchen-showroom h2{font-size:clamp(42px,4.7vw,68px);line-height:1;max-width:11ch;margin:18px 0 28px}.kitchen-showroom p:not(.rot){font-size:17px;line-height:1.65;max-width:43ch}.kitchen-showroom address{font-style:normal;font-size:14px;line-height:1.6;margin-top:30px;color:var(--muted)}
.kitchen-showroom .store-map{min-height:520px;background:#183e41}.kitchen-showroom .store-map iframe{min-height:520px}
@media(max-width:760px){
 .kitchen-projects{overflow:visible}
 .kitchen-page-cover{min-height:calc(100svh - 102px)!important;padding-block:42px 58px!important}.kitchen-page-cover>.w{display:flex;min-height:calc(100svh - 202px);flex-direction:column;justify-content:flex-end}.kitchen-page-cover .migalhas{position:absolute;top:0}.kitchen-page-cover .marcador-logo{margin:0 0 28px}.kitchen-page-cover .marcador-logo img{max-width:270px}.kitchen-page-cover::after{background:linear-gradient(180deg,rgba(6,34,36,.12),rgba(6,34,36,.2) 38%,rgba(6,34,36,.92))!important}.kitchen-page-cover h1{font-size:clamp(45px,12vw,58px)}
 .kitchen-intro-grid,.kitchen-projects-head,.kitchen-showroom-grid,.kitchen-customisation-grid{grid-template-columns:1fr}.kitchen-intro-grid{gap:22px}.kitchen-intro-grid .entrada{margin:0 0 22px}.kitchen-facts{grid-template-columns:1fr;margin-top:34px}.kitchen-facts div,.kitchen-facts div:first-child{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.kitchen-facts div:last-child{border-bottom:0}
 .kitchen-gallery-mobile-stage{display:block;height:230svh;position:relative;margin-inline:calc(var(--gutter)*-1)}.kitchen-gallery-mobile-viewport{display:flex;position:sticky;top:92px;height:calc(100svh - 92px);overflow:hidden;flex-direction:column;justify-content:center}.kitchen-project-gallery{display:flex;overflow:visible;gap:14px;width:max-content;margin:0;padding:0 20px 14px;transform:translate3d(var(--gallery-x,0px),0,0);will-change:transform}.kitchen-project-gallery figure{flex:0 0 86vw;margin:0!important}.kitchen-project-gallery img{height:auto;aspect-ratio:4/3}.kitchen-project-gallery figcaption{margin-top:11px;padding-top:11px}.kitchen-gallery-hint{display:flex;align-items:center;gap:12px;margin:16px 20px 0;color:var(--orange-txt);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.13em}.kitchen-gallery-hint:after{content:"";width:46px;height:1px;background:currentColor}.kitchen-projects-foot{display:block;margin-top:30px}.kitchen-projects-foot p{margin-top:24px}
 .mt-cozinha{padding-bottom:52px!important}.mt-cozinha.mt-live .mt-track{height:auto!important}.mt-cozinha.mt-live .mt-pin{position:relative!important;top:auto!important;height:auto!important;display:block;padding-bottom:0}.mt-cozinha .mt-stage{display:none}.mt-cozinha .mt-steps{min-height:0}.mt-cozinha .mt-steps:before{background:var(--line)}.mt-cozinha.mt-live .mt-step{opacity:1}.mt-cozinha.mt-live .mt-desc{display:block}.mt-cozinha .mt-step{padding:22px 0 22px 28px;border-bottom:1px solid var(--line)}.mt-cozinha .mt-step:last-child{border-bottom:0}.mt-cozinha .mt-step:before{transform:scaleY(1);background:var(--orange);height:42px;bottom:auto}.mt-cozinha .mt-step h3{font-size:27px;margin:0}.mt-cozinha .mt-desc p{padding-top:9px;font-size:15px;line-height:1.55}
 .kitchen-showroom .store-map,.kitchen-showroom .store-map iframe{min-height:390px}.kitchen-showroom .btns{align-items:stretch}.kitchen-showroom .btns a{justify-content:center}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.kitchen-gallery-mobile-stage{height:auto;margin-inline:calc(var(--gutter)*-1)}.kitchen-gallery-mobile-viewport{position:relative;top:auto;height:auto;display:block}.kitchen-project-gallery{overflow-x:auto;width:auto;transform:none!important;scroll-snap-type:x mandatory;scrollbar-width:none}.kitchen-project-gallery figure{scroll-snap-align:start}}
@media(max-width:760px){.algarismo{font-size:90px}.par{grid-template-columns:1fr;gap:34px}.par.inv .foto{order:0}.foto img{max-height:360px;aspect-ratio:1.3}.lista li{grid-template-columns:1fr;gap:4px}.destaque p:not(.fonte){font-size:34px}.blocos{grid-template-columns:1fr}.bl{min-height:0;padding:24px}.crono:before{left:10px}.ev{grid-template-columns:1fr;gap:7px;padding-left:34px;padding-bottom:32px}.ev:before{left:5px;top:5px}.ev .ano{text-align:left;font-size:15px}.ev h3{font-size:24px}.story-film-grid{grid-template-columns:1fr}.story-film video{max-height:340px}}

.motion-ready [data-anim]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.75,.25,1);transition-delay:var(--d,0ms)}[data-anim=fade]{transform:none}.motion-ready [data-anim].is-visible{opacity:1;transform:none}.map-section{background:#eaf3f3}.map-layout{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:clamp(30px,7vw,100px);align-items:center}.map-layout h2{margin:18px 0 20px}.map-layout .entrada{max-width:42ch;margin-bottom:28px}.map-frame{min-height:380px;border:12px solid #fff;box-shadow:var(--shadow);background:#c7d7d6}.map-frame iframe{width:100%;height:380px;border:0;display:block;filter:saturate(.8) contrast(1.02)}.tema-eletro .s-teal{background:#5e151a}.tema-cozinhas .s-teal{background:#7a3309}.tema-clima .s-teal{background:#4a4e00}.tema-eletro .s-teal .rot,.tema-cozinhas .s-teal .rot,.tema-clima .s-teal .rot{color:#fff}.tema-eletro .s-teal .entrada,.tema-cozinhas .s-teal .entrada,.tema-clima .s-teal .entrada{color:#fff}@media(max-width:760px){.hero-content,.pro-hero .w{padding-bottom:96px}.hero-bottom,.pro-hero-meta{left:20px;right:20px;bottom:12px;padding:10px 0 0;background:linear-gradient(180deg,#062b3200,#062b32aa)}.map-layout{grid-template-columns:1fr}.map-frame,.map-frame iframe{min-height:300px;height:300px}.map-frame{border-width:8px}}@media(prefers-reduced-motion:reduce){[data-anim]{opacity:1;transform:none;transition:none}}
.history-gallery{background:#fff}.history-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.history-gallery figure{margin:0}.history-gallery img{width:100%;aspect-ratio:1.48;object-fit:cover;object-position:center 36%;filter:saturate(.88)}.history-gallery figcaption{font-size:12px;color:var(--muted);margin-top:10px}@media(max-width:760px){.history-gallery-grid{grid-template-columns:1fr}.history-gallery img{aspect-ratio:1.5}}

/* Shared composition and contrast. Brand pigments stay on light surfaces. */
:root{--max:1280px;--gutter:clamp(20px,4.5vw,72px)}
h1{font-size:clamp(42px,5.5vw,80px);line-height:1.07;letter-spacing:-.045em}
h2{font-size:clamp(32px,3.8vw,56px);line-height:1.12;letter-spacing:-.04em}
h3{font-size:clamp(23px,2.1vw,30px);line-height:1.2;letter-spacing:-.03em}
section,.s-papel,.s-papel2,.s-teal{padding-block:clamp(56px,6vw,88px)}
section[id],main [id]{scroll-margin-top:110px}
.rot,.eyebrow,.meta{font-size:14px;line-height:1.5;letter-spacing:.12em}
.entrada{font-size:17px;line-height:1.7}
.section-heading{gap:40px;margin-bottom:34px;align-items:center}
.section-heading>div{flex:1;min-width:0}.section-heading>p{flex:0 1 370px}
.story-grid,.feature-grid,.b2b-grid,.par,.pro-intro-grid,.pro-case-grid,.pro-film-grid{gap:clamp(28px,5vw,72px)}
.story-grid>*,.feature-grid>*,.b2b-grid>*,.par>*,.pro-case-grid>*{min-width:0}
.hero,.pro-hero{min-height:0;padding-block:64px 40px}
.hero-content,.pro-hero .w{padding-bottom:0;min-height:0;display:block;align-self:auto}
.hero h1,.pro-hero h1{max-width:14ch;font-size:clamp(44px,5.8vw,84px);line-height:1.04;margin:20px 0}
.hero .hero-copy{font-size:18px;margin-bottom:26px}
.hero-content>.button,.pro-hero .button{width:auto;max-width:100%;align-self:flex-start}
.hero-bottom{position:static;background:none;margin-top:40px;padding:18px 0 0;gap:24px;font-size:14px;line-height:1.5;flex-wrap:wrap}
.pro-hero{display:block}.pro-hero-meta{position:relative;inset:auto;width:min(calc(100% - var(--gutter)*2),var(--max));margin:32px auto 0;padding:18px 0 0;background:none;gap:20px;flex-wrap:wrap;font-size:14px}
body.has-cookie-banner .hero,body.has-cookie-banner .pro-hero{padding-bottom:40px}
.hero h1 em,.pro-hero h1 em,.care em,.pro-film em{color:#c2e8eb}
.hero .eyebrow,.pro-hero .eyebrow,.care .rot,.pro-film .rot{color:#c2e8eb}
.photo-capa{min-height:560px;padding-block:68px}
.photo-capa .capa-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.photo-capa:before{background:linear-gradient(90deg,#062b32f5 0%,#062b32de 35%,#062b32ad 100%);z-index:1}
.hero:after{background:linear-gradient(0deg,#062b32d9,transparent 38%),linear-gradient(90deg,#062b32e8 0%,#062b328c 54%,#062b3218 100%)}
.photo-capa .w{z-index:2}
.motion-ready .capa [data-anim]{opacity:1;transform:none;transition:none}
.photo-capa .w>p.rot,.photo-capa h1 em{color:#d6eef0}
.photo-capa h1{max-width:15ch}
.photo-capa .entrada{max-width:58ch;color:#fff}
.photo-capa .marcador{display:inline-flex;background:#fff;color:var(--area,var(--teal));padding:10px 16px;gap:12px;max-width:100%;border-left:4px solid var(--area,var(--teal));box-shadow:0 2px 12px #0001}
.photo-capa .marcador>span{display:none}
.photo-capa .marcador .rot{margin:0;color:var(--area,var(--teal));font-size:13px;letter-spacing:.09em}
.tema-cozinhas .area-lead .rot,.tema-cozinhas .destaque .fonte{color:#a7410c}
.tema-clima .area-lead .rot,.tema-clima .destaque .fonte{color:#656310}
.photo-capa .btn{border-color:white}.photo-capa .btn:hover{background:#edf4f4}
.algarismo{font-size:clamp(64px,8vw,112px);bottom:28px;color:#ffffff5c}
.s-teal .lista{border-color:#ffffff50}.s-teal .lista li{border-color:#ffffff50;color:#fff}.s-teal .lista .t{color:#fff}
.s-teal em,.s-teal .rot,.s-teal .meta{color:#fff}
.s-teal .btn-c.claro{background:#fff;border-color:#fff;color:var(--area,var(--deep))!important}
.s-teal .btn-c.claro:hover{background:#f1f1f1}
.s-teal .bl{background:#ffffff0d;color:#fff}.s-teal .bl .n{color:#fff}
.s-teal .blocos{background:transparent;gap:20px}
.story-visual>img,.feature img,.pro-case-images img,.history-gallery img{height:auto;object-fit:cover}
.story-visual>img{aspect-ratio:1.2;max-height:510px}
.feature figure img{aspect-ratio:1.35;max-height:480px}
.pro-case-images img{aspect-ratio:.95}.pro-case-images img:nth-child(2){margin-top:28px}
.history-gallery img{aspect-ratio:16/9;object-fit:contain;filter:none;background:#141313}.history-gallery figcaption,.feature figcaption{font-size:14px;line-height:1.5}
.division-body .rot{font-size:13px;letter-spacing:.08em}.division.red .rot{color:var(--red-txt)}.division.orange .rot{color:var(--orange-txt)}.division.olive .rot{color:var(--olive-txt)}
.division-body>p:not(.rot),.portfolio-card p,.bl p,.ev p,.rd ul{font-size:16px;line-height:1.65}
.blocos.four-up{grid-template-columns:repeat(2,minmax(0,1fr))}
.blocos{gap:20px;background:transparent}.bl{min-height:0;padding:28px}.bl h3{margin:18px 0 12px}.bl .n{font-size:13px;color:var(--area,var(--teal))}
.story-film-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px}
.story-film video,.pro-film video{aspect-ratio:16/9;height:auto;object-fit:contain;width:100%}
.pro-film figure{margin:0}.pro-film figcaption{font-size:14px;margin-top:12px}
.b2b-proof{padding:32px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--teal)}
.b2b-proof strong{display:block;font-size:28px;line-height:1.25;font-weight:500;color:var(--deep);margin:18px 0}
.b2b-label{font-size:13px;letter-spacing:.12em;color:var(--teal)}
.lead-panel{padding:clamp(56px,6vw,88px) 0;border-width:1px 0}
.lead-panel .form{max-width:960px;background:#fff;margin-top:30px}
.campo label,.rgpd,.checkbox{font-size:14px;line-height:1.5}
.campo input[type=checkbox]{width:18px;height:18px;margin:2px 8px 0 0;vertical-align:top;accent-color:var(--area,var(--teal));flex:none}
.campo.checkbox label{font-weight:400;display:block}
.button,.btn,.btn-c,.text-link{font-size:15px;line-height:1.4}.button,.btn-c,.btn{min-height:48px}
.topo .marca{flex-shrink:0}.nav>details>summary,.nav>a{font-size:14px}
.nav details a{font-size:14px}.nav summary:after{content:'⌄';display:inline-block;margin-left:7px;font-size:12px}
.nav [aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.footer-statement{font-size:clamp(42px,5vw,72px);line-height:1.05;padding-bottom:32px;margin-bottom:32px}
.rd-fim{flex-wrap:wrap;font-size:13px}.rd h4{font-size:13px}.rd-topo{gap:28px}
.project-cta h2{max-width:24ch}.project-cta .cta-circle{flex:none}
.store-grid h3{display:flex;justify-content:space-between;align-items:center;gap:20px}.store-grid h3 span{float:none;flex:none;font-size:14px}
.store-grid address{font-size:16px}.store-grid article{padding-top:24px}
.ev{grid-template-columns:160px 1fr;gap:48px}.ev .ano{max-width:none;overflow-wrap:normal;text-wrap:balance;font-size:16px}.crono:before{left:184px}.ev:before{left:179px}
.proof-grid strong{font-size:clamp(27px,3vw,38px)}.proof-grid p{font-size:14px}
.recognition{padding-block:36px}.destaque{padding-block:56px}.destaque p:not(.fonte){font-size:clamp(28px,3.2vw,46px);max-width:34ch;line-height:1.18;letter-spacing:-.035em}
.portfolio-card[hidden]{display:none}
.cookie-banner{font-size:14px;line-height:1.5}.cookie-actions button{min-height:44px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.photo-capa a:focus-visible,.hero a:focus-visible,.pro-hero a:focus-visible,.s-teal a:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #062b32}
@media(min-width:761px) and (max-width:1100px){.topo-in{gap:14px}.nav>a,.nav>details>summary{padding-inline:6px;font-size:13px}.nav .btn-c{padding:12px;gap:8px}.nav{gap:0}.pro-service-grid{grid-template-columns:1fr 1fr}.section-heading{gap:24px}}
@media(min-width:761px) and (max-width:1024px){.abrir{display:block}.nav{display:none;position:absolute;top:84px;left:0;right:0;padding:20px var(--gutter);background:#fff;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;max-height:calc(100dvh - 84px);overflow:auto}.nav.on{display:flex}.nav>a,.nav>details>summary{display:block;font-size:16px;padding:13px 0}.nav details>div{position:static;width:auto;box-shadow:none;border:0;padding:0 0 8px 16px}.nav .btn-c{display:flex;margin:12px 0 0;padding:14px 18px;justify-content:center}}
@media(max-width:760px){
  .photo-capa:before{background:linear-gradient(90deg,#062b32ed,#062b32bb)}
  .photo-capa:before{background:linear-gradient(90deg,#062b32ed,#062b32bb)}
  .capa h1,.photo-capa h1{font-size:clamp(38px,9.8vw,56px);line-height:1.08}.photo-capa{min-height:0;padding-block:44px 52px}.photo-capa .marcador{padding:9px 12px}.photo-capa .marcador .rot{font-size:12px;letter-spacing:.06em}.photo-capa .entrada{font-size:16px;line-height:1.65}.algarismo{display:none}
  .hero,.pro-hero{padding-block:44px 30px}.hero h1,.pro-hero h1{font-size:clamp(42px,10.6vw,62px);max-width:14ch}.hero-content,.pro-hero .w{padding-bottom:0}.hero-bottom,.pro-hero-meta{inset:auto;padding:16px 0 0;margin-top:28px;font-size:13px;gap:8px}.hero .hero-copy{font-size:16px}.image-caption{display:none}
  .section-heading{display:block}.section-heading>p{margin-top:18px}.story-film-grid{grid-template-columns:1fr;gap:28px}.story-grid,.feature-grid,.b2b-grid,.par{gap:32px}.since{right:-12px;bottom:-12px;padding:14px 18px}.since strong{font-size:42px}
  .blocos.four-up{grid-template-columns:1fr}.bl{padding:24px}.b2b-proof{padding:24px}.project-cta .w>div{align-items:flex-start}.project-cta h2{font-size:34px}.cta-circle{width:68px;height:68px;font-size:14px}
  .nav.on{max-height:calc(100dvh - 72px);overflow:auto}.nav>a,.nav>details>summary{font-size:16px}.nav details>div{margin-top:0}.nav .btn-c{width:100%}
  .ev{grid-template-columns:1fr;gap:8px;padding-left:30px}.crono:before{left:6px}.ev:before{left:1px}.ev .ano{text-align:left;font-size:15px}.ev h3{font-size:25px}
  .proof-grid{gap:20px}.proof-grid strong{font-size:30px}.cookie-banner{display:grid;grid-template-columns:1fr;gap:10px;padding:14px 18px;font-size:13px}.cookie-actions{justify-content:flex-end}.cookie-actions button{font-size:13px;padding:8px 12px}
}
@media(prefers-reduced-motion:reduce){.motion-ready [data-anim]{opacity:1;transform:none;transition:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Real archive: preserve source photographs and keep their scale appropriate. */
.real-home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:0;padding:0;max-width:1600px;margin-inline:auto;overflow:visible}
.real-home-hero:after{display:none}
.real-home-hero .hero-image{position:relative;grid-column:2;grid-row:1;width:100%;height:100%;min-height:540px;object-fit:cover;object-position:52% center}
.real-home-hero .hero-content{grid-column:1;grid-row:1;width:auto;max-width:none;margin:0;padding:58px clamp(24px,4.5vw,72px)}
.real-home-hero h1{font-size:clamp(46px,5vw,72px);line-height:1.05;max-width:12ch}
.real-home-hero .hero-bottom{font-size:12px;gap:8px;margin-top:28px}
.real-home-hero .image-caption{writing-mode:horizontal-tb;top:auto;right:18px;bottom:18px;background:#062b32;padding:8px 12px;font-size:12px;max-width:calc(50% - 36px)}
body.has-cookie-banner .real-home-hero{padding-bottom:0}
.real-kitchen-capa{display:grid;grid-template-columns:1fr 1fr;padding:0;min-height:0;background:#062b32}
.real-kitchen-capa:before,.real-kitchen-capa .algarismo{display:none}
.real-kitchen-capa .capa-image{position:relative;grid-column:2;grid-row:1;min-height:540px;object-fit:cover;object-position:50% center}
.real-kitchen-capa .w{grid-column:1;grid-row:1;width:auto;margin:0;padding:54px clamp(24px,4vw,64px)}
.real-kitchen-capa h1{font-size:clamp(40px,4.4vw,68px)}
.real-kitchen-capa .marcador .rot{font-size:11px;letter-spacing:.05em}
.editorial-intro{padding:60px 0 48px;background:#eef4f3}
.editorial-intro .rot{margin-top:26px}.editorial-intro h1{max-width:18ch;margin:20px 0 24px;font-size:clamp(42px,5.4vw,76px);line-height:1.06}
.editorial-intro .entrada{max-width:60ch;font-size:19px;line-height:1.6}
.editorial-pair{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.team-portrait{background:#f5f1eb;padding-block:clamp(48px,7vw,100px)}
.editorial-pair figure{margin:0;min-width:0}.editorial-pair figure img{display:block;width:100%;height:auto;object-fit:contain}
.editorial-pair h2{font-size:clamp(34px,3.8vw,52px);margin:18px 0 24px;line-height:1.12}
.editorial-pair p{max-width:58ch}.editorial-pair .button,.editorial-pair .text-link{margin-top:16px}
figcaption{font-size:13px;line-height:1.6;color:#54666a;margin-top:12px}
.project-facts{border-block:1px solid var(--line);margin:28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0}.project-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#54666a}.project-facts dd{margin:6px 0 0;font-size:16px;font-weight:500}
.archive-gallery-section{background:#f3f6f5}.photo-gallery{display:grid;gap:24px;align-items:start}.salvia-gallery{grid-template-columns:1fr 1fr}.community-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery-item{display:block;background:#fff;border:1px solid var(--line);text-decoration:none;padding:10px;transition:box-shadow .2s,transform .2s}.gallery-item img{display:block;width:100%;height:auto;object-fit:contain}.gallery-item span{display:block;font-size:13px;padding:10px 4px 3px;color:var(--deep)}.gallery-item:hover{box-shadow:0 12px 28px #062b3214;transform:translateY(-3px)}
.salvia-gallery .gallery-item:last-child{max-width:440px;justify-self:center}.community-intro{background:#eaf1ee}.community-story{padding-top:54px}.community-preview{background:#edf2ee}.community-preview figure{max-width:577px}
.impact-number{padding:22px 0;margin:24px 0;border-block:1px solid #b9ccbf}.impact-number strong{font-size:clamp(42px,4.5vw,64px);font-weight:400;color:var(--teal);display:block;line-height:1.1}.impact-number span{font-size:14px;display:block;margin-top:10px}
.social-document{max-width:440px;justify-self:center}.social-card img{aspect-ratio:1!important;object-fit:contain!important;background:#f1f3ef}.source-post{object-fit:contain!important;background:#f1f3ef;height:auto!important;aspect-ratio:auto!important}
.news-title{font-size:26px;line-height:1.25;margin:16px 0}.noticias .nt[hidden],.portfolio-card[hidden]{display:none}
.archive-lightbox{padding:18px;background:#fff;border:0;border-radius:4px;width:min(1000px,94vw);max-height:94dvh;box-shadow:0 20px 90px #0005}.archive-lightbox::backdrop{background:#062b32e8}.archive-lightbox img{display:block;width:100%;height:auto;max-height:72dvh;object-fit:contain;margin-top:12px}.archive-lightbox button{margin-left:auto;display:block;min-height:44px;padding:8px 16px;background:var(--deep);color:#fff;border:0;cursor:pointer}.archive-lightbox p{font-size:14px;margin:12px 0 0}
@media(max-width:1000px){.real-home-hero h1{font-size:48px}.real-home-hero .hero-content{padding:42px 28px}.real-kitchen-capa .w{padding:40px 24px}.real-kitchen-capa .marcador{max-width:100%}.real-kitchen-capa h1{font-size:44px}.editorial-pair{gap:30px}}
@media(max-width:760px){.real-home-hero,.real-kitchen-capa{display:flex;flex-direction:column;padding:0}.real-home-hero .hero-content,.real-kitchen-capa .w{padding:36px 20px;width:100%;order:0}.real-home-hero .hero-image,.real-kitchen-capa .capa-image{order:1;position:static;min-height:0;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.real-home-hero .image-caption{display:none}.real-home-hero h1{font-size:clamp(42px,11vw,60px);max-width:13ch}.real-kitchen-capa h1{font-size:42px}.editorial-pair{grid-template-columns:1fr;gap:28px}.editorial-intro{padding:36px 0}.editorial-intro .entrada{font-size:17px}.editorial-intro h1{font-size:clamp(40px,10vw,56px)}.community-gallery,.salvia-gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery-item{padding:6px}.gallery-item span{font-size:12px}.salvia-gallery .gallery-item:last-child{max-width:none}.project-facts{grid-template-columns:1fr;gap:14px}.project-facts div{display:flex;justify-content:space-between;gap:16px}.project-facts dd{margin:0}.social-document{max-width:380px}.archive-lightbox{padding:12px}.community-preview figure{width:100%}}
@media(prefers-reduced-motion:reduce){.gallery-item{transition:none}.gallery-item:hover{transform:none}}
@media(min-width:761px){.real-home-hero:after{display:block!important;background:linear-gradient(90deg,rgba(5,43,45,.90) 0%,rgba(5,55,55,.78) 38%,rgba(5,55,55,.42) 72%,rgba(5,55,55,.20) 100%),linear-gradient(0deg,rgba(5,43,45,.52),rgba(5,43,45,.10) 60%,rgba(5,43,45,.18))!important}}
@media(max-width:760px){.real-home-hero:after{display:block!important;background:linear-gradient(90deg,rgba(5,43,45,.88),rgba(5,55,55,.42)),linear-gradient(0deg,rgba(5,43,45,.55),rgba(5,43,45,.10) 65%)!important}}
.real-home-hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.real-home-hero .hero-image{z-index:-1}.real-home-hero:after{z-index:1!important;background:linear-gradient(90deg,rgba(5,43,45,.86),rgba(5,55,55,.58) 48%,rgba(5,55,55,.28)),linear-gradient(0deg,rgba(5,43,45,.55),rgba(5,43,45,.12) 65%)!important}.real-home-hero .hero-content{z-index:2}
.image-caption{display:none!important}
figcaption{display:none!important}
@media(min-width:761px){.real-home-hero:after{background:linear-gradient(90deg,rgba(5,43,45,.90) 0%,rgba(5,55,55,.78) 38%,rgba(5,55,55,.42) 72%,rgba(5,55,55,.20) 100%),linear-gradient(0deg,rgba(5,43,45,.52),rgba(5,43,45,.10) 60%,rgba(5,43,45,.18))!important}}
@media(max-width:760px){.real-home-hero:after{background:linear-gradient(90deg,rgba(5,43,45,.88),rgba(5,55,55,.42)),linear-gradient(0deg,rgba(5,43,45,.55),rgba(5,43,45,.10) 65%)!important}}
@media(min-width:761px){.real-home-hero:after{background:linear-gradient(90deg,rgba(8,45,45,.93) 0%,rgba(8,58,54,.82) 44%,rgba(8,58,54,.48) 78%,rgba(8,58,54,.25) 100%),linear-gradient(0deg,rgba(8,45,45,.56),transparent 58%)}}
@media(max-width:760px){.real-home-hero{min-height:calc(100svh - 102px);display:block}.real-home-hero .hero-image{position:absolute;inset:0;height:100%;object-fit:cover}.real-home-hero .hero-content{min-height:calc(100svh - 102px);padding:70px 20px 96px}.real-home-hero .hero-content .hero-bottom{left:20px;right:20px;bottom:20px}}
/* video header sits above the fallback image and below the overlay */
.real-home-hero .hero-image{z-index:-1!important}.real-home-hero .hero-video{z-index:0!important}
@media(min-width:761px){.real-home-hero,.real-home-hero .hero-content{min-height:calc(100svh - 120px)}.real-home-hero .hero-content{padding-top:110px;padding-bottom:120px}}
@media(min-width:761px){.real-home-hero,.real-home-hero .hero-content{min-height:calc(100svh - 96px)}}
@media(min-width:761px){.real-home-hero{display:block;width:100%;max-width:none;margin:0;position:relative}.real-home-hero .hero-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}.real-home-hero .hero-content{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto;padding-left:0;padding-right:0}}
.motion-ready [data-anim="fade"]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-anim="fade"].is-visible{opacity:1;transform:none}.motion-ready [data-anim="slide"]{opacity:0;transform:translateX(-28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-anim="slide"].is-visible{opacity:1;transform:none}.division-card,.portfolio-card,.nt,.gallery-item{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}.division-card:hover,.portfolio-card:hover,.nt:hover,.gallery-item:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(9,47,55,.13)}.button,.btn-c,.text-link{transition:transform .25s ease,background-color .25s ease,color .25s ease}.button:hover,.btn-c:hover{transform:translateY(-2px)}
body.has-cookie-banner{padding-bottom:0!important;overflow:hidden}body.has-cookie-banner:before{content:'';position:fixed;inset:0;background:rgba(3,28,30,.62);z-index:59}.cookie-banner{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(560px,calc(100% - 40px));padding:32px;background:#062f35;display:block;z-index:60;box-shadow:0 24px 80px rgba(0,0,0,.28);font-size:15px;line-height:1.55}.cookie-banner p{max-width:none;margin:0 0 26px}.cookie-actions{display:flex;justify-content:flex-end;gap:10px}.cookie-actions button{min-height:46px;padding:10px 16px}.cookie-actions .accept{font-weight:600}@media(max-width:760px){.cookie-banner{width:calc(100% - 32px);padding:24px}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions button{width:100%;font-size:13px}}
.cookie-image{width:100%;height:150px;object-fit:cover;object-position:center 45%;margin:-32px -32px 24px;width:calc(100% + 64px);max-width:none}.cookie-copy h2{color:#fff;font-size:34px;line-height:1.05;margin:0 0 12px;letter-spacing:-.04em}.cookie-kicker{color:#b9d8c2!important;font-size:10px!important;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px!important}.cookie-copy p:not(.cookie-kicker){margin-bottom:22px}@media(max-width:760px){.cookie-image{height:120px;margin:-24px -24px 20px;width:calc(100% + 48px)}.cookie-copy h2{font-size:29px}}
.utility{background:#f4f6f1;color:#355249;border-bottom:1px solid #dce5df}.utility .w{min-height:32px}.utility a{color:#355249;border-color:#9cb4a8}.topo-in{min-height:96px}.marca{width:116px;height:88px;padding:10px 8px}.topo{background:#fff}.topo-in{padding-block:6px}@media(max-width:1024px){.utility .w{padding-inline:20px}.utility a{display:none}.topo-in{min-height:96px;padding-inline:20px}.marca{width:122px;height:90px;padding:12px 10px}.abrir{width:46px;height:44px}}
.utility{display:none!important}
.nav .nav-pro{color:var(--teal);font-weight:600;border:1px solid #9ec8c7;padding:11px 13px;display:inline-flex;align-items:center;gap:12px;text-decoration:none;margin-inline:5px}.nav .nav-pro:hover{background:#eaf5f4;border-color:var(--teal)}@media(max-width:1024px){.nav .nav-pro{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:5px 0;padding:13px 0;justify-content:space-between}}
.real-home-hero{display:block;position:relative;min-height:clamp(620px,78vh,860px);background:#123b36;overflow:hidden}.real-home-hero .hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 58%;z-index:0}.real-home-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#082d2ddd 0%,#0b3832b8 43%,#0b383255 75%,#0b383222 100%),linear-gradient(0deg,#082d2d88,transparent 52%);z-index:1;pointer-events:none}.real-home-hero .hero-content{position:relative;z-index:2;min-height:clamp(620px,78vh,860px);display:flex;flex-direction:column;justify-content:center;padding-top:90px;padding-bottom:110px}.real-home-hero .hero-content .hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:28px}.real-home-hero .image-caption{display:none}


/* ═══════════ camada de imagem e movimento (14/09/2026) ═══════════ */

/* capa com fotografia por cima do conteúdo editorial */
.capa-foto-topo{position:relative;padding-top:0;overflow:hidden}
.capa-foto-topo .topo-foto{display:block;width:100%;height:clamp(240px,38vw,440px);object-fit:cover;
  object-position:center 42%;margin-bottom:clamp(28px,4vw,52px)}
@media(prefers-reduced-motion:no-preference){
  .capa-foto-topo .topo-foto{animation:capaZoom 1.6s cubic-bezier(.2,.7,.2,1) both}
}

/* zoom lento na fotografia de capa, só à entrada */
@keyframes capaZoom{from{transform:scale(1.07)}to{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
  .capa-image,.hero-image{animation:capaZoom 1.8s cubic-bezier(.2,.7,.2,1) both}
}

/* a capa deixa de estar congelada: o conteúdo entra escalonado */
.motion-ready .capa [data-anim],
.motion-ready .hero [data-anim]{opacity:0;transform:translateY(20px);
  transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1);transition-delay:var(--d,0ms)}
.motion-ready .capa [data-anim].is-visible,
.motion-ready .hero [data-anim].is-visible{opacity:1;transform:none}
.motion-ready .capa [data-anim=fade],
.motion-ready .hero [data-anim=fade]{transform:none}

/* capa tipográfica: sem fotografia, com cor de área, símbolo e movimento */
.capa-tipo{position:relative;overflow:hidden;isolation:isolate}
/* só as capas claras recebem o lavado de cor; a .pro-hero já nasce escura */
.capa.capa-tipo,.editorial-intro.capa-tipo{background:linear-gradient(168deg,var(--area-vel,#EDF5F6) 0%,#fff 68%)}
.pro-hero.capa-tipo .capa-simbolo{--simbolo-op:.13;filter:brightness(0) invert(1)}
.pro-hero.capa-tipo::after{background:linear-gradient(90deg,var(--cyan,#5fd0c4) 0%,transparent 62%)}
.capa-tipo .capa-simbolo{position:absolute;z-index:0;--simbolo-op:.07;opacity:var(--simbolo-op);right:clamp(-90px,-6vw,-30px);top:50%;
  width:clamp(280px,34vw,480px);aspect-ratio:1;transform:translateY(-50%);
  background:url("../img/simbolo.svg") center/contain no-repeat;opacity:.07;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
  .capa-tipo .capa-simbolo{animation:simboloEntra 1.9s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes simboloEntra{
  from{opacity:0;transform:translateY(-50%) translateX(40px) rotate(-8deg)}
  to{opacity:var(--simbolo-op,.07);transform:translateY(-50%) translateX(0) rotate(0)}
}
.capa-tipo h1{position:relative}
.capa-tipo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,var(--area,var(--teal)) 0%,transparent 62%);transform-origin:left}
@media(prefers-reduced-motion:no-preference){
  .capa-tipo::after{animation:risca 1.1s .35s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes risca{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* imagens dentro do conteúdo: revelação com leve escala */
@media(prefers-reduced-motion:no-preference){
  .motion-ready .rev-img img,.motion-ready .foto img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
  .motion-ready .rev-img:not(.is-visible) img,.motion-ready .foto:not(.is-visible) img{transform:scale(1.04)}
  .motion-ready .rev-img.is-visible img,.motion-ready .foto.is-visible img{transform:scale(1)}
}

/* o cartão de área ganha profundidade ao passar o rato */
@media(hover:hover){
  .division-image img,.portfolio-card img,.gallery-item img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  .division:hover .division-image img,.portfolio-card:hover img,.gallery-item:hover img{transform:scale(1.045)}
  .division-image,.portfolio-card,.gallery-item{overflow:hidden}
}

@media(prefers-reduced-motion:reduce){
  .capa-image,.hero-image,.capa-foto-topo .topo-foto,.capa-tipo .capa-simbolo,.capa-tipo::after{animation:none}
  .motion-ready .capa [data-anim],.motion-ready .hero [data-anim]{opacity:1;transform:none;transition:none}
}

/* Comunidade e patrocínios */
.community-future-cover .future-image-cover{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.future-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#dce9e9,#c8dddd);color:#08777f;border:1px solid rgba(8,119,127,.2)}
.future-image span{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.future-image small{font-size:13px;letter-spacing:.04em}
.future-image-cover:after{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.4)}
.community-overview{background:#fff}
.community-overview-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(60px,9vw,150px);align-items:start}
.community-overview h2{max-width:700px}
.community-overview-grid>div:last-child{max-width:680px;padding-top:42px}
.community-overview-grid>div:last-child p{font-size:clamp(20px,1.7vw,28px);line-height:1.5;color:#5e6d72}
.sponsor-wall{background:#eef5f5}
.community-intro .capa-image{object-position:center 62%}
.community-logo-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:clamp(48px,7vw,86px);border-top:1px solid #b9d0d2;border-left:1px solid #b9d0d2}
.community-logo-card{display:flex;align-items:center;justify-content:center;min-height:190px;padding:30px;background:rgba(255,255,255,.5);border-right:1px solid #b9d0d2;border-bottom:1px solid #b9d0d2}
.community-logo-card img{display:block;max-width:100%;width:auto;height:auto;max-height:112px;object-fit:contain}
.community-logo-card.community-logo-wide img{max-width:88%;max-height:86px}
.community-logo-card.community-logo-art{padding:0;overflow:hidden}
.community-logo-card.community-logo-art img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.community-logo-word span{font-size:clamp(28px,3vw,44px);font-weight:800;letter-spacing:-.06em;color:#ee6848}
.community-name-groups{display:grid;grid-template-columns:1.45fr 1fr .85fr;margin-top:clamp(58px,7vw,90px);border-top:1px solid #a9c4c6}
.community-name-groups section{padding:28px clamp(22px,3vw,46px) 10px 0}
.community-name-groups section+section{padding-left:clamp(22px,3vw,46px);border-left:1px solid #a9c4c6}
.community-name-groups span{display:block;margin-bottom:24px;color:var(--teal);font-size:13px;font-weight:700;letter-spacing:.16em}
.community-name-groups h3{margin:0 0 20px;color:#062f35;font-size:clamp(24px,2.2vw,34px);font-weight:500}
.community-name-groups p{margin:0;color:#5e6d72;font-size:16px;line-height:1.8}
.community-support-groups{display:grid;gap:clamp(64px,8vw,110px);margin-top:clamp(54px,7vw,90px)}
.community-support-group{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:clamp(34px,7vw,110px);padding-top:28px;border-top:1px solid #a9c4c6}
.community-support-heading span{display:block;margin-bottom:24px;color:var(--teal);font-size:13px;font-weight:700;letter-spacing:.16em}
.community-support-heading h3{max-width:340px;font-size:clamp(28px,3vw,44px);line-height:1.04;font-weight:500}
.community-support-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,4vw,64px)}
.community-support-list article{min-height:150px;padding:24px 0 30px;border-top:1px solid rgba(6,47,53,.18)}
.community-support-list article:nth-child(-n+2){border-top:0;padding-top:0}
.community-support-list h4{margin:0 0 12px;color:#062f35;font-size:clamp(20px,1.7vw,28px);line-height:1.15;font-weight:600}
.community-support-list p{margin:0;color:#5e6d72;font-size:16px;line-height:1.55}
.community-support-feature{grid-column:span 1}
.sponsor-logo-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #b9d0d2;border-left:1px solid #b9d0d2}
.sponsor-logo-card{min-height:190px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #b9d0d2;border-bottom:1px solid #b9d0d2;background:rgba(255,255,255,.32)}
.sponsor-logo-card span{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#64767a}
.sponsor-logo-card strong{font-size:clamp(25px,2.3vw,38px);font-weight:500;color:#062f35}
.sponsor-logo-card.is-pending{background:transparent;color:#6d7d80}
.community-future-gallery{background:#062b31;color:#fff;overflow:hidden}
.community-future-gallery h2,.community-future-gallery .section-heading>p{color:#fff}
.community-future-gallery .rot{color:#55c4c8}
.future-gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:170px;gap:16px;margin-top:70px}
.future-gallery-grid .future-image{min-height:0;background:linear-gradient(145deg,#16434a,#0d353c);border-color:rgba(255,255,255,.16);color:#9ec7c9}
.future-gallery-grid .future-image:nth-child(1){grid-column:span 7;grid-row:span 2}
.future-gallery-grid .future-image:nth-child(2){grid-column:span 5}
.future-gallery-grid .future-image:nth-child(3){grid-column:span 5}
.future-gallery-grid .future-image:nth-child(4){grid-column:span 4}
.future-gallery-grid .future-image:nth-child(5){grid-column:span 4}
.future-gallery-grid .future-image:nth-child(6){grid-column:span 4}
.archive-gallery-section{display:none}
@media(max-width:900px){
  .community-overview-grid{grid-template-columns:1fr;gap:20px}
  .community-overview-grid>div:last-child{padding-top:0}
  .community-support-group{grid-template-columns:1fr;gap:34px}
  .community-support-heading{display:grid;grid-template-columns:50px 1fr;align-items:start}
  .community-support-heading span{margin-top:7px}
  .community-support-heading h3{max-width:520px}
  .community-logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .community-name-groups{grid-template-columns:1fr}
  .community-name-groups section+section{padding-left:0;border-left:0;border-top:1px solid #a9c4c6}
  .sponsor-logo-grid{grid-template-columns:repeat(2,1fr);margin-top:45px}
  .future-gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:210px;margin-top:45px}
  .future-gallery-grid .future-image:nth-child(n){grid-column:span 1;grid-row:span 1}
  .future-gallery-grid .future-image:first-child{grid-column:span 2;grid-row:span 2}
}
@media(max-width:600px){
  .future-image-cover:after{inset:14px}
  .sponsor-logo-grid{grid-template-columns:1fr}
  .sponsor-logo-card{min-height:145px}
  .community-intro .capa-image{object-position:55% center}
  .community-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:42px}
  .community-logo-card{min-height:140px;padding:20px}
  .community-logo-card:last-child{grid-column:span 2}
  .community-name-groups{margin-top:52px}
  .community-name-groups section{padding:24px 0 30px}
  .community-name-groups p{font-size:15px;line-height:1.7}
  .community-support-groups{gap:60px;margin-top:44px}
  .community-support-group{padding-top:20px;gap:28px}
  .community-support-heading{grid-template-columns:40px 1fr}
  .community-support-heading h3{font-size:30px}
  .community-support-list{grid-template-columns:1fr}
  .community-support-list article{min-height:0;padding:22px 0 24px}
  .community-support-list article:nth-child(2){border-top:1px solid rgba(6,47,53,.18);padding-top:22px}
  .future-gallery-grid{grid-template-columns:1fr;grid-auto-rows:190px;gap:10px}
  .future-gallery-grid .future-image:nth-child(n){grid-column:span 1;grid-row:span 1}
  .future-gallery-grid .future-image:first-child{min-height:300px}
}

/* Eletrodomésticos — revisão editorial */
.tema-eletro .photo-capa .marcador-logo{position:static;margin:clamp(26px,3vw,40px) 0 clamp(36px,4.2vw,60px);text-align:left}
.tema-eletro .photo-capa .marcador-logo img{margin-left:0}
.tema-eletro .photo-capa .marcador-logo .rot{text-align:left}
.appliance-store-gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:12px;height:min(690px,58vw);margin-top:clamp(42px,6vw,78px)}
.appliance-store-gallery figure{position:relative;overflow:hidden;margin:0;min-height:0}
.appliance-store-gallery .store-gallery-main{grid-row:1/3}
.appliance-store-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.68,.28,1)}
.appliance-store-gallery figure:hover img{transform:scale(1.025)}
.appliance-store-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:58px 24px 22px;background:linear-gradient(transparent,rgba(4,24,28,.72));color:#fff;font-size:14px}
.brand-marquee{overflow:hidden;margin:70px calc(var(--gutter) * -1) 30px;border-block:1px solid var(--line);background:#f5f7f6}
.brand-marquee-track{display:flex;width:max-content;animation:eletroBrands 28s linear infinite}
.brand-marquee span{display:grid;place-items:center;min-width:190px;height:120px;padding:28px 34px;border-right:1px solid var(--line);color:#526367}
.brand-marquee img{display:block;width:130px;max-width:100%;height:48px;object-fit:contain;filter:grayscale(1);opacity:.82}
@keyframes eletroBrands{to{transform:translateX(-50%)}}
.euronics-feature{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);gap:clamp(50px,8vw,120px);align-items:center;margin-top:70px;padding:clamp(36px,5vw,70px);background:#082f6b;color:#fff}
.euronics-feature>img{display:block;width:min(100%,360px);height:auto;margin:auto;background:#fff;padding:18px}
.tema-eletro .euronics-feature .rot{color:#ffd81a}
.euronics-feature h3{margin:14px 0 18px;color:#fff;font-size:clamp(30px,3.4vw,52px);line-height:1.03;letter-spacing:-.04em}
.euronics-feature p:last-child{max-width:55ch;margin:0;color:#dbe6f4;font-size:17px;line-height:1.65}
.price-promise{position:relative;overflow:hidden;isolation:isolate;background:#f5eeee;color:var(--deep)}
.price-promise>.simbolo-agua{right:-13%;top:50%;transform:translateY(-50%);height:135%;color:#a62c31;--agua:.075}
.price-promise-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(50px,9vw,150px);align-items:center}
.price-promise .rot{color:#a62c31}.price-promise h2{margin-top:18px;color:#a62c31;font-size:clamp(48px,6.5vw,96px);line-height:.94;max-width:8ch}
.price-promise-lead{margin:0 0 20px;color:var(--deep);font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.045em}
.price-promise-grid>div:last-child>p:not(.price-promise-lead){max-width:52ch;color:#59686c;font-size:17px;line-height:1.65}
.price-promise .btn-c{margin-top:18px}
.eletro-facade-hero .capa-image{object-position:center 56%}
.store-visit-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr);gap:clamp(50px,8vw,120px);align-items:stretch}
.store-map{min-height:360px;background:#123b42;display:grid;place-items:center;align-content:center;gap:12px;padding:30px;text-align:center}
.store-map p{max-width:34ch;margin:0;color:#bdd3d5;font-size:12px}
.store-map[data-carregado]{display:block;padding:0}
.store-map iframe{display:block;width:100%;height:100%;min-height:360px;border:0}
@media(max-width:900px){
  .tema-eletro .photo-capa .marcador-logo{position:static;text-align:left;margin:26px 0 36px}
  .tema-eletro .photo-capa .marcador-logo img{margin-left:0}
  .tema-eletro .photo-capa .marcador-logo .rot{text-align:left}
  .store-visit-grid{grid-template-columns:1fr}
  .euronics-feature{grid-template-columns:1fr;gap:36px}
  .price-promise-grid{grid-template-columns:1fr;gap:32px}.price-promise h2{max-width:none}
  .price-promise>.simbolo-agua{right:-42%;height:92%}
}
@media(max-width:760px){
  .appliance-store-gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px}
  .appliance-store-gallery .store-gallery-main{grid-column:1/-1;grid-row:auto;height:420px}
  .appliance-store-gallery figure:not(.store-gallery-main){height:240px}
  .brand-marquee{margin-top:45px}
  .brand-marquee span{min-width:145px;height:94px;padding:22px}.brand-marquee img{width:105px;height:38px}
  .euronics-feature{margin-top:45px;padding:32px 24px}.euronics-feature>img{width:min(100%,270px)}
  .eletro-facade-hero .capa-image{object-position:58% center}
  .store-map{min-height:280px}.store-map iframe{min-height:280px}
}
@media(prefers-reduced-motion:reduce){.brand-marquee-track{animation:none}}

/* O vídeo injectado desapareceu, por isso a fotografia deixa de poder ficar
   atrás do fundo da secção. Sobe para o nível 0, debaixo do degradê (1) e do texto (2). */
.real-home-hero .hero-image,.hero .hero-image{z-index:0!important}
.real-home-hero{background:#0b2b2b}

/* capas com fotografia clara precisam de mais véu para o texto aguentar */
.photo-capa::after{background:linear-gradient(92deg,rgba(6,34,36,.88) 0%,rgba(6,34,36,.70) 46%,rgba(6,34,36,.42) 100%)!important}
.photo-capa .capa-image{z-index:0!important}
.photo-capa .w{position:relative;z-index:2}
.photo-capa .algarismo{z-index:1}

/* o vídeo volta, agora escrito no HTML e não injectado por JS.
   A fotografia da equipa fica por baixo como recurso se o vídeo não arrancar. */
.real-home-hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1!important}
.real-home-hero .hero-image{z-index:0!important}
.real-home-hero::after{z-index:2!important}
.real-home-hero .hero-content{z-index:3!important}
@media(prefers-reduced-motion:reduce){.real-home-hero .hero-video{display:none}}

/* Um só padrão de header com fotografia em todo o site (14/09/2026).
   O texto de apoio também tem de virar claro, não só o h1. */
.photo-capa .rot,.photo-capa .entrada,.photo-capa p,.photo-capa .text-link{color:#fff}
.photo-capa .entrada,.photo-capa p{color:rgba(255,255,255,.88)}
.photo-capa .text-link{border-bottom-color:rgba(255,255,255,.5)}
.photo-capa .capa-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%}

/* fecho da secção das lojas, em vez de uma segunda secção a pedir o mesmo */
.visit-fecho{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;
  margin-top:clamp(36px,5vw,60px);padding-top:clamp(28px,4vw,44px);border-top:1px solid rgba(6,43,50,.14)}
.visit-fecho h3{font-size:clamp(1.5rem,3vw,2.1rem);margin-top:6px;max-width:18ch}
.visit-fecho .cta-circle{flex:0 0 auto}

/* redes sociais no rodapé */
.rd-redes{display:flex;gap:10px;align-items:center;flex-wrap:wrap;
  margin-top:clamp(26px,3.5vw,40px);padding-top:22px;border-top:1px solid rgba(255,255,255,.16)}
.rd-redes .rs-link{display:inline-flex;align-items:center;gap:9px;text-decoration:none;
  color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.22);border-radius:999px;
  padding:9px 16px 9px 12px;font-size:.86rem;line-height:1;
  transition:color .25s ease,border-color .25s ease,background-color .25s ease,transform .25s ease}
.rd-redes .rs-link svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.rd-redes .rs-link:hover,.rd-redes .rs-link:focus-visible{color:#fff;border-color:#fff;
  background:rgba(255,255,255,.10);transform:translateY(-2px)}
@media(max-width:520px){.rd-redes .rs-nome{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .rd-redes .rs-link{padding:11px;border-radius:50%}}
@media(prefers-reduced-motion:reduce){.rd-redes .rs-link{transition:none}.rd-redes .rs-link:hover{transform:none}}

/* Formulários centrados (14/09/2026).
   O cartão tinha max-width mas não tinha margem automática, por isso encostava
   à esquerda. Centra-se o bloco todo, não só o cartão: um cartão ao centro por
   baixo de um título à esquerda lê-se como desalinhamento, não como intenção. */
.form{margin-inline:auto}
.w:has(> .form),.w-t:has(> .form){text-align:center}
.w:has(> .form) .form-intro,.w:has(> .form) .entrada,
.w-t:has(> .form) .form-intro,.w-t:has(> .form) .entrada{margin-inline:auto}
/* o conteúdo do formulário volta a alinhar à esquerda */
.w:has(> .form) .form,.w-t:has(> .form) .form{text-align:left}

/* recurso para browsers sem :has() */
@supports not selector(:has(*)){
  .form{margin-inline:auto}
}

/* migalhas e artigo do blog */
.migalhas{margin-bottom:18px}
.migalhas ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:.82rem}
.migalhas li+li::before{content:"/";margin-right:8px;opacity:.45}
.migalhas a{color:inherit;opacity:.78}
.migalhas a:hover{opacity:1}
.migalhas [aria-current]{opacity:.6}
.artigo-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:.84rem;opacity:.75;margin-top:22px}
.artigo h2{margin:40px 0 14px;font-size:clamp(1.3rem,2.4vw,1.75rem)}
.artigo p+p{margin-top:14px}
.artigo .lista{margin:18px 0}
.artigo .destaque{margin:32px 0}
.artigo .destaque .w{padding-inline:0}
.artigo-fim{margin-top:44px;padding-top:26px;border-top:1px solid rgba(6,43,50,.14);
  display:flex;gap:14px;flex-wrap:wrap}
.tema-grid{display:grid;gap:16px;margin-top:30px}
@media(min-width:760px){.tema-grid{grid-template-columns:repeat(2,1fr)}}
.tema-card{background:#fff;border:1px solid rgba(6,43,50,.12);padding:26px 24px;display:block;
  text-decoration:none;color:inherit;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
.tema-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(9,47,55,.12)}
.tema-card .rot{color:var(--area,var(--teal))}
.tema-card h3{margin:10px 0 8px;font-size:1.15rem}
.tema-card p{font-size:.95rem;opacity:.8}

/* profissionais: os dois públicos */
.pro-publicos{background:#fff}
.grid-2{display:grid;gap:20px;margin-top:34px}
@media(min-width:860px){.grid-2{grid-template-columns:1fr 1fr}}
.cx-pro{background:#f3f7f7;padding:clamp(26px,3.4vw,38px);border-top:3px solid var(--area,var(--teal))}
.cx-pro h3{margin:8px 0 12px;font-size:clamp(1.15rem,2vw,1.45rem)}
.cx-pro > p{font-size:.97rem;opacity:.86}
.cx-pro .lista{margin-top:18px}
.pro-publicos .destaque{margin-top:34px}
.pro-publicos .destaque .w{padding-inline:0}

/* blog: cartões com imagem, em grelha */
.artigo-capa{margin:0}
.artigo-capa img{display:block;width:100%;height:auto;object-fit:cover}
.artigo-capa.larga img{max-height:clamp(260px,42vw,520px)}
.tema-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:clamp(28px,4vw,44px)}
.tema-chips a{text-decoration:none;font-size:.84rem;padding:8px 15px;border-radius:999px;
  border:1px solid rgba(6,43,50,.18);color:inherit;opacity:.8;
  transition:background-color .25s ease,border-color .25s ease,opacity .25s ease}
.tema-chips a:hover{opacity:1;border-color:var(--area,var(--teal));background:rgba(2,119,136,.06)}

.post-card{display:block;text-decoration:none;color:inherit;background:#fff;
  border:1px solid rgba(6,43,50,.10);overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease}
.post-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(9,47,55,.14);border-color:transparent}
.post-card .pc-img{display:block;overflow:hidden}
.post-card .pc-img img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;
  transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.post-card:hover .pc-img img{transform:scale(1.05)}
.post-card .pc-txt{display:block;padding:24px 24px 28px}
.post-card .rot{display:block;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--area,var(--teal));font-weight:600}
.post-card .pc-tit{display:block;margin-top:10px;font-size:1.18rem;line-height:1.22;
  font-weight:500;letter-spacing:-.01em;color:var(--deep,#062b32)}
.post-card .pc-desc{display:block;margin-top:10px;font-size:.93rem;line-height:1.55;opacity:.78}
.post-card .pc-ler{display:inline-block;margin-top:16px;font-size:.86rem;
  border-bottom:1px solid rgba(6,43,50,.3);padding-bottom:2px}

.post-grid{display:grid;gap:20px}
@media(min-width:720px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1080px){.post-grid{grid-template-columns:repeat(3,1fr)}}
.post-destaque{margin-bottom:20px}
@media(min-width:860px){
  .post-card.destaque{display:grid;grid-template-columns:1.15fr 1fr;align-items:stretch}
  .post-card.destaque .pc-img img{aspect-ratio:auto;height:100%;min-height:340px}
  .post-card.destaque .pc-txt{padding:clamp(30px,3.4vw,46px);align-self:center}
  .post-card.destaque .pc-tit{font-size:clamp(1.5rem,2.4vw,2rem)}
  .post-card.destaque .pc-desc{font-size:1rem;max-width:46ch}
}
@media(prefers-reduced-motion:reduce){
  .post-card,.post-card .pc-img img{transition:none}
  .post-card:hover{transform:none}.post-card:hover .pc-img img{transform:none}
}

/* migalhas sobre fotografia têm de ser claras */
.photo-capa .migalhas,.hero .migalhas{color:#fff}
.photo-capa .migalhas a,.hero .migalhas a{color:#fff}
.migalhas{margin-bottom:18px;position:relative;z-index:2}
.migalhas ol{align-items:center}

/* ═══════ esquematização: ficha, critérios, matriz, legal, fluxo ═══════ */
.ficha{width:100%;border-collapse:collapse;margin-top:30px;font-size:.97rem}
.ficha th,.ficha td{text-align:left;padding:16px 0;border-bottom:1px solid rgba(6,43,50,.13);vertical-align:top}
.ficha th{width:34%;font-weight:600;color:var(--deep,#062b32);padding-right:26px;font-size:.82rem;
  letter-spacing:.06em;text-transform:uppercase}
.ficha tr:last-child th,.ficha tr:last-child td{border-bottom:0}
@media(max-width:640px){.ficha th,.ficha td{display:block;width:auto;padding:0}
  .ficha th{padding-top:16px}.ficha td{padding:6px 0 16px;border-bottom:1px solid rgba(6,43,50,.13)}}

.criterios{display:grid;gap:18px;margin-top:32px}
@media(min-width:760px){.criterios{grid-template-columns:1fr 1fr}}
.crit{background:#fff;border:1px solid rgba(6,43,50,.11);border-top:3px solid var(--area,var(--teal));
  padding:26px 24px 24px;position:relative}
.crit-n{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;letter-spacing:.1em;
  color:var(--area,var(--teal));font-weight:600}
.crit h3{margin:10px 0 10px;font-size:1.1rem;line-height:1.25}
.crit p{font-size:.95rem;line-height:1.6;opacity:.85}
.crit-med{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(6,43,50,.18);font-size:.88rem;opacity:1}
.crit-med b{color:var(--deep,#062b32);font-weight:600}

.matriz{width:100%;border-collapse:collapse;margin-top:30px;font-size:.94rem;min-width:640px}
.matriz thead th{text-align:left;padding:0 18px 12px 0;font-size:.73rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--area,var(--teal));font-weight:600;border-bottom:2px solid var(--area,var(--teal))}
.matriz tbody th{text-align:left;padding:18px 18px 18px 0;font-weight:600;color:var(--deep,#062b32);
  width:22%;vertical-align:top;border-bottom:1px solid rgba(6,43,50,.11)}
.matriz td{padding:18px 18px 18px 0;vertical-align:top;border-bottom:1px solid rgba(6,43,50,.11);line-height:1.55}
.matriz td:last-child{padding-right:0;opacity:.82}

/* enquadramento legal. Nome próprio, porque .legal já existia no site
   com max-width:860px e estava a encolher a grelha. */
.enq{display:grid;gap:16px;margin-top:32px;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.enq-c{background:#fff;border:1px solid rgba(6,43,50,.11);padding:24px 22px;
  border-left:3px solid var(--deep,#062b32)}
.enq-ref{font-family:ui-monospace,Menlo,monospace;font-size:.74rem;letter-spacing:.02em;
  color:var(--deep,#062b32);opacity:.65;line-height:1.45}
.enq-c h3{margin:9px 0 9px;font-size:1.02rem}
.enq-c p{font-size:.92rem;line-height:1.6;opacity:.85}

.fluxo{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:14px;counter-reset:none}
@media(min-width:900px){.fluxo{grid-template-columns:repeat(5,1fr);gap:0}}
.fluxo li{display:block;position:relative;padding:22px 20px;background:#fff;
  border:1px solid rgba(6,43,50,.11)}
@media(min-width:900px){
  .fluxo li{border-right:0}
  .fluxo li:last-child{border-right:1px solid rgba(6,43,50,.11)}
  .fluxo li::after{content:"";position:absolute;right:-7px;top:50%;width:13px;height:13px;
    background:#fff;border-top:1px solid rgba(6,43,50,.11);border-right:1px solid rgba(6,43,50,.11);
    transform:translateY(-50%) rotate(45deg);z-index:2}
  .fluxo li:last-child::after{display:none}
}
.fluxo .fx-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:var(--area,var(--teal));color:#fff;font-size:.78rem;font-weight:700;margin-bottom:12px}
.fluxo .fx-t{display:block;font-weight:600;color:var(--deep,#062b32);font-size:.99rem}
.fluxo .fx-d{display:block;margin-top:7px;font-size:.87rem;line-height:1.5;opacity:.78}

.setor-grid{display:grid;gap:20px;margin-top:36px}
@media(min-width:860px){.setor-grid{grid-template-columns:1fr 1fr}}
.setor-card{display:block;text-decoration:none;color:inherit;background:#fff;
  border:1px solid rgba(6,43,50,.10);overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,border-color .45s ease}
.setor-card:hover{transform:translateY(-5px);box-shadow:0 22px 46px rgba(9,47,55,.15);border-color:transparent}
.setor-card .pub-img{display:block;overflow:hidden}
.setor-card .pub-img img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;
  transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.setor-card:hover .pub-img img{transform:scale(1.05)}
.setor-card .pub-txt{display:block;padding:26px 26px 30px}
.setor-card .rot{display:block;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--area,var(--teal));font-weight:600}
.setor-card .pub-tit{display:block;margin-top:10px;font-size:1.3rem;line-height:1.22;font-weight:500;
  letter-spacing:-.01em;color:var(--deep,#062b32)}
.setor-card .pub-desc{display:block;margin-top:11px;font-size:.95rem;line-height:1.58;opacity:.8}
.setor-card .pub-ler{display:inline-block;margin-top:17px;font-size:.87rem;
  border-bottom:1px solid rgba(6,43,50,.3);padding-bottom:2px}
@media(prefers-reduced-motion:reduce){
  .setor-card,.setor-card .pub-img img{transition:none}
  .setor-card:hover{transform:none}.setor-card:hover .pub-img img{transform:none}}

/* a matriz é larga de propósito: rola dentro do seu contentor em vez de
   empurrar a página. A classe .scroll não existia no site, só na proposta. */
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:30px}
.scroll .matriz{margin-top:0}
@media(max-width:700px){
  .scroll{position:relative;
    background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)),
               linear-gradient(90deg,rgba(255,255,255,0),#fff 70%) 100% 0,
               radial-gradient(farthest-side at 0 50%,rgba(6,43,50,.14),transparent),
               radial-gradient(farthest-side at 100% 50%,rgba(6,43,50,.14),transparent) 100% 0;
    background-repeat:no-repeat;background-size:34px 100%,34px 100%,14px 100%,14px 100%;
    background-attachment:local,local,scroll,scroll}
}

/* bloco de demonstração da linha automática */
.futuro .cab .rot{color:var(--area,var(--teal))}
.futuro-demo{margin-top:clamp(34px,4.5vw,52px);background:#f3f7f7;
  border:1px solid rgba(6,43,50,.12);border-top:3px solid var(--area,var(--teal));
  padding:clamp(26px,3.4vw,38px)}
.futuro-eti{display:inline-block;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;
  font-weight:600;color:var(--area,var(--teal));border:1px solid currentColor;
  padding:5px 11px;margin-bottom:16px}
.futuro-demo > p{font-size:.98rem;line-height:1.6;max-width:62ch}
/* o widget do ElevenLabs é desenhado para flutuar no canto. Forçá-lo a estático
   deixa-o com altura zero, por isso deixa-se flutuar e o bloco aponta para ele. */
.futuro-seta{display:inline-flex;align-items:center;gap:10px;margin-top:22px;
  font-size:.95rem;font-weight:500;color:var(--deep,#062b32)}
.futuro-seta::before{content:"";width:30px;height:30px;border-radius:50%;flex:0 0 auto;
  background:var(--area,var(--teal));opacity:.18;box-shadow:0 0 0 6px rgba(2,119,136,.10)}
.futuro-nota{margin-top:20px;padding-top:16px;border-top:1px dashed rgba(6,43,50,.18);
  font-size:.85rem;opacity:.72;max-width:66ch}

/* o banner de cookies mostra a marca, não uma fotografia. A foto da equipa
   ocupava metade do cartão e roubava a atenção à escolha. */
.cookie-image{display:block;width:auto;max-width:none;height:66px;object-fit:contain;object-position:left center;margin:0 0 24px}
@media(max-width:760px){.cookie-image{width:auto;height:54px;margin:0 0 18px}}

/* Área 04, Álvaro Conforto. Azul do logótipo Álvaro Conforto (07/10/2026; o violeta antigo era invenção). */
:root{--plum:#498FAA}
.tema-conforto{--area:var(--plum);--area-vel:#EEF4F7}
.tema-conforto .rot,.tema-conforto em,.tema-conforto .meta,.tema-conforto .destaque .fonte{color:var(--plum)}
.tema-conforto .btn-c{background:var(--plum);border-color:var(--plum)}
.tema-conforto .area-lead,.tema-conforto .destaque{background:#EEF4F7}
.tema-conforto .area-lead .rot,.tema-conforto .destaque .fonte{color:var(--plum)}
.tema-conforto .s-teal{background:#1E3E4B}
.tema-conforto .s-teal .rot,.tema-conforto .s-teal .entrada{color:#fff}
.comfort-cover .capa-image{object-position:center 52%}
.portfolio-cover .capa-image{object-position:center 54%}
#projetos .portfolio-grid .portfolio-card:nth-child(1){order:-5}
#projetos .portfolio-grid .portfolio-card:nth-child(2){order:-4}
#projetos .portfolio-grid .portfolio-card:nth-child(9){order:-3}
#projetos .portfolio-grid .portfolio-card:nth-child(6){order:-2}
#projetos .portfolio-grid .portfolio-card:nth-child(5){order:-1}
.comfort-visit-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(42px,7vw,110px);align-items:center}
.comfort-visit-grid .cab{margin-bottom:0}.comfort-visit-grid figure{margin:0;overflow:hidden}
.comfort-visit-grid figure img{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain}
@media(max-width:760px){.comfort-cover .capa-image{object-position:center}.comfort-visit-grid{grid-template-columns:1fr;gap:34px}.comfort-visit-grid figure{margin-inline:calc(var(--gutter) * -1)}.comfort-visit-grid figure img{display:block;width:100%;height:auto!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain}}
.m-conforto>span{background:var(--plum)}
.division.plum .division-body{border-color:var(--plum)}
/* Quatro áreas na grelha da home: 4 em ecrã largo, 2x2 em tablet, 1 em telemóvel. */
@media(min-width:1101px){.division-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1100px){.division-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.division-grid{grid-template-columns:1fr}}
/* Cartão de área sem fotografia: campo de cor com o símbolo, no lugar da imagem. */
.division-image.sem-foto{background:linear-gradient(152deg,var(--plum) 0%,#1E3E4B 100%);display:grid;place-items:center}
.division-image.sem-foto:after{background:none}
.division-image.sem-foto .simb{width:38%;height:auto;opacity:.24}

/* ============================================================
   Sistema de cor por área. Fonte: MANUAL DE NORMAS de 26/11/2008,
   da New Design, em ~/Claude/alvaro-grupo/marca/manual-normas-2008.
   As cores são os Pantone declarados nos próprios ficheiros vetoriais,
   convertidos para os sRGB oficiais. O manual manda sobre qualquer
   amostra tirada de PNG: foi daí que vieram os valores errados de antes.

     Grupo            PANTONE 3155 C   #00747A
     Electrodomésticos PANTONE 1805 C  #AF272F
     Cozinhas         PANTONE 1585 C   #FF6A13
     Climatização     PANTONE 390 C    #B5BD00   verde-lima, não azeitona
     Lettering        PANTONE 431 C    #5B6770

   A regra continua a ser polaridade por área:
     --area      a cor exata, em superfície
     --area-ink  a tinta que passa contraste POR CIMA dela
     --area-txt  a variante da mesma matiz para texto sobre fundo claro
   Medido sobre branco: teal 5,6:1 · carmim 6,7:1 · laranja-txt 4,6:1 ·
   lima-txt 4,6:1. Tinta sobre a cor: branco no teal (5,6) e no carmim (6,7);
   tinta escura no laranja (5,2) e no lima (7,3), porque são cores claras.
   ============================================================ */
:root{
  --teal:#00747A;        /* PANTONE 3155 C */
  --red:#AF272F;         /* PANTONE 1805 C, electrodomésticos */
  --orange:#FF6A13;      /* PANTONE 1585 C, cozinhas */
  --olive:#B5BD00;       /* PANTONE 390 C, climatização */
  --plum:#498FAA;        /* conforto, NÃO existe no manual de 2008: é posterior, por confirmar */
  --cinza:#5B6770;       /* PANTONE 431 C, o lettering de todas as marcas */
  --red-txt:#AF272F;
  --orange-txt:#C4520F;
  --olive-txt:#767B00;
  --plum-txt:#3B748A;
  --teal-txt:#00747A;
  --eletro:var(--red);--cozinhas:var(--orange);--clima:var(--olive);--conforto:var(--plum);
}
.tema-eletro   {--area:var(--red);   --area-txt:var(--red-txt);   --area-ink:#fff;        --area-vel:#f7ebec}
.tema-cozinhas {--area:var(--orange);--area-txt:var(--orange-txt);--area-ink:var(--deep); --area-vel:#fff0e6}
.tema-clima    {--area:var(--olive); --area-txt:var(--olive-txt); --area-ink:var(--deep); --area-vel:#f7f8e4}
.tema-conforto {--area:var(--plum);  --area-txt:var(--plum-txt);  --area-ink:#fff;        --area-vel:#EEF4F7}

/* Texto por área usa sempre a variante, nunca a cor de superfície. */
.tema-eletro .rot,.tema-eletro em,.tema-eletro .meta,.tema-eletro .destaque .fonte,.tema-eletro .area-lead .rot{color:var(--red-txt)}
.tema-cozinhas .rot,.tema-cozinhas em,.tema-cozinhas .meta,.tema-cozinhas .destaque .fonte,.tema-cozinhas .area-lead .rot{color:var(--orange-txt)}
.tema-clima .rot,.tema-clima em,.tema-clima .meta,.tema-clima .destaque .fonte,.tema-clima .area-lead .rot{color:var(--olive-txt)}
.tema-conforto .rot,.tema-conforto em,.tema-conforto .meta,.tema-conforto .destaque .fonte,.tema-conforto .area-lead .rot{color:var(--plum-txt)}
.tema-card .rot{color:var(--area-txt,var(--teal-txt))}
.photo-capa .marcador{color:var(--area-txt,var(--teal-txt));border-left-color:var(--area)}
.photo-capa .marcador .rot{color:var(--area-txt,var(--teal-txt))}

/* Botões por área: a cor exata em fundo, e a tinta que passa por cima dela. */
.tema-eletro .btn-c,.tema-cozinhas .btn-c,.tema-clima .btn-c,.tema-conforto .btn-c{
  background:var(--area);border-color:var(--area);color:var(--area-ink)!important}
.tema-eletro .btn-c:hover,.tema-cozinhas .btn-c:hover,.tema-clima .btn-c:hover,.tema-conforto .btn-c:hover{
  background:var(--deep);border-color:var(--deep);color:#fff!important}
.tema-cozinhas .btn-c.claro,.tema-clima .btn-c.claro{color:var(--deep)!important}

/* Filetes e bordas ficam com a cor exata da marca. */
.m-eletro>span{background:var(--red)}
.m-cozinhas>span{background:var(--orange)}
.m-clima>span{background:var(--olive)}
.m-conforto>span{background:var(--plum)}
.division-body{border-top-color:var(--red)}
.division.orange .division-body{border-color:var(--orange)}
.division.olive .division-body{border-color:var(--olive)}
.division.plum .division-body{border-color:var(--plum)}
.division-image.sem-foto{background:linear-gradient(152deg,var(--plum) 0%,#1E3E4B 100%)}
/* As páginas sem área própria herdam o teal do grupo, para os fallbacks não entrarem. */
.tema-teal{--area:var(--teal);--area-txt:var(--teal-txt);--area-ink:#fff;--area-vel:#EDF5F6}

/* ============================================================
   Tipografia, 01/10/2026. Fraunces nos títulos.
   O site estava todo em Schibsted Grotesk, uma grotesca neutra que
   não diz nada sobre a casa. O Fraunces foi a escolha que saiu da
   comparação tipográfica feita em setembro e nunca chegou a ser
   aplicada. É uma serif com eixo óptico: em corpo grande ganha
   contraste e carácter, e o itálico dá voz aos <em> que já existem
   em quase todos os títulos.
   O corpo de texto fica em Schibsted: a serif não é para ler longo.
   ============================================================ */
:root{--serif:"Fraunces",Georgia,"Times New Roman",serif}
h1,h2,.footer-statement,.destaque p:not(.fonte),.since strong,.proof-grid strong,
.hero h1,.pro-hero h1,.capa h1{
  font-family:var(--serif);
  font-optical-sizing:auto;
  font-variation-settings:"SOFT" 0,"WONK" 0;
  letter-spacing:-.03em;       /* a serif precisa de menos aperto que a grotesca */
  font-weight:400;
}
h1 em,h2 em,.capa h1 em,.hero h1 em{font-weight:400;font-style:italic}
.footer-statement{letter-spacing:-.035em}
h3{letter-spacing:-.035em}     /* os h3 ficam em Schibsted, para contrastar */
/* Cartão de portfólio sem fotografia: campo de cor com o símbolo, nunca imagem gerada. */
.card-sem-foto{display:grid;place-items:center;width:100%;aspect-ratio:1.42;
  background:linear-gradient(152deg,var(--teal) 0%,var(--deep) 100%)}
.card-sem-foto .simb{width:34%;height:auto;opacity:.26}

/* ══════════════════════════════════════════════════════════════════════
   CARÁCTER, 02/10/2026.
   Camada final. Entra depois de tudo o resto e é ela que manda.

   PORQUÊ: o site tinha o mesmo ritmo do princípio ao fim. Capa, grelha de
   cartões iguais, secções alternadas, todos os títulos do mesmo tamanho e no
   mesmo sítio, um itálico colorido em cada título. Nada disso vem da casa.
   A fonte primária passou a ser o MANUAL DE NORMAS de 26/11/2008 (New Design),
   em ~/Claude/alvaro-grupo/marca/manual-normas-2008.

   ─────────────────────────────── O SISTEMA ───────────────────────────────

   1. TRÊS TIPOS DE SECÇÃO, E MAIS NENHUM. A superfície decide a composição,
      por isso a variação é regra e não acaso:
        .s-papel   fundo branco  · coluna 1180 · abertura à ESQUERDA  · título d2
        .s-papel2  fundo lavado  · coluna 1180 · abertura RECUADA     · título d3
        .s-teal    fundo escuro  · coluna 1560 · abertura LARGA       · título d2+
      Mais dois momentos, usados com conta:
        .destaque  coluna 900, centrada, Fraunces itálico. É o silêncio da página.
        .s-larga   coluna 1560. Só para imagem, índice e peças animadas.

   2. ESCALA TIPOGRÁFICA, QUATRO DEGRAUS E MAIS NENHUM.
        d1  capa      clamp(44px,6.2vw,88px)  Fraunces, WONK 1
        d2  secção    clamp(31px,3.6vw,54px)  Fraunces, WONK 0
        d3  bloco     clamp(21px,1.9vw,27px)  Schibsted 500
        corpo         17px/1.72 entrada · 16px/1.66 texto · 13px rótulo
      Cada página tem um só d1. Nunca dois d2 seguidos sem corpo pelo meio.

   3. RITMO VERTICAL, TRÊS MEDIDAS: --ar-curto, --ar, --ar-longo.
      O ar longo só antes e depois do .destaque e da assinatura.

   4. A COR DE ÁREA entra em três sítios e mais nenhum: o filete de abertura
      da página, os algarismos, e a banda da assinatura. Nunca em fundos
      grandes de texto. Variáveis --area, --area-ink, --area-txt.
      Nenhum hex de marca escrito à mão: tintas por color-mix().

   5. O ITÁLICO NÃO LEVA COR. Um itálico colorido em cada título era o tique
      mais visível do site. O itálico fica como voz; a cor fica nos rótulos.

   6. O SÍMBOLO é grafismo, não só logótipo. Entra GIGANTE e CORTADO por um
      lado, como na capa do manual de 2008 e na lateral das viaturas. Nunca
      inteiro, nunca centrado, nunca mais do que um por secção.

   7. A ONDA vem do papel timbrado e do envelope de 2008, onde carrega os
      contactos. No site carrega os contactos também, e por isso vive num só
      sítio: o fim do rodapé, em todas as 33 páginas. Repeti-la noutro bloco
      faria dela decoração, que é precisamente o que ela não é no manual.

   8. A ASSINATURA "Soluções que funcionam." é das viaturas do manual. Fecha
      todas as páginas, sobre a cor da área, com o símbolo cortado à esquerda
      e a linha à direita, exatamente como na lateral da carrinha.

   9. NADA DE CARTÕES. Um conjunto de coisas comparáveis é lista com filete e
      algarismo pendurado, em degrau, nunca caixas iguais com borda e sombra.

   A tipografia do logótipo (Walkway Black) NÃO entra no site: no manual ela é
   só o lettering ALVARO. A assinatura das viaturas está numa sans leve e
   alargada, por isso no site é Schibsted com tracking aberto.
   ══════════════════════════════════════════════════════════════════════ */

:root{
  --ar-curto:clamp(38px,4vw,62px);
  --ar:clamp(62px,7vw,104px);
  --ar-longo:clamp(92px,10.5vw,164px);
  --col:1180px;
  --col-estreita:780px;
  --col-larga:1560px;
  --recuo:clamp(0px,14vw,200px);        /* o recuo das aberturas em .s-papel2 */
  --onda-forma:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 220' preserveAspectRatio='none'%3E%3Cpath d='M0,220 V76 C0,44 21,19 56,16 C322,-6 792,44 1440,124 V220 Z' fill='%23000'/%3E%3C/svg%3E");
  --simbolo:url("/assets/img/simbolo.svg");
}

/* ── 1. larguras por tipo de secção ───────────────────────────────────── */
section,.s-papel,.s-papel2,.s-teal{--max:var(--col);padding-block:var(--ar)}
.s-papel2{--max:var(--col)}
.s-teal{--max:var(--col-larga)}
.s-larga,.secao-larga{--max:var(--col-larga)}
.s-estreita{--max:var(--col-estreita)}
section.destaque{--max:900px;padding-block:var(--ar-longo)}
.ar-longo{padding-block:var(--ar-longo)}
.ar-curto{padding-block:var(--ar-curto)}
.w-t{width:min(calc(100% - var(--gutter)*2),var(--col-estreita))}

/* ── 2. escala tipográfica ────────────────────────────────────────────── */
h1,.d1{font-size:clamp(44px,6.2vw,88px);line-height:1.02;letter-spacing:-.042em;
  font-variation-settings:"SOFT" 0,"WONK" 1}
h2,.d2{font-size:clamp(31px,3.6vw,54px);line-height:1.08;letter-spacing:-.038em;
  font-variation-settings:"SOFT" 0,"WONK" 0}
h3,.d3{font-size:clamp(21px,1.9vw,27px);line-height:1.22;letter-spacing:-.025em;font-weight:500}
.entrada{font-size:17px;line-height:1.72;max-width:62ch}
p{text-wrap:pretty}
h1,h2,h3,.d1,.d2{text-wrap:balance}
/* o itálico é voz, não cor */
em,h1 em,h2 em,h3 em,.capa h1 em,.hero h1 em,.d1 em,.d2 em{color:inherit;font-style:italic}
/* algarismos sempre alinhados e com o carácter da Fraunces */
.algarismo,.bl .n,.proof-grid strong,.since strong,.ev .ano,.pro-steps strong,
.indice-num,.passo-num,.facto-num{
  font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;
  font-variation-settings:"SOFT" 0,"WONK" 1;letter-spacing:-.03em}
/* rótulos: discretos, sem risca decorativa à frente */
.rot,.eyebrow,.meta,.bl .n{font-size:13px;letter-spacing:.14em;line-height:1.5;
  text-transform:uppercase;font-weight:600;color:var(--area-txt,var(--teal-txt))}

/* ── 3. abertura de secção, pela superfície ───────────────────────────── */
.cab{max-width:none;margin-bottom:clamp(30px,4vw,54px)}
.cab h2{margin-top:14px;max-width:18ch}
.cab .entrada,.cab>p:not(.rot){margin-top:18px;max-width:58ch}
/* branco: abertura à esquerda */
.s-papel>.w>.cab,.s-branco>.w>.cab{margin-left:0}
/* lavado: abertura recuada, título mais calmo, filete a atravessar */
.s-papel2>.w>.cab{margin-left:var(--recuo);padding-top:26px;border-top:1px solid var(--line);
  position:relative}
.s-papel2>.w>.cab:before{content:"";position:absolute;top:-1px;left:calc(var(--recuo)*-1);
  width:var(--recuo);height:2px;background:var(--area,var(--teal))}
.s-papel2>.w>.cab h2{font-size:clamp(25px,2.5vw,36px);max-width:22ch}
/* escuro: abertura larga, título a respirar */
.s-teal>.w>.cab{max-width:none}
.s-teal>.w>.cab h2{font-size:clamp(33px,4vw,62px);max-width:16ch}
.s-teal{position:relative;overflow:hidden;isolation:isolate}
.s-papel2{background:color-mix(in srgb,var(--area,var(--teal)) 5%,#fff)}

/* ── 4. o símbolo como grafismo ───────────────────────────────────────── */
.simbolo-agua{position:absolute;z-index:0;pointer-events:none;aspect-ratio:1;
  -webkit-mask:var(--simbolo) no-repeat center/contain;
  mask:var(--simbolo) no-repeat center/contain;
  background:currentColor;opacity:var(--agua,.07)}
/* corte à direita, como na capa do manual de 2008 */
.simbolo-agua.dir{right:-14%;top:50%;transform:translateY(-50%);height:clamp(300px,74%,780px)}
/* corte à esquerda, como na lateral das viaturas */
.simbolo-agua.esq{left:-16%;top:50%;transform:translateY(-50%);height:clamp(280px,82%,720px)}
.simbolo-agua.baixo{right:-10%;bottom:-32%;height:clamp(320px,80%,820px)}
.s-teal .simbolo-agua,.care .simbolo-agua,.rodape .simbolo-agua{color:#fff;--agua:.055}
.s-papel .simbolo-agua,.s-papel2 .simbolo-agua,.capa .simbolo-agua{color:var(--area,var(--teal));--agua:.07}
.s-teal>.w,.capa>.w,.care>.w{position:relative;z-index:1}

/* a capa tipográfica deixa o degradê decorativo e passa a símbolo cortado */
.capa.capa-tipo,.editorial-intro.capa-tipo{background:#fff}
.capa-tipo .capa-simbolo{right:-13%;top:50%;width:clamp(340px,52vw,760px);
  transform:translateY(-50%);opacity:.07;--simbolo-op:.07}
.pro-hero.capa-tipo .capa-simbolo{--simbolo-op:.11}
/* o filete da capa deixa de ser um degradê e passa a filete medido */
.capa-tipo::after,.photo-capa::before{content:"";position:absolute;left:0;bottom:0;height:5px;
  width:min(38%,460px);background:var(--area,var(--teal));z-index:3}
.photo-capa::before{z-index:4}
.capa,.photo-capa,.editorial-intro{padding-block:clamp(74px,9vw,128px)}
.capa h1,.photo-capa h1,.editorial-intro h1{max-width:15ch;margin:20px 0 22px}
.capa .entrada,.photo-capa .entrada{max-width:54ch}

/* ── 5. a onda do papel timbrado de 2008 ──────────────────────────────── */
.onda{position:relative;background:var(--onda-cor,var(--teal));color:#fff;
  -webkit-mask:var(--onda-forma) no-repeat 0 0/100% 100%;
  mask:var(--onda-forma) no-repeat 0 0/100% 100%;
  padding-top:clamp(76px,9vw,152px);padding-bottom:clamp(30px,3.4vw,46px);margin-top:clamp(-40px,-4vw,-20px)}
.onda-dentro{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,64px);align-items:flex-end;
  justify-content:space-between}
.onda .ct{display:grid;gap:3px;font-size:14px;line-height:1.55;color:#fff}
.onda .ct a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45)}
.onda .ct a:hover{border-bottom-color:#fff}
.onda .ct strong{font-weight:600}
.onda .ct-rot{font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.72);margin-bottom:5px}
@media(max-width:760px){
  .onda{padding-top:clamp(62px,18vw,110px)}
  .onda-dentro{display:grid;gap:22px}
}

/* ── 6. a assinatura das viaturas ─────────────────────────────────────── */
.assinatura{position:relative;overflow:hidden;isolation:isolate;
  background:var(--area,var(--teal));color:var(--area-ink,#fff);
  padding-block:clamp(44px,5.4vw,80px)}
.assinatura .w{position:relative;z-index:1;display:flex;align-items:center;
  justify-content:space-between;gap:clamp(18px,4vw,60px);flex-wrap:wrap}
.assinatura .simbolo-agua{color:var(--area-ink,#fff);--agua:.17;left:-7%;top:50%;
  transform:translateY(-50%);height:clamp(190px,230%,460px)}
.assinatura .frase{font-size:clamp(23px,3vw,42px);line-height:1.1;letter-spacing:.012em;
  font-weight:300;margin:0;color:var(--area-ink,#fff)}
.assinatura .desde{font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--area-ink,#fff);opacity:.78;margin:0}
@media(max-width:760px){.assinatura .w{display:grid;gap:14px}}

/* ── 7. índice editorial: o fim da grelha de cartões iguais ───────────── */
.indice{display:grid;gap:0;margin-top:clamp(18px,3vw,40px)}
.indice-linha{position:relative;display:grid;gap:clamp(18px,3.2vw,56px);
  grid-template-columns:var(--ln,minmax(0,1fr) minmax(0,.84fr));
  align-items:center;text-decoration:none;color:inherit;
  border-top:1px solid var(--line);padding-block:clamp(26px,3.4vw,50px)}
.indice-linha:last-child{border-bottom:1px solid var(--line)}
.indice-linha:after{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;
  background:var(--c);transition:width .55s cubic-bezier(.2,.75,.25,1)}
.indice-linha:hover:after,.indice-linha:focus-visible:after{width:100%}
.indice-texto{display:grid;gap:10px;align-content:center}
.indice-num{font-size:clamp(15px,1.4vw,19px);color:var(--c);line-height:1}
.indice-linha h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;
  font-size:clamp(28px,3.4vw,50px);line-height:1.04;font-variation-settings:"SOFT" 0,"WONK" 0}
.indice-linha p{margin:0;max-width:46ch;font-size:16px;line-height:1.62}
.indice-ver{font-size:13px;letter-spacing:.02em;color:var(--deep);display:inline-flex;gap:12px;
  align-items:center;margin-top:4px}
.indice-linha:hover .indice-ver{color:var(--c)}
.indice-foto{position:relative;overflow:hidden;margin:0}
.indice-foto img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.75,.25,1)}
.indice-linha:hover .indice-foto img{transform:scale(1.04)}
/* a irregularidade é regra: proporção e altura mudam de linha para linha */
.indice-linha:nth-child(1){--ln:minmax(0,1fr) minmax(0,.9fr)}
.indice-linha:nth-child(2){--ln:minmax(0,1fr) minmax(0,.62fr)}
.indice-linha:nth-child(3){--ln:minmax(0,1fr) minmax(0,1.04fr)}
.indice-linha:nth-child(4){--ln:minmax(0,1fr) minmax(0,.74fr)}
.indice-linha:nth-child(1) .indice-foto{aspect-ratio:1.62}
.indice-linha:nth-child(2) .indice-foto{aspect-ratio:1.18}
.indice-linha:nth-child(3) .indice-foto{aspect-ratio:2.1}
.indice-linha:nth-child(4) .indice-foto{aspect-ratio:1.34}
.indice-linha:nth-child(even) .indice-texto{order:2}
.indice-linha:nth-child(even) .indice-foto{order:1}
.indice-linha:nth-child(even){grid-template-columns:var(--ln)}
.indice-sem-foto{display:grid;place-items:center;background:var(--c);color:#fff}
.indice-sem-foto .simbolo-agua{position:static;transform:none;height:46%;--agua:.3;color:#fff;
  width:46%;margin:auto}
.indice-espera{position:absolute;left:12px;bottom:10px;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:rgba(255,255,255,.8)}
@media(max-width:760px){
  .indice-linha,.indice-linha:nth-child(even){grid-template-columns:1fr;gap:20px}
  .indice-linha:nth-child(even) .indice-texto{order:0}
  .indice-linha:nth-child(even) .indice-foto{order:1}
  .indice-linha .indice-foto{aspect-ratio:1.5!important}
}

/* ── 8. sequência numerada, no lugar dos três cartões iguais ──────────── */
.passos{display:grid;grid-template-columns:1.1fr .94fr 1fr;gap:clamp(26px,4vw,64px);
  margin-top:clamp(26px,3.4vw,48px)}
.passos>div{border-top:1px solid currentColor;padding-top:20px}
.passos>div:nth-child(2){margin-top:clamp(18px,2.6vw,44px)}
.passos>div:nth-child(3){margin-top:clamp(36px,5.2vw,88px)}
.passo-num{display:block;font-size:clamp(26px,2.6vw,38px);line-height:1;margin-bottom:14px}
.passos h3{margin:0 0 10px}
.passos p{margin:0;font-size:16px;line-height:1.66;max-width:34ch}
@media(max-width:900px){.passos{grid-template-columns:1fr}
  .passos>div:nth-child(2),.passos>div:nth-child(3){margin-top:0}}

/* ── 9. o fim dos cartões, em todo o site ─────────────────────────────── */
.blocos{background:none;gap:clamp(26px,3.4vw,52px) clamp(26px,3.6vw,64px);
  grid-template-columns:1.12fr 1fr .92fr}
.blocos.four-up{grid-template-columns:repeat(4,1fr)}
.bl,.s-teal .bl{background:none;border:0;border-top:1px solid var(--line);
  padding:22px 0 0;min-height:0}
.s-teal .bl{border-top-color:rgba(255,255,255,.28)}
.bl .n{display:block;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.02em;
  text-transform:none;margin-bottom:14px;color:var(--area-txt,var(--teal-txt))}
.s-teal .bl .n{color:rgba(255,255,255,.72)}
.bl h3{margin:0 0 11px}
.bl p{font-size:16px;line-height:1.66;max-width:38ch}
/* o degrau: três colunas que descem, em vez de três caixas alinhadas */
.blocos:not(.four-up)>.bl:nth-child(2){margin-top:clamp(16px,2.2vw,38px)}
.blocos:not(.four-up)>.bl:nth-child(3){margin-top:clamp(32px,4.4vw,76px)}
.blocos:not(.four-up)>.bl:nth-child(5){margin-top:clamp(16px,2.2vw,38px)}
.blocos:not(.four-up)>.bl:nth-child(6){margin-top:clamp(32px,4.4vw,76px)}
@media(max-width:1000px){.blocos{grid-template-columns:1fr 1fr}
  .blocos:not(.four-up)>.bl:nth-child(3){margin-top:0}
  .blocos.four-up{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.blocos,.blocos.four-up{grid-template-columns:1fr;gap:26px}
  .blocos>.bl{margin-top:0!important}}

.nt,.md{border:0;background:none;padding:0}
.nt .im{margin:0 0 18px}
.nt{display:grid;gap:0;border-top:1px solid var(--line);padding-top:20px}
.nt h3{margin:10px 0}
.md{border-top:1px solid var(--line);padding-top:20px}
.portfolio-card{border:0;background:none;box-shadow:none!important}
.portfolio-card:hover{transform:none;box-shadow:none!important}
.portfolio-card>div{padding:18px 0 0;border-top:1px solid var(--line);margin-top:18px}
.pro-service-grid{background:none;gap:clamp(26px,3vw,48px)}
.pro-service-grid article{background:none;padding:22px 0 0;min-height:0;
  border-top:1px solid var(--line)}
.pro-service-grid article:nth-child(2){margin-top:clamp(14px,1.8vw,30px)}
.pro-service-grid article:nth-child(3){margin-top:clamp(28px,3.6vw,60px)}
.pro-service-grid article:nth-child(4){margin-top:clamp(42px,5.4vw,90px)}
.pro-service-grid h3{margin:16px 0 12px}
@media(max-width:1100px){.pro-service-grid article{margin-top:0!important}}
.form,.lead-panel,.area-lead .form{border:0;box-shadow:none!important;
  background:color-mix(in srgb,var(--area,var(--teal)) 7%,#fff)}
.s-teal .form{background:rgba(255,255,255,.07)}
.pro-steps>div{border-top-color:var(--line)}
.pro-steps{grid-template-columns:1.08fr .95fr 1fr}
.pro-steps>div:nth-child(2){margin-top:clamp(14px,2vw,34px)}
.pro-steps>div:nth-child(3){margin-top:clamp(28px,4vw,68px)}
@media(max-width:900px){.pro-steps>div{margin-top:0!important}}
.pro-steps strong{color:var(--area-txt,var(--teal-txt));font-family:var(--serif);
  font-variation-settings:"SOFT" 0,"WONK" 1;font-size:clamp(26px,2.6vw,36px)}

/* reconhecimento: deixa de ser fila de logótipos e passa a linha de texto */
.recognition{padding-block:var(--ar-curto)}
.recognition .w{display:flex;flex-wrap:wrap;gap:14px clamp(22px,4vw,56px);align-items:baseline;
  justify-content:space-between}
.partners{display:flex;flex-wrap:wrap;gap:10px clamp(20px,3vw,44px);margin:0;align-items:baseline}
.partners>div{display:flex;gap:9px;align-items:baseline}
.partners strong{font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--deep)}
.partners small{font-size:13px;color:var(--muted)}
.partners>div+div{padding-left:clamp(20px,3vw,44px);border-left:1px solid var(--line)}
@media(max-width:760px){.partners>div+div{padding-left:0;border-left:0}
  .partners{display:grid;gap:8px}}

/* ── 10. pares de imagem e texto, sem simetria ────────────────────────── */
.par{grid-template-columns:1.16fr 1fr;align-items:center}
.par.inv{grid-template-columns:1fr 1.16fr}
.par .foto img{aspect-ratio:1.18;max-height:none}
.par:not(.inv) .foto{margin-top:clamp(0px,2vw,34px)}
.story-grid,.feature-grid,.b2b-grid{grid-template-columns:1.1fr .95fr}
.editorial-pair{grid-template-columns:minmax(0,1.14fr) minmax(0,.92fr)}
@media(max-width:760px){.par,.par.inv,.story-grid,.feature-grid,.b2b-grid,.editorial-pair
  {grid-template-columns:1fr}.par:not(.inv) .foto{margin-top:0}}

/* ── 11. o destaque é o silêncio da página ────────────────────────────── */
section.destaque{background:color-mix(in srgb,var(--area,var(--teal)) 7%,#fff);text-align:left}
section.destaque .w,section.destaque .w-t{position:relative}
section.destaque p:not(.fonte){font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(27px,3.4vw,48px);line-height:1.18;letter-spacing:-.03em;
  max-width:20ch;margin:20px 0 26px;color:var(--deep);
  font-variation-settings:"SOFT" 0,"WONK" 1}
section.destaque .fonte{font-size:12px;letter-spacing:.17em}
section.destaque .marca-d{width:42px;height:3px;background:var(--area,var(--teal))}

/* ── 12. botões: três e mais nenhum ───────────────────────────────────── */
.btn-c{min-width:0;gap:16px;padding:14px 20px;font-size:14px;font-weight:600;letter-spacing:0;
  border-radius:0}
.button,.btn{min-width:0;gap:16px;padding:14px 20px;font-size:14px;font-weight:500;
  justify-content:flex-start;border-radius:0}
.button.dark{background:var(--deep);color:#fff;border-color:var(--deep)}
.button.light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);box-shadow:none}
.button.light:hover{background:#fff;color:var(--deep);border-color:#fff}
.button:hover,.btn-c:hover,.btn:hover{transform:none}
.text-link{gap:14px;font-size:14px;padding:9px 0;border-bottom-color:var(--line)}
.text-link:hover{border-bottom-color:var(--area,var(--teal));color:var(--area-txt,var(--teal-txt))}
.btns{gap:14px}

/* ── 13. a tira de factos: números, não cartões ───────────────────────── */
.proof-strip{background:#fff;border-bottom:1px solid var(--line);padding-block:clamp(30px,3.6vw,52px)}
.proof-grid{grid-template-columns:.9fr .72fr .9fr 1.25fr;gap:clamp(20px,3vw,48px);align-items:baseline}
.proof-grid>div{border-right:0;border-left:1px solid var(--line);padding:0 0 0 clamp(16px,2vw,30px)}
.proof-grid>div:first-child{border-left:0;padding-left:0}
.proof-grid strong{font-size:clamp(30px,3.4vw,50px);line-height:.98;color:var(--deep);font-weight:400}
.proof-grid strong span{font-size:.44em;letter-spacing:0}
.proof-grid p{font-size:14px;line-height:1.5;margin-top:10px;color:var(--muted)}
.proof-grid>div:last-child strong{font-family:var(--serif);font-size:clamp(19px,1.8vw,25px);
  letter-spacing:-.02em;line-height:1.2;font-variation-settings:"SOFT" 0,"WONK" 0}
@media(max-width:900px){.proof-grid{grid-template-columns:1fr 1fr;gap:24px}
  .proof-grid>div{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:16px}}

/* ── 14. rodapé ───────────────────────────────────────────────────────── */
.rodape{padding-top:0;padding-bottom:0;position:relative;overflow:hidden}
.rodape>.w{position:relative;z-index:1}
.rodape-topo{padding-top:clamp(50px,6vw,84px)}
.rd-topo{grid-template-columns:1.25fr 1fr 1fr;gap:clamp(26px,4vw,56px)}
.rodape .simbolo-agua{color:#fff;--agua:.045;right:-12%;top:-14%;height:clamp(360px,120%,900px)}
.rd h4{font-size:12px;letter-spacing:.15em;margin-bottom:14px}
.rd ul{gap:9px}
.rd-fim{margin-top:clamp(30px,4vw,52px);padding-bottom:0;border-top:1px solid rgba(255,255,255,.2)}
.rd-redes{margin-top:clamp(22px,3vw,34px)}
.rodape>.onda{margin-top:clamp(26px,3.4vw,46px);width:100%;--onda-cor:var(--teal)}
.rodape .onda>.w{width:min(calc(100% - var(--gutter)*2),var(--col));margin-inline:auto}
.footer-statement{display:none}        /* substituído pela assinatura */

/* ── 15. cabeçalho e barra de serviço ─────────────────────────────────── */
.utility{background:#fff;border-bottom:1px solid var(--line);color:var(--muted)}
.utility .w{min-height:38px;font-size:12.5px;letter-spacing:.02em}
.utility a{color:var(--deep);border-color:var(--line)}
.topo{border-bottom:1px solid var(--line)}

/* ── 16. migalhas e listas de definição ───────────────────────────────── */
.lista li{grid-template-columns:minmax(150px,.52fr) 1fr;padding:16px 0;font-size:16px}
.lista .t{font-weight:600;color:var(--deep)}

/* ── 17. telemóvel: o sistema não muda, só se endireita ───────────────── */
@media(max-width:760px){
  :root{--recuo:0px}
  .s-papel2>.w>.cab{margin-left:0}
  .s-papel2>.w>.cab:before{left:0;width:72px;top:-1px}
  .capa-tipo::after,.photo-capa::before{width:62%}
  .capa,.photo-capa,.editorial-intro{padding-block:clamp(48px,13vw,76px)}
  .rd-topo{grid-template-columns:1fr 1fr}
  .assinatura .simbolo-agua{height:clamp(150px,190%,300px);left:-22%}
}
@media(prefers-reduced-motion:reduce){
  .indice-linha:after,.indice-foto img{transition:none}
}

/* desenho técnico dentro do índice: campo lavado e a peça inteira à vista */
.indice-foto.desenho{background:color-mix(in srgb,var(--c,var(--teal)) 8%,#fff);display:grid;place-items:center}
.indice-foto.desenho img{object-fit:contain;padding:5% 7%;height:auto;max-height:100%}
.indice-linha:hover .indice-foto.desenho img{transform:none}
.indice-linha:nth-child(3) .indice-foto{aspect-ratio:1.55}
/* b2b: a prova deixa de ser caixa branca */
.b2b-proof{background:none;border:0;padding:0;border-top:2px solid var(--area,var(--teal));padding-top:22px}
.b2b-proof p{font-size:16px;line-height:1.66;max-width:40ch}
.b2b-proof .rot{display:block;margin-bottom:14px}

/* a assinatura ganha o peso que tem na lateral da carrinha */
.assinatura{padding-block:clamp(54px,6.4vw,100px)}
.assinatura .simbolo-agua{--agua:.22;left:-5%;height:clamp(210px,250%,520px)}
.assinatura .frase{font-size:clamp(25px,3.4vw,48px)}
.onda .ct .call-note{display:block;margin-top:6px;font-size:11.5px;color:rgba(255,255,255,.66)}
.onda .ct a{display:inline-block;width:fit-content}

/* ── 18. páginas de entrada de secção: lista com filete, não cartões ──────
   O Grupo, Soluções e Conteúdos partilham o mesmo tipo de página: capa
   tipográfica mais índice. O índice é uma lista de duas colunas, rótulo à
   esquerda e título à direita, com o mesmo gesto do índice da inicial. */
.tema-grid{grid-template-columns:1fr;gap:0;margin-top:clamp(22px,3vw,44px)}
.tema-card{position:relative;display:grid;align-items:start;
  grid-template-columns:minmax(120px,.22fr) minmax(0,1fr);gap:clamp(16px,3vw,52px);
  border:0!important;background:none!important;box-shadow:none!important;border-radius:0;
  border-top:1px solid var(--line)!important;padding:clamp(22px,2.8vw,40px) 0;
  text-decoration:none;color:inherit;transition:none}
.tema-card:last-child{border-bottom:1px solid var(--line)!important}
.tema-card:hover{transform:none;box-shadow:none!important}
.tema-card:after{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;
  background:var(--area,var(--teal));transition:width .55s cubic-bezier(.2,.75,.25,1)}
.tema-card:hover:after,.tema-card:focus-visible:after{width:100%}
.tema-card .rot{margin:6px 0 0}
.tema-card h3{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;
  font-size:clamp(25px,2.8vw,40px);line-height:1.06;margin:0 0 10px;
  font-variation-settings:"SOFT" 0,"WONK" 0}
.tema-card p{font-size:16px;line-height:1.64;opacity:1;color:var(--muted);max-width:54ch;margin:0}
@media(max-width:760px){.tema-card{grid-template-columns:1fr;gap:10px}}

/* ── 19. setores: o mesmo índice, com fotografia ─────────────────────────── */
.setor-grid{grid-template-columns:1fr;gap:0;margin-top:clamp(22px,3vw,44px)}
.setor-card{position:relative;display:grid;align-items:center;gap:clamp(20px,3.4vw,58px);
  grid-template-columns:minmax(0,1fr) minmax(0,var(--sf,.82fr));
  border:0!important;background:none!important;box-shadow:none!important;border-radius:0;
  border-top:1px solid var(--line)!important;padding:clamp(24px,3vw,46px) 0;
  text-decoration:none;color:inherit}
.setor-card:last-child{border-bottom:1px solid var(--line)!important}
.setor-card:after{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;
  background:var(--area,var(--teal));transition:width .55s cubic-bezier(.2,.75,.25,1)}
.setor-card:hover:after{width:100%}
.setor-card .pub-txt{padding:0;order:0}
.setor-card .pub-img{order:1;overflow:hidden}
.setor-card .pub-img img{width:100%;height:100%;object-fit:cover;display:block}
.setor-card:nth-child(even) .pub-txt{order:1}
.setor-card:nth-child(even) .pub-img{order:0}
.setor-card:nth-child(1){--sf:.92fr}.setor-card:nth-child(1) .pub-img{aspect-ratio:1.74}
.setor-card:nth-child(2){--sf:.64fr}.setor-card:nth-child(2) .pub-img{aspect-ratio:1.16}
.setor-card:nth-child(3){--sf:1.02fr}.setor-card:nth-child(3) .pub-img{aspect-ratio:2.05}
.setor-card:nth-child(4){--sf:.76fr}.setor-card:nth-child(4) .pub-img{aspect-ratio:1.36}
.setor-card .pub-tit{display:block;font-family:var(--serif);font-weight:400;letter-spacing:-.035em;
  font-size:clamp(26px,3vw,42px);line-height:1.05;margin-top:12px;color:var(--deep);
  font-variation-settings:"SOFT" 0,"WONK" 0}
.setor-card .pub-desc{margin-top:12px;font-size:16px;line-height:1.64;opacity:1;max-width:46ch}
.setor-card .pub-ler{display:inline-block;margin-top:14px;font-size:13px;color:var(--deep)}
.setor-card:hover .pub-ler{color:var(--area-txt,var(--teal-txt))}
@media(max-width:760px){.setor-card,.setor-card:nth-child(even){grid-template-columns:1fr;gap:18px}
  .setor-card .pub-txt,.setor-card:nth-child(even) .pub-txt{order:0}
  .setor-card .pub-img,.setor-card:nth-child(even) .pub-img{order:1;aspect-ratio:1.5!important}}

/* ── 20. moradas: filete de cor da área, sem caixa ───────────────────────── */
.moradas{gap:clamp(26px,3.4vw,56px)}
.md .barra{height:3px;width:56px;margin-bottom:16px}
.md .tipo{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  color:var(--muted)}
.md h3{font-family:var(--serif);font-weight:400;text-transform:none;
  font-variation-settings:"SOFT" 0,"WONK" 0}
.md .area-m{font-size:14px;color:var(--muted);margin:0 0 10px}
.md .cont .h{display:block;margin-top:8px;font-size:13px;color:var(--muted)}
.moradas>.md:nth-child(2){margin-top:clamp(14px,2vw,34px)}
.moradas>.md:nth-child(3){margin-top:clamp(28px,4vw,68px)}
@media(max-width:1000px){.moradas>.md{margin-top:0!important}}

/* ── 21. avisos e texto miúdo ────────────────────────────────────────────── */
.aviso{font-size:14px;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);
  padding-top:18px;margin-top:clamp(26px,3vw,42px);max-width:78ch}
.miudo{font-size:13px;color:var(--muted)}
.cab.ctr{text-align:left}

/* ── 22. correções de colocação e de escala ──────────────────────────────── */
/* o índice das páginas de entrada: rótulo à esquerda, título e texto à direita */
.tema-card .rot{grid-column:1;grid-row:1}
.tema-card h3{grid-column:2;grid-row:1}
.tema-card p{grid-column:2;grid-row:2}
@media(max-width:760px){.tema-card .rot,.tema-card h3,.tema-card p{grid-column:1;grid-row:auto}}
/* páginas legais: títulos de documento, não títulos de secção */
.legal{--max:820px;max-width:820px}
.legal h2{font-size:clamp(22px,2.1vw,29px);line-height:1.2;letter-spacing:-.025em;margin:44px 0 12px}
.legal h3{font-size:19px;margin:28px 0 8px;letter-spacing:-.02em}
.legal p,.legal li{font-size:16px;line-height:1.72}

/* ── 23. blog: guias em lista, não cartões ───────────────────────────────── */
.tema-chips{display:flex;flex-wrap:wrap;gap:6px clamp(18px,2.6vw,38px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:16px 0;margin-bottom:clamp(28px,3.6vw,52px)}
.tema-chips a{border:0;background:none;border-radius:0;padding:0;font-size:14px;
  color:var(--deep);text-decoration:none;border-bottom:1px solid transparent}
.tema-chips a:hover{border-bottom-color:var(--area,var(--teal));
  color:var(--area-txt,var(--teal-txt));background:none}
.post-card.destaque{background:none!important;padding:0!important;border:0!important}
.post-destaque{margin-bottom:clamp(30px,4vw,56px)}
.post-destaque .post-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
  gap:clamp(22px,3.6vw,60px);align-items:center;border-top:2px solid var(--area,var(--teal));
  padding-top:clamp(22px,2.6vw,36px)!important;box-shadow:none!important}
.post-destaque .pc-img{overflow:hidden}
.post-destaque .pc-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1.5}
.post-destaque .pc-tit{font-size:clamp(26px,3vw,42px)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,46px)}
.post-card{display:grid;border:0!important;background:none!important;box-shadow:none!important;
  border-radius:0;text-decoration:none;color:inherit;padding:0}
.post-card:hover{transform:none;box-shadow:none!important}
.post-card .pc-img{display:block;overflow:hidden;aspect-ratio:1.42}
.post-card .pc-img img{width:100%;height:100%;object-fit:cover}
.post-card .pc-txt{display:block;padding:18px 0 0;margin-top:18px;border-top:1px solid var(--line)}
.post-card .pc-tit{display:block;font-family:var(--serif);font-weight:400;letter-spacing:-.03em;
  font-size:clamp(21px,1.9vw,26px);line-height:1.14;margin:12px 0 10px;color:var(--deep);
  font-variation-settings:"SOFT" 0,"WONK" 0}
.post-card .pc-desc{display:block;font-size:15px;line-height:1.62;color:var(--muted)}
.post-card .pc-ler{display:inline-block;margin-top:14px;font-size:13px;color:var(--deep)}
.post-card:hover .pc-ler,.post-card:hover .pc-tit{color:var(--area-txt,var(--teal-txt))}
.post-grid>.post-card:nth-child(2){margin-top:clamp(14px,1.8vw,30px)}
.post-grid>.post-card:nth-child(3){margin-top:clamp(28px,3.6vw,60px)}
.post-grid>.post-card:nth-child(5){margin-top:clamp(14px,1.8vw,30px)}
.post-grid>.post-card:nth-child(6){margin-top:clamp(28px,3.6vw,60px)}
@media(max-width:1000px){.post-grid{grid-template-columns:1fr 1fr}
  .post-grid>.post-card:nth-child(3){margin-top:0}}
@media(max-width:760px){.post-grid{grid-template-columns:1fr;gap:30px}
  .post-grid>.post-card{margin-top:0!important}
  .post-destaque .post-card{grid-template-columns:1fr;gap:18px}}
/* a fotografia a sangrar por baixo da capa tipográfica é variante da capa,
   não um terceiro padrão: mesma margem inferior, mesmo filete de área */
.artigo-capa.larga{margin:0}
.artigo-capa.larga img{width:100%;max-height:clamp(260px,38vw,520px);object-fit:cover}

/* ── 24. contraste: as variantes de texto do laranja e do lima eram claras
   de mais para os fundos lavados. Medido sobre o fundo mais escuro em uso
   (#F0F5F5): laranja passa de 4,12 para 4,97 e lima de 4,18 para 4,86.
   A cor de superfície da marca não muda, só a sua variante de texto. */
:root{--orange-txt:#B04A0D;--olive-txt:#6B7000}
/* no índice, --c é a cor de superfície (filetes e campos) e --ct a de texto */
.indice-num{color:var(--ct,var(--c))}
.indice-linha:hover .indice-ver{color:var(--ct,var(--c))}

/* ── 25. TRÊS SUPERFÍCIES, E MAIS NENHUMA ────────────────────────────────
   O site tinha sete fundos diferentes (#fff, --paper, #eaf3f3, #eef4f3,
   #f5f1eb, #f3f6f5, --deep) e nenhum deles queria dizer nada. Passam a três,
   e cada uma já traz a sua composição:
     BRANCO  .s-papel .s-branco-n   → abertura à esquerda, título d2
     LAVADO  .s-papel2 .s-branco …  → abertura recuada, título d3
     ESCURO  .s-teal .care .rodape  → abertura larga, símbolo cortado
   O lavado é sempre a cor da área a 5% sobre branco, por isso muda de página
   para página sem deixar de ser a mesma regra. */
.s-branco,.map-section,.archive-gallery-section,.editorial-intro,.team-portrait,
.pro-intro,.pro-services,.pro-process,.group-story,.visit,.story-film,
.lead-panel,.area-lead{background:color-mix(in srgb,var(--area,var(--teal)) 5%,#fff)}
.s-branco>.w>.cab,.pro-intro>.w>.cab,.pro-services>.w>.cab,.pro-process>.w>.cab{
  margin-left:var(--recuo);padding-top:26px;border-top:1px solid var(--line);position:relative}
.s-branco>.w>.cab:before,.pro-intro>.w>.cab:before,.pro-services>.w>.cab:before,
.pro-process>.w>.cab:before{content:"";position:absolute;top:-1px;left:calc(var(--recuo)*-1);
  width:var(--recuo);height:2px;background:var(--area,var(--teal))}
.s-branco>.w>.cab h2,.pro-intro>.w>.cab h2,.pro-services>.w>.cab h2,
.pro-process>.w>.cab h2{font-size:clamp(25px,2.5vw,36px);max-width:22ch}
.s-papel,.s-branco-n,.recognition,.pro-case,.history-gallery,.b2b-entry,
.community-preview,.real-preview{background:#fff}
.s-papel2,.feature.s-papel2,.visit.s-papel2{
  background:color-mix(in srgb,var(--area,var(--teal)) 5%,#fff)}
.b2b-entry,.project-cta{background:#fff}
section.destaque{background:color-mix(in srgb,var(--area,var(--teal)) 9%,#fff)}
.editorial-intro{padding-block:clamp(74px,9vw,128px)}
@media(max-width:760px){
  .s-branco>.w>.cab,.pro-intro>.w>.cab,.pro-services>.w>.cab,.pro-process>.w>.cab{margin-left:0}
  .s-branco>.w>.cab:before,.pro-intro>.w>.cab:before,.pro-services>.w>.cab:before,
  .pro-process>.w>.cab:before{left:0;width:72px}
  .editorial-intro{padding-block:clamp(48px,13vw,76px)}
}

/* ── 26. O FECHO. Único momento centrado do site, e é por isso que se nota.
   Todas as 33 páginas acabam da mesma maneira: convite centrado, formulário,
   assinatura das viaturas, rodapé com a onda dos contactos. */
.lead-panel,.area-lead{padding-block:var(--ar-longo);text-align:center}
.lead-panel>.w,.area-lead>.w{--max:860px}
.lead-panel .rot,.area-lead .rot{display:block}
.lead-panel h2,.area-lead h2{margin:14px auto 0;max-width:20ch}
.lead-panel .form-intro,.area-lead .form-intro{margin:18px auto 0;max-width:52ch}
.lead-panel .form,.area-lead .form{text-align:left;margin-top:clamp(28px,3.4vw,44px);
  background:#fff;border:1px solid var(--line)}
.lead-panel .fim,.area-lead .fim{align-items:center}

/* O rótulo é texto: leva a variante, nunca a cor de superfície. O laranja da marca
   dá 2,9:1 sobre branco e o lima 2,1:1, por isso em texto usam-se as escurecidas. */
.division.plum .rot{color:var(--plum-txt)}


/* Fraunces e Schibsted Grotesk servidas do próprio site (07/10/2026).
   Antes vinham de fonts.googleapis.com, o que enviava o IP do visitante à Google
   antes de qualquer consentimento. Licença SIL Open Font. Só latin e latin-ext. */
@font-face{font-family: 'Fraunces'; font-style: italic; font-weight: 300 600; font-display: swap; src: url(/assets/fonts/fraunces-italic-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Fraunces'; font-style: italic; font-weight: 300 600; font-display: swap; src: url(/assets/fonts/fraunces-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Fraunces'; font-style: normal; font-weight: 300 600; font-display: swap; src: url(/assets/fonts/fraunces-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Fraunces'; font-style: normal; font-weight: 300 600; font-display: swap; src: url(/assets/fonts/fraunces-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Sistema visual sóbrio — 07/10/2026.
   A fotografia conduz; a tipografia organiza e não representa um conceito à parte. */
:root{--serif:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;--premium-ink:#102f35;--premium-paper:#fff;--premium-soft:#f4f5f3}
h1,h2,h3,.footer-statement,.destaque p:not(.fonte),.since strong,.proof-grid strong{
  font-family:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif!important;
  font-style:normal!important;font-variation-settings:normal!important;font-weight:500!important;
  letter-spacing:-.045em!important;text-wrap:balance
}
h1{line-height:.96!important}h2{line-height:1.02!important}h3{line-height:1.12!important}
.rot,.eyebrow,.meta{font-weight:600;letter-spacing:.13em}
section{scroll-margin-top:90px}
.s-papel,.s-papel2,.universe,.pro-intro,.pro-services{background:var(--premium-paper)}
.cab,.section-heading{margin-bottom:clamp(38px,5vw,72px)}
.cab h2,.section-heading h2{max-width:16ch}
.entrada{max-width:52ch}
.button,.btn,.btn-c{border-radius:0;box-shadow:none;text-transform:none;font-weight:600}
.division-card,.bl,.tema-card,.setor-card,.nt,.portfolio-card,.gallery-item{border-radius:0!important;box-shadow:none!important}
.division-card:hover,.bl:hover,.tema-card:hover,.setor-card:hover,.nt:hover,.portfolio-card:hover,.gallery-item:hover{transform:none!important;box-shadow:none!important}

/* Portefólio: sequência fotográfica, sem grelha de cartões repetidos. */
.portfolio-grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;column-gap:clamp(54px,8vw,138px)!important;row-gap:clamp(68px,8vw,126px)!important;background:transparent!important;align-items:start}
.portfolio-card{grid-column:auto!important;background:transparent!important;border:0!important;overflow:visible!important;margin:0!important;width:100%;justify-self:start}
.portfolio-card:nth-child(2n){width:82%;justify-self:end;margin-top:clamp(54px,6vw,96px)!important}
.portfolio-card:nth-child(3n){width:88%;justify-self:center}
.portfolio-card:nth-child(4n+1){width:94%}
#cozinha-ribatejo{width:100%}
#cozinha-terracota{width:78%;justify-self:end;margin-top:clamp(70px,8vw,125px)!important}
.portfolio-card:nth-child(9){width:90%;justify-self:end}
#cozinha-madeira-acinzentada{width:82%;justify-self:start;margin-top:clamp(24px,3vw,48px)!important}
#cozinha-lacada-branca{width:96%;justify-self:start}
.portfolio-card img{display:block;width:100%;height:auto!important;aspect-ratio:auto!important;max-height:680px;object-fit:cover}
.portfolio-card>div{padding:16px 0 0!important;margin:0!important;border-top:0!important;display:grid!important;grid-template-columns:1fr auto;column-gap:20px;align-items:baseline}
.portfolio-card .meta{grid-column:1/-1;margin-bottom:6px}.portfolio-card h2,.portfolio-card h3{font-size:clamp(20px,2vw,30px)!important;margin:0!important}
.portfolio-card p{grid-column:1/-1;margin:.45rem 0 0;max-width:42ch}.portfolio-card .text-link{grid-column:2;grid-row:2;margin:0!important;white-space:nowrap}
.filter-row{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:clamp(36px,5vw,70px)}
.filter-row button{border:0!important;background:transparent!important;color:var(--muted)!important;padding:8px 0;margin-right:24px;border-bottom:1px solid transparent!important}
.filter-row button.active,.filter-row button:hover{color:var(--deep)!important;border-bottom-color:var(--deep)!important}

@media(max-width:760px){
  h1,h2,h3{letter-spacing:-.035em!important}
  .portfolio-grid{display:flex!important;flex-direction:column}.portfolio-card,.portfolio-card:nth-child(n){width:100%!important;justify-self:auto;margin:0 0 54px!important}
  .portfolio-card>div{display:block!important}.portfolio-card .text-link{display:inline-flex;margin-top:14px!important}
}

/* Profissionais: uma única apresentação B2B orientada a parceria e escala. */
.pro-partner-cover h1{max-width:13ch!important}.pro-partner-cover .entrada{max-width:55ch}
.pro-partner-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(48px,9vw,150px);align-items:start}.pro-partner-intro h2{max-width:12ch}.pro-partner-intro-grid>div:last-child{padding-top:36px}.pro-partner-intro-grid>div:last-child p:not(.entrada){max-width:54ch}
.pro-partners{background:#eaf2f2}.pro-partners .cab{max-width:850px}.pro-partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#afc5c7;margin-top:50px}.pro-partner-grid article{background:#eaf2f2;padding:clamp(28px,3.6vw,54px);min-height:350px}.pro-partner-grid span,.pro-scope-grid span{color:var(--teal);font-size:12px;letter-spacing:.14em}.pro-partner-grid h3{margin:70px 0 18px}.pro-partner-grid p{max-width:34ch}
.pro-scale{background:var(--deep);color:#dbeaea}.pro-scale h2{color:#fff;max-width:11ch}.pro-scale .entrada{color:#dbeaea}.pro-scale-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,8vw,130px);align-items:center}.pro-scale figure{margin:0}.pro-scale figure img{width:100%;aspect-ratio:1.45;object-fit:cover}.pro-scale figcaption{font-size:12px;margin-top:10px;color:#aac4c6}.pro-scale-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(54px,7vw,100px);border-block:1px solid #ffffff38}.pro-scale-list div{padding:28px clamp(14px,2.5vw,38px);border-right:1px solid #ffffff38}.pro-scale-list div:first-child{padding-left:0}.pro-scale-list div:last-child{border-right:0}.pro-scale-list strong{display:block;color:#fff;font-size:22px;font-weight:500;margin-bottom:10px}.pro-scale-list span{font-size:14px}
.pro-scope .cab{display:grid;grid-template-columns:.8fr 1.2fr;align-items:end}.pro-scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.pro-scope-grid article{background:#fff;padding:clamp(28px,4vw,58px);min-height:290px}.pro-scope-grid h3{margin:48px 0 16px}.pro-scope-grid p{max-width:45ch}
.pro-method{background:#f3f6f6}.pro-method .cab{max-width:780px}.pro-method-list{list-style:none;margin:50px 0 0;padding:0;border-top:1px solid #b9cbcd}.pro-method-list li{display:grid;grid-template-columns:90px .7fr 1fr;gap:32px;align-items:start;padding:28px 0;border-bottom:1px solid #b9cbcd}.pro-method-list>li>span{color:var(--teal);font-size:13px;letter-spacing:.12em}.pro-method-list h3{margin:0}.pro-method-list p{margin:0;max-width:54ch}
.pro-proof{background:#fff}.pro-proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(45px,8vw,120px);align-items:center}.pro-proof figure{margin:0}.pro-proof figure img{width:100%;aspect-ratio:1.35;object-fit:cover}.pro-proof h2{max-width:12ch;margin:18px 0 28px}.pro-proof p{max-width:45ch}
@media(max-width:760px){.pro-partner-intro-grid,.pro-partner-grid,.pro-scale-grid,.pro-scale-list,.pro-scope-grid,.pro-proof-grid{grid-template-columns:1fr}.pro-partner-intro-grid>div:last-child{padding-top:0}.pro-partner-grid article{min-height:0}.pro-partner-grid h3{margin-top:36px}.pro-scale-list div,.pro-scale-list div:first-child{padding:22px 0;border-right:0;border-bottom:1px solid #ffffff38}.pro-scale-list div:last-child{border-bottom:0}.pro-scope .cab{display:block}.pro-scope-grid article{min-height:0}.pro-method-list li{grid-template-columns:52px 1fr;gap:18px}.pro-method-list li div{grid-column:2}.pro-method-list p{margin-top:10px}.pro-proof figure{order:2}}

/* Profissionais: revisão de ritmo, imagens e conversão. */
.professional-page main section{overflow:clip}
.professional-page .pro-partner-cover{min-height:min(760px,calc(100vh - 92px))}
.professional-page .pro-partner-cover .capa-image{object-position:center 42%}
.professional-page .pro-partner-cover:after{background:linear-gradient(90deg,rgba(5,37,43,.92) 0%,rgba(5,37,43,.68) 44%,rgba(5,37,43,.18) 76%,rgba(5,37,43,.08) 100%)}
.professional-page .pro-partner-cover h1{font-size:clamp(58px,6vw,94px);line-height:.94;letter-spacing:-.045em;margin:18px 0 26px}
.professional-page .pro-partner-cover .entrada{font-size:clamp(17px,1.3vw,20px);line-height:1.55}
.professional-page .pro-partner-cover .btns{margin-top:30px}
.pro-partner-intro{padding-block:clamp(82px,9vw,140px)}
.pro-partner-intro-grid{grid-template-columns:.9fr .72fr .78fr;gap:clamp(28px,5vw,78px);align-items:center}
.pro-partner-intro h2{font-size:clamp(42px,4.3vw,68px);line-height:1;max-width:10ch;margin-bottom:28px}
.pro-partner-intro figure{margin:0}
.pro-partner-intro figure img{display:block;width:100%;height:clamp(390px,47vw,620px);object-fit:cover;object-position:center 42%}
.pro-partner-intro figcaption{font-size:12px;color:#607276;margin-top:10px}
.pro-partner-intro-copy{padding-top:0!important}
.pro-partner-intro-copy p{font-size:17px;line-height:1.65}
.pro-partners{padding-block:clamp(72px,8vw,118px)}
.pro-partners .cab{display:grid;grid-template-columns:.6fr 1fr;gap:50px;align-items:end;max-width:none}
.pro-partners .cab h2{margin:0;max-width:18ch}
.pro-partner-grid{margin-top:44px}
.pro-partner-grid article{min-height:260px;padding:clamp(28px,3vw,46px)}
.pro-partner-grid h3{margin:42px 0 16px;font-size:clamp(24px,2vw,31px)}
.pro-scale{padding-block:clamp(84px,9vw,140px)}
.pro-scale-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(48px,8vw,120px)}
.pro-scale figure img{aspect-ratio:1.32;object-position:center}
.pro-scale-list{margin-top:clamp(50px,6vw,82px)}
.pro-scope{padding-block:clamp(82px,9vw,140px)}
.pro-scope-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,8vw,120px);align-items:end;margin-bottom:54px}
.pro-scope .cab{display:block}
.pro-scope .cab h2{max-width:12ch;margin-bottom:0}
.pro-scope-head figure{margin:0}
.pro-scope-head figure img{display:block;width:100%;aspect-ratio:1.75;object-fit:cover}
.pro-scope-grid{grid-template-columns:repeat(4,1fr)}
.pro-scope-grid article{min-height:280px;padding:32px 28px}
.pro-scope-grid h3{margin:46px 0 14px;font-size:24px}
.pro-method{padding-block:clamp(82px,9vw,130px)}
.pro-method .cab{max-width:none;display:grid;grid-template-columns:.65fr 1fr;align-items:end}
.pro-method .cab h2{margin:0;max-width:16ch}
.pro-method-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #b9cbcd}
.pro-method-list li{display:block;padding:28px clamp(20px,2.5vw,38px) 10px;border-bottom:0;border-right:1px solid #b9cbcd;min-height:260px}
.pro-method-list li:first-child{padding-left:0}
.pro-method-list li:last-child{border-right:0}
.pro-method-list h3{margin:42px 0 16px;font-size:22px}
.pro-method-list p{margin:0;font-size:14px;line-height:1.55}
.pro-proof{padding-block:clamp(82px,9vw,140px)}
.pro-proof-grid{grid-template-columns:1.05fr .95fr}
.pro-proof figure img{aspect-ratio:1.45;object-position:center 45%}
.pro-proof h2{font-size:clamp(42px,4vw,66px);line-height:1.02}
.professional-page .lead-panel{padding-block:clamp(82px,9vw,130px)}
.professional-page .lead-panel>.w{--max:1040px}
.professional-page .lead-panel h2{font-size:clamp(46px,5vw,72px)}
.professional-page .lead-panel .form{padding:clamp(30px,4vw,58px);border:1px solid var(--line)}

@media(max-width:760px){
  .professional-page .pro-partner-cover{min-height:760px;align-items:flex-end;padding-bottom:54px}
  .professional-page .pro-partner-cover .capa-image{object-position:61% center}
  .professional-page .pro-partner-cover:after{background:linear-gradient(0deg,rgba(5,37,43,.98) 0%,rgba(5,37,43,.82) 49%,rgba(5,37,43,.25) 82%,rgba(5,37,43,.08) 100%)}
  .professional-page .pro-partner-cover .migalhas{position:absolute;bottom:560px;left:0}
  .professional-page .pro-partner-cover h1{font-size:52px;line-height:.96;margin:14px 0 22px}
  .professional-page .pro-partner-cover .entrada{font-size:16px;line-height:1.5}
  .professional-page .pro-partner-cover .btns{display:grid;grid-template-columns:1fr;margin-top:24px}
  .professional-page .pro-partner-cover .btns a{text-align:center}
  .pro-partner-intro,.pro-partners,.pro-scale,.pro-scope,.pro-method,.pro-proof{padding-block:70px}
  .pro-partner-intro-grid{grid-template-columns:1fr;gap:28px}
  .pro-partner-intro h2{font-size:45px;max-width:11ch}
  .pro-partner-intro figure img{height:auto;aspect-ratio:4/3;object-position:center 37%}
  .pro-partner-intro-copy p{font-size:16px}
  .pro-partners .cab,.pro-method .cab{display:block}
  .pro-partners .cab h2,.pro-method .cab h2{margin-top:15px}
  .pro-partner-grid{margin-top:32px;background:transparent;gap:0}
  .pro-partner-grid article{padding:28px 0;border-top:1px solid #afc5c7}
  .pro-partner-grid h3{margin-top:24px}
  .pro-scale-grid{gap:38px}
  .pro-scale figure img{aspect-ratio:1/1;object-position:center}
  .pro-scale-list{margin-top:38px}
  .pro-scope-head{grid-template-columns:1fr;gap:34px;margin-bottom:34px}
  .pro-scope-head figure img{aspect-ratio:4/3}
  .pro-scope-grid{grid-template-columns:1fr;background:transparent}
  .pro-scope-grid article{min-height:0;padding:30px 0;border-top:1px solid var(--line)}
  .pro-scope-grid h3{margin:24px 0 10px}
  .pro-method-list{display:block;margin-top:34px}
  .pro-method-list li,.pro-method-list li:first-child{min-height:0;padding:26px 0;border-right:0;border-bottom:1px solid #b9cbcd}
  .pro-method-list h3{margin:18px 0 10px}
  .pro-proof-grid{gap:34px}
  .pro-proof figure{order:0}
  .pro-proof figure img{aspect-ratio:4/3;object-position:center 42%}
  .pro-proof h2{font-size:43px;margin-bottom:20px}
  .professional-page .lead-panel .form{padding:24px 18px}
  .professional-page .lead-panel .campos{grid-template-columns:1fr}
  .professional-page .lead-panel .campo.largo{grid-column:auto}
  .professional-page .lead-panel .fim{align-items:stretch;flex-direction:column}
  .professional-page .lead-panel .fim .btn-c{width:100%}
}
/* Schibsted Grotesk: o pedido antigo pedia pesos 300 a 600, que não existem (a família
   vai de 400 a 900), e a Google recusava. O texto do site antigo caía para Arial. */
@font-face{font-family: 'Schibsted Grotesk'; font-style: italic; font-weight: 400 600; font-display: swap; src: url(/assets/fonts/schibsted-grotesk-italic-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Schibsted Grotesk'; font-style: italic; font-weight: 400 600; font-display: swap; src: url(/assets/fonts/schibsted-grotesk-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/schibsted-grotesk-normal-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Schibsted Grotesk'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/assets/fonts/schibsted-grotesk-normal-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* ============================================================
   07/10/2026. Cores do manual e logótipos verdadeiros.
   ============================================================ */
:root{
  /* Conforto: a cor está no logótipo do cliente, não é violeta. */
  --plum:#498FAA;
  --plum-txt:#3B748A;
  /* Texto sobre o papel claro: os valores anteriores ficavam abaixo de 4.5:1. */
  --orange-txt:#B54B0D;
  --olive-txt:#6D7100;
}
/* O logótipo vem sempre do vetor. Mínimos do manual: 20mm para o grupo (76px),
   30mm para as marcas (113px). O nome nunca se escreve com uma fonte. */
.topo .marca img,.marca img{width:100%;height:100%;object-fit:contain}
.marcador-logo{margin:0 0 22px}
.marcador-logo img{display:block;width:clamp(190px,30vw,270px);height:auto}
.marcador-logo .rot{margin:10px 0 0;font-size:13px;letter-spacing:.04em;opacity:.9}
.cookie-image{object-fit:contain}

/* 07/10/2026: fotografias em <picture>. Sem caixa própria, para o layout não mudar. */
picture{display:contents}
.story-visual>picture>img{width:100%;aspect-ratio:1.2;max-height:510px;height:auto;object-fit:cover}
.conforto-foto figure img{width:100%;height:auto;max-height:70vh;object-fit:cover}
.conforto-foto figcaption{margin-top:12px;font-size:14px;color:var(--plum-txt)}

/* 07/10/2026: o véu das capas fotográficas tinha o gradiente definido mas nunca teve
   "content", por isso não se desenhava. Ficava escondido enquanto as fotografias eram
   escuras; com fotografia real e clara o texto deixava de se ler. */
.photo-capa::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
/* 07/10/2026: rótulos sobre o azul 3155 C em branco semitransparente davam 3.3 a 3.7:1. */
.onda .ct-rot,.onda .call-note,.s-teal .call-note{color:#fff}
/* Sobre a capa fotográfica o rótulo do sítio vai a branco: a cor da área não se lê no véu. */
.photo-capa .marcador-logo .rot{color:#fff;opacity:1}

/* 07/10 consentimento */
.cookie-banner .ck-fechar{position:absolute;top:10px;right:14px;background:none;border:0;color:#fff;font-size:24px;line-height:1;cursor:pointer;padding:6px}
.cookie-banner .cookie-copy h2{font-size:22px;margin:0 0 10px}
.cookie-banner .cookie-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cookie-banner .cookie-actions button{font-weight:600;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)}
.cookie-banner .cookie-actions button:hover{background:#fff;color:#16161a}
.ck-opcoes{display:grid;gap:12px;margin:0 0 18px}
.ck-opcoes label{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer}
.ck-opcoes input{margin-top:3px;inline-size:18px;block-size:18px;flex:none}
.ck-opcoes strong{display:block;color:#fff}
.mapa-pedido{display:flex;flex-direction:column;justify-content:center;gap:14px;min-height:320px;padding:32px;background:var(--papel2,#eef3f3)}
.mapa-pedido .mapa-nota{font-size:13px;color:#4a5560;max-width:42ch}
.tabela-legal{overflow-x:auto;margin:18px 0 26px}
.tabela-legal table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}
.tabela-legal th,.tabela-legal td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.12)}
.legal h3{margin-top:26px}
.legal code{font-size:.92em}
/* 07/10: contraste. A nota do telefone perdia para uma regra mais específica; o botão do menu
   no Conforto ficava branco sobre o azul 498FAA (3.6:1) e passa ao tom escurecido da área. */
.onda .call-note,.s-teal .call-note,footer .call-note{color:#fff!important}
.tema-conforto .btn-c:not(.claro){background:#3B748A!important;border-color:#3B748A!important;color:#fff!important}
.marcador-logo .rot{opacity:1}
/* 07/10: o site esbatia texto pequeno com opacidade (migalhas, passos, critérios dos setores),
   o que o punha abaixo de 4.5:1. A hierarquia fica no tamanho e na cor, não na transparência. */
.migalhas a,.migalhas span,.fx-d,.criterios p,.crit-med,.futuro-nota{opacity:1!important}
.mt-fonte{color:#3B748A!important;opacity:1!important}
.professional-page table td{opacity:1!important;color:#3d474d!important}
.enq-c p{opacity:1!important}
.tema-conforto .btn-c.claro{color:#3B748A!important}

/* cenas 07/10: fotografia a toda a largura, véu das capas, número que conta com o scroll.
   --p vai de 0 a 1 e é escrito pelo site.js. Sem JS ou com movimento reduzido fica em 1,
   que é o estado final. */
.cena{position:relative;background:#0b1a1f;color:#fff;padding:0!important}
.cena-pista{position:relative;height:240svh}
.cena-palco{position:sticky;top:0;height:100svh;overflow:hidden}
.cena-palco .cena-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cena-luz,.cena-frio,.cena-estrelas,.cena-veu{position:absolute;inset:0;pointer-events:none}
.cena-veu{background:linear-gradient(0deg,rgba(6,34,36,.9) 0%,rgba(6,34,36,.62) 38%,rgba(6,34,36,.12) 75%,rgba(6,34,36,0) 100%)}
.cena-texto{position:absolute;left:0;right:0;bottom:clamp(36px,9vh,110px);z-index:2}
.cena .rot{color:#fff;opacity:1}
.cena-numero{font-family:var(--serif);font-weight:300;font-size:clamp(68px,15vw,176px);line-height:.88;letter-spacing:-.045em;margin:10px 0 16px;font-variant-numeric:tabular-nums lining-nums;color:#fff}
.cena-numero small{font-size:.24em;letter-spacing:0;margin-left:.35em;font-weight:400}
.cena h2{color:#fff;max-width:18ch}
.cena .entrada{color:#fff;max-width:42ch;margin-top:14px}
.cena-citacao{font-family:var(--serif);font-style:italic;font-size:clamp(19px,2vw,24px);margin-top:20px;max-width:30ch;color:#fff;opacity:clamp(0,calc((var(--p,1) - .55) * 3),1)}
.cena-nota{font-size:12px;margin-top:14px;color:#fff;opacity:.85}
.cena-medidor{position:relative;height:2px;max-width:340px;background:rgba(255,255,255,.35);margin:0 0 22px}
.cena-medidor i{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,1) * 100%);background:#fff}
.cena-noites .cena-luz{background:#0F2630;opacity:calc(var(--p,1) * .78)}
.cena-noites .cena-estrelas{opacity:clamp(0,calc((var(--p,1) - .4) * 2),1);
  background-image:radial-gradient(1.6px 1.6px at 12% 14%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 27% 31%,#fff 60%,transparent 61%),
  radial-gradient(1.8px 1.8px at 44% 9%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 61% 24%,#fff 60%,transparent 61%),
  radial-gradient(1.5px 1.5px at 78% 12%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 89% 33%,#fff 60%,transparent 61%),
  radial-gradient(1.4px 1.4px at 7% 38%,#fff 60%,transparent 61%),radial-gradient(1.2px 1.2px at 52% 40%,#fff 60%,transparent 61%),
  radial-gradient(1.6px 1.6px at 70% 45%,#fff 60%,transparent 61%),radial-gradient(1.1px 1.1px at 35% 20%,#fff 60%,transparent 61%)}
.cena-ar .cena-luz{background:linear-gradient(160deg,rgba(255,118,28,.62),rgba(255,160,70,.34));mix-blend-mode:multiply;opacity:calc(1 - var(--p,1))}
.cena-ar .cena-frio{background:linear-gradient(200deg,rgba(120,185,220,.42),rgba(120,185,220,.08) 75%);opacity:var(--p,1)}
.cena-sol .cena-luz{background:#08161b;opacity:calc(var(--p,1) * .42)}
@media (prefers-reduced-motion:reduce){.cena-pista{height:auto}.cena-palco{position:relative;height:88svh}}
.so-leitor{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* assinatura do Conforto: o azul do manual não segura texto branco de 12px; usa-se o tom de texto. 07/10 */
.tema-conforto .assinatura{background:#3B748A}.tema-conforto .assinatura .desde{opacity:1}
/* capas das áreas com espaço para respirar, 07/10 */
.photo-capa:has(.marcador-logo){min-height:min(88svh,880px);padding-block:clamp(88px,10vw,140px)}
.photo-capa .marcador-logo{margin:clamp(26px,3vw,40px) 0 clamp(36px,4.2vw,60px)}
.photo-capa:has(.marcador-logo) h1{margin:0 0 clamp(22px,2.4vw,34px)}
.photo-capa:has(.marcador-logo) .entrada{margin:0 0 clamp(36px,4vw,56px);max-width:44ch}
@media(max-width:760px){.photo-capa:has(.marcador-logo){min-height:0;padding-block:56px 68px}}

/* A regra final é deliberadamente a última: substitui o lettering editorial acumulado
   por uma família sóbria e comum a todas as áreas. */
html body h1,html body h2,html body h3,html body .footer-statement,
html body .destaque p:not(.fonte),html body .since strong,html body .proof-grid strong,
html body .cena-numero,html body .cena-citacao{
  font-family:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif!important;
  font-style:normal!important;font-variation-settings:normal!important;
  font-weight:500!important;letter-spacing:-.045em!important
}
html body h1{line-height:.96!important}html body h2{line-height:1.03!important}
html body .hero h1 em{font:inherit!important;color:inherit;opacity:.72}
@media(max-width:760px){html body h1,html body h2,html body h3{letter-spacing:-.035em!important}}

/* História e gerações: pessoas, continuidade e compromissos. */
.family-story{background:#fff;padding-block:clamp(76px,9vw,140px)}
.family-story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.68fr);grid-template-rows:auto 1fr;column-gap:0;align-items:start}
.family-story figure{grid-column:1;grid-row:1/3;margin:0;position:relative;z-index:1}.family-story figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.family-story figcaption,.team-portrait figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.family-story-copy{grid-column:2;grid-row:2;background:#f1f6f6;margin-left:clamp(-70px,-5vw,-38px);margin-top:clamp(70px,9vw,150px);padding:clamp(46px,5.5vw,82px);position:relative;z-index:2}
.family-story-copy h2{font-size:clamp(42px,4.5vw,66px);margin:18px 0 30px;max-width:10ch}
.family-story-copy>p:not(.rot){font-size:17px;line-height:1.72;max-width:43ch}
.family-story-copy .family-note{font-size:14px!important;border-top:1px solid var(--line);padding-top:20px;margin-top:26px;color:var(--muted)}
.generation-line{padding-block:0;background:#fff;border-block:1px solid var(--line)}
.generation-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.generation-grid article{padding:clamp(38px,5vw,70px) clamp(24px,4vw,58px);border-right:1px solid var(--line)}
.generation-grid article:last-child{border-right:0}.generation-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--teal);font-weight:600}
.generation-grid h2{font-size:clamp(36px,4vw,58px);margin:18px 0}.generation-grid p{font-size:16px;line-height:1.65;max-width:35ch}
.commitments{background:#f1f6f6;padding-block:clamp(76px,9vw,130px)}
.commitments-head{display:grid;grid-template-columns:.6fr 1.1fr .8fr;gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(48px,6vw,86px)}
.commitments-head h2{font-size:clamp(40px,5vw,72px);max-width:12ch;margin:0}.commitments-head>p:last-child{font-size:17px;line-height:1.65;max-width:38ch}
.commitments-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.commitments-grid article{display:grid;grid-template-columns:54px 1fr;column-gap:22px;padding:38px 40px 42px 0;border-bottom:1px solid var(--line)}
.commitments-grid article:nth-child(odd){border-right:1px solid var(--line)}.commitments-grid article:nth-child(even){padding-left:40px}
.commitments-grid span{grid-row:1/3;color:var(--teal);font-size:13px}.commitments-grid h3{font-size:clamp(24px,2.4vw,34px);margin:0 0 14px}.commitments-grid p{grid-column:2;font-size:16px;line-height:1.65;max-width:46ch;margin:0}
@media(max-width:800px){
 .family-story-grid,.commitments-head{grid-template-columns:1fr}.family-story figure,.family-story-copy{grid-column:1;grid-row:auto}.family-story-copy{margin:0;padding:42px 28px}.family-story-copy h2{max-width:16ch}
 .generation-grid{grid-template-columns:1fr}.generation-grid article{border-right:0;border-bottom:1px solid var(--line)}
 .commitments-grid{grid-template-columns:1fr}.commitments-grid article,.commitments-grid article:nth-child(even){padding:30px 0;border-right:0!important}
}

/* História: homenagem em scroll, construída apenas com fotografia real. */
.history-legacy{--legacy-progress:0;height:390svh;position:relative;background:#071b1e;color:#fff}
.history-legacy-sticky{position:sticky;top:0;height:100svh;overflow:hidden}
.history-legacy-portrait{position:absolute;inset:0 clamp(16px,4vw,74px) 0 auto;width:min(843px,58vw);margin:0;display:grid;place-items:center}
.history-layer{position:absolute;width:100%;height:100%;max-width:none;left:50%;top:50%;object-fit:contain}
.history-layer-space{z-index:1;transform:translate(-50%,-50%) scale(calc(1 + var(--legacy-progress)*.018))}
.history-layer-founder{z-index:2;opacity:clamp(0,calc((var(--legacy-progress) - .18)*3.4),1);transform:translate(-50%,-50%) scale(calc(1 + var(--legacy-progress)*.018))}
.history-layer-generations{z-index:3;transform:translate(-50%,-50%) scale(calc(1 + var(--legacy-progress)*.018))}
.history-legacy-portrait:after{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(90deg,rgba(4,22,25,.28),transparent 28%),linear-gradient(0deg,rgba(4,22,25,.18),transparent 40%);pointer-events:none}
.history-legacy-copy{position:absolute;z-index:6;left:clamp(28px,7vw,112px);top:50%;transform:translateY(-50%);width:min(600px,43vw)}
.history-line{position:absolute;left:0;top:50%;margin:0;font-size:clamp(40px,5.2vw,82px);line-height:.98;letter-spacing:-.055em;font-weight:500;opacity:0}
.history-line-one{opacity:clamp(0,calc(1 - var(--legacy-progress)*5),1);transform:translateY(calc(var(--legacy-progress)*-35px))}
.history-line-two{opacity:min(clamp(0,calc((var(--legacy-progress) - .18)*8),1),clamp(0,calc((.58 - var(--legacy-progress))*8),1));transform:translateY(calc((.4 - var(--legacy-progress))*70px))}
.history-line-three{opacity:clamp(0,calc((var(--legacy-progress) - .58)*6),1);transform:translateY(calc((.72 - var(--legacy-progress))*60px))}
.history-year{position:absolute;z-index:6;right:clamp(24px,5vw,80px);bottom:clamp(24px,5vw,70px);margin:0;font-size:13px;letter-spacing:.18em;text-transform:uppercase}
.history-year-start{opacity:clamp(0,calc(1 - var(--legacy-progress)*4),1)}.history-year-now{opacity:clamp(0,calc((var(--legacy-progress) - .6)*4),1)}
@media(max-width:700px){
 .history-legacy{height:350svh}.history-legacy-portrait{inset:0;width:100%}.history-legacy-copy{top:auto;bottom:clamp(118px,17vh,170px);left:28px;transform:none;width:calc(100% - 56px)}
 .history-line{font-size:clamp(36px,10vw,52px);text-shadow:0 2px 18px rgba(0,0,0,.3)}.history-legacy-portrait:after{background:linear-gradient(0deg,rgba(4,22,25,.82) 0%,rgba(4,22,25,.36) 30%,transparent 55%)}.history-year{bottom:24px}
}
@media(prefers-reduced-motion:reduce){.history-legacy{height:auto}.history-legacy-sticky{position:relative;height:min(900px,100svh)}.history-layer-founder{opacity:1}.history-line-one,.history-line-two{display:none}.history-line-three{opacity:1;transform:none}}

.family-to-family{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(48px,6vw,108px);align-items:center;max-width:1600px;margin:clamp(72px,9vw,144px) auto;padding:0 clamp(28px,5vw,80px);background:#fff;color:#082f35}
.family-to-family-photo{position:relative;overflow:hidden;aspect-ratio:1.3/1}
.family-to-family-photo:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid #8bb4b8;z-index:-1}
.family-to-family-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.family-to-family-copy{position:relative;padding:clamp(24px,3vw,52px) 0 clamp(24px,3vw,52px) clamp(28px,3vw,52px);border-left:3px solid #087984}
.family-to-family-copy .rot{margin-bottom:clamp(24px,3vw,42px)}
.family-to-family-copy h2{max-width:600px;font-size:clamp(46px,4.2vw,68px);line-height:.98;letter-spacing:-.045em;margin:0 0 clamp(28px,3vw,42px)}
.family-to-family-copy>p:last-child{max-width:510px;font-size:clamp(18px,1.3vw,22px);line-height:1.6;color:#5b6c70}
.photo-capa .history-drone-cover{object-position:center 48%}
.archive-gallery-section{overflow:hidden}
body.tema-cozinhas .archive-gallery-section{display:block}
body.tema-cozinhas .archive-gallery-section .gallery-item>span{display:none}
@media(min-width:1001px){body.tema-cozinhas .archive-gallery-section .photo-gallery{display:block;columns:3;column-gap:22px}body.tema-cozinhas .archive-gallery-section .gallery-item{display:block;break-inside:avoid;margin:0 0 22px;width:100%}body.tema-cozinhas .archive-gallery-section .gallery-item img{width:100%;height:auto;object-fit:contain}}
@media(min-width:761px) and (max-width:1000px){body.tema-cozinhas .archive-gallery-section .photo-gallery{display:block;columns:2;column-gap:18px}body.tema-cozinhas .archive-gallery-section .gallery-item{display:block;break-inside:avoid;margin:0 0 18px;width:100%}}
@media(max-width:760px){body.tema-cozinhas .archive-gallery-section .w{width:100%;max-width:none}body.tema-cozinhas .archive-gallery-section .section-heading{padding-inline:var(--gutter)}body.tema-cozinhas .archive-gallery-section .photo-gallery{grid-template-columns:1fr;gap:10px}body.tema-cozinhas .archive-gallery-section .gallery-item{padding:0;border:0;background:transparent}body.tema-cozinhas .archive-gallery-section .gallery-item img{width:100%;height:auto;transform:none!important}}
.community-gallery{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;gap:clamp(14px,2vw,28px);padding:6px max(var(--gutter),calc((100vw - var(--max))/2)) 28px;margin-inline:calc(max(var(--gutter),calc((100vw - var(--max))/2))*-1);scrollbar-width:thin;scrollbar-color:var(--teal) #dce8e9}
.community-gallery .gallery-item{flex:0 0 clamp(280px,34vw,520px);scroll-snap-align:start;background:#fff;padding:10px}
.community-gallery .gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover}
.community-gallery::-webkit-scrollbar{height:5px}.community-gallery::-webkit-scrollbar-track{background:#dce8e9}.community-gallery::-webkit-scrollbar-thumb{background:var(--teal)}
@media(min-width:761px){
  main>section:first-child:is(.hero,.pro-hero,.capa,.photo-capa,.editorial-intro){min-height:calc(100svh - 101px)}
}
@media(max-width:900px){.family-to-family{grid-template-columns:1fr;min-height:0}.family-to-family-photo{min-height:0;aspect-ratio:4/3}.family-to-family-copy{padding:64px 28px 76px}.family-to-family-copy h2{font-size:clamp(48px,14vw,72px)}.family-to-family-copy .rot{margin-bottom:28px}}
@media(max-width:760px){
  .history-page-cover{min-height:calc(100svh - 102px);padding:0}
  .history-page-cover>.w{position:relative;min-height:calc(100svh - 102px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:100px;padding-bottom:clamp(76px,11vh,108px)}
  .history-page-cover .migalhas{position:absolute;top:34px;left:0}
  .history-page-cover .marcador{align-self:flex-start;padding:7px 12px}
  .history-page-cover::after{background:linear-gradient(180deg,rgba(4,27,30,.18) 0%,rgba(4,27,30,.30) 38%,rgba(4,27,30,.94) 100%)!important}
  .history-page-cover .history-drone-cover{object-position:center 50%}
  .history-page-cover h1{font-size:clamp(44px,11vw,54px);line-height:1;margin:18px 0}
  .history-page-cover .entrada{max-width:34ch;margin-bottom:0}
}

/* Profissionais: dimensões explícitas para impedir que os rácios originais expandam o layout. */
.professional-page .pro-partner-intro figure,
.professional-page .pro-scale figure,
.professional-page .pro-scope-head figure,
.professional-page .pro-proof figure{overflow:hidden}
.professional-page .pro-partner-intro figure img{display:block;width:100%;height:540px!important;max-height:540px;object-fit:cover}
.professional-page .pro-scale figure img{display:block;width:100%;height:520px!important;max-height:520px;aspect-ratio:auto!important;object-fit:cover;object-position:center 42%}
.professional-page .pro-scope-head figure img{display:block;width:100%;height:360px!important;max-height:360px;aspect-ratio:auto!important;object-fit:cover;object-position:center 45%}
.professional-page .pro-proof figure img{display:block;width:100%;height:500px!important;max-height:500px;aspect-ratio:auto!important;object-fit:cover}
@media(max-width:760px){
  .professional-page .pro-partner-intro figure img{height:280px!important;max-height:280px}
  .professional-page .pro-scale figure img{height:300px!important;max-height:300px}
  .professional-page .pro-scope-head figure img{height:250px!important;max-height:250px}
  .professional-page .pro-proof figure img{height:280px!important;max-height:280px}
}

/* Profissionais: narrativa mais curta e prova visual da produção. */
.professional-page .pro-partner-cover h1{max-width:9ch!important}
.pro-partner-intro-copy p{font-size:clamp(19px,1.55vw,24px);line-height:1.48;color:var(--deep)}
.pro-partner-grid article{min-height:220px}
.pro-partner-grid p,.pro-scope-grid p{font-size:15px;line-height:1.55}
.pro-scale h2{max-width:12ch}
.pro-scope-grid article{min-height:220px}
.pro-proof-head{display:block;margin-bottom:46px}
.pro-proof-head h2{max-width:none;margin:0}
.pro-proof-head p{max-width:62ch;margin:18px 0 0;font-size:18px;line-height:1.6;color:var(--cinza)}

/* Lojas e contactos: header orientador e um mapa junto de cada loja. */
.contact-cover{min-height:640px}
.contact-cover:after{background:linear-gradient(90deg,#062b32f2 0%,#062b32b8 46%,#062b3238 100%)}
.contact-cover .capa-image{object-position:center 52%}
.contact-cover h1{max-width:9ch}
.contact-cover .entrada{max-width:58ch}
.contact-stores-head{display:grid;grid-template-columns:.45fr 1fr;gap:24px 70px;align-items:end;margin-bottom:64px}
.contact-stores-head h2{margin:0;max-width:15ch}
.contact-stores-head>p:last-child{grid-column:2;max-width:58ch;margin:0;color:var(--cinza)}
.contact-store-list{display:grid;gap:70px}
.contact-store{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(34px,6vw,90px);align-items:stretch}
.contact-store:nth-child(even){grid-template-columns:1.28fr .72fr}
.contact-store:nth-child(even)>.md{order:2}
.contact-store .md{border:0;padding:18px 0;background:transparent;display:flex;flex-direction:column;align-items:flex-start}
.contact-store .md h3{font-size:clamp(30px,3vw,46px);margin:14px 0}
.contact-store .md address{font-size:16px;line-height:1.6}
.contact-store .cont{font-size:14px;gap:7px}
.contact-store .text-link{margin-top:auto;padding-top:28px}
.contact-store .map-frame{min-height:410px}
.contact-store .map-frame iframe{height:410px}
.contact-assistance{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center;margin-top:80px;padding:36px 0;border-block:1px solid var(--line)}
.contact-assistance h3{font-size:26px;margin:12px 0 0}
.contact-assistance>p{margin:0;max-width:54ch}
.direct-contacts .cab{max-width:760px;margin-bottom:48px}
.direct-contacts .cab h2{margin:14px 0 18px}
.direct-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid #ffffff42}
.direct-contact-grid article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:30px clamp(18px,2.5vw,38px);border-right:1px solid #ffffff42}
.direct-contact-grid article:first-child{padding-left:0}
.direct-contact-grid article:last-child{border-right:0}
.direct-contact-grid .tipo{margin:0 0 28px;color:#a9ced1;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.direct-contact-grid a{color:#fff;overflow-wrap:anywhere}
.direct-contact-grid .direct-phone{font-size:clamp(23px,2.1vw,32px);font-weight:600;text-decoration:none;margin-bottom:8px}
.direct-contact-grid .direct-phone.secondary{margin-top:-4px}
.direct-contact-grid article>a:last-of-type:not(.direct-phone){font-size:14px;margin-top:10px}
.direct-contact-grid span{font-size:14px;color:#c7d9da;line-height:1.5;margin-top:10px}
@media(max-width:760px){
  .contact-cover{min-height:600px}
  .contact-stores-head{display:block;margin-bottom:42px}
  .contact-stores-head h2{margin:14px 0 20px}
  .contact-store-list{gap:60px}
  .contact-store,.contact-store:nth-child(even){grid-template-columns:1fr;gap:24px}
  .contact-store:nth-child(even)>.md{order:0}
  .contact-store .map-frame,.contact-store .map-frame iframe{min-height:300px;height:300px}
  .contact-assistance{grid-template-columns:1fr;gap:20px;margin-top:60px}
  .contact-assistance .btn-c{width:100%;justify-content:center}
  .direct-contacts .cab{margin-bottom:34px}
  .direct-contact-grid{grid-template-columns:1fr}
  .direct-contact-grid article,.direct-contact-grid article:first-child{padding:26px 0;border-right:0;border-bottom:1px solid #ffffff42}
  .direct-contact-grid article:last-child{border-bottom:0}
  .direct-contact-grid .tipo{margin-bottom:18px}
}
.pro-factory-gallery{display:grid;grid-template-columns:1fr 1.18fr .82fr;gap:18px;align-items:stretch}
.pro-factory-gallery figure{margin:0;overflow:hidden}
.professional-page .pro-factory-gallery img{display:block;width:100%;height:560px!important;max-height:560px;object-fit:cover}
.pro-factory-gallery figure:nth-child(1) img{object-position:center 46%}
.pro-factory-gallery figure:nth-child(2) img{object-position:center 52%}
.pro-factory-gallery figure:nth-child(3) img{object-position:center 45%}
@media(max-width:760px){
  .professional-page .pro-partner-cover h1{font-size:56px;max-width:8ch!important}
  .pro-partner-intro-copy p{font-size:19px}
  .pro-proof-head{display:block;margin-bottom:30px}
  .pro-proof-head .text-link{display:inline-block;margin-top:18px}
  .pro-factory-gallery{grid-template-columns:1.15fr .85fr;gap:10px}
  .pro-factory-gallery figure:nth-child(3){grid-column:1/-1}
  .professional-page .pro-factory-gallery img{height:330px!important;max-height:330px}
  .pro-factory-gallery figure:nth-child(3) img{height:240px!important;max-height:240px;object-position:center 42%}
}

/* faixa com os nomes das entidades apoiadas, 13/10. Corre sozinha e para ao passar o rato.
   Com movimento reduzido fica parada e os nomes partem em linhas. */
.faixa-nomes{margin-top:clamp(58px,7vw,90px);border-top:1px solid #a9c4c6;border-bottom:1px solid #a9c4c6;overflow:hidden;
  margin-inline:calc(max(var(--gutter),calc((100vw - var(--max))/2))*-1);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.faixa-trilho{display:flex;width:max-content;animation:faixa-corre 90s linear infinite}
.faixa-nomes:hover .faixa-trilho,.faixa-nomes:focus-within .faixa-trilho{animation-play-state:paused}
.faixa-lista{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.faixa-lista li{display:flex;align-items:center;white-space:nowrap;padding:clamp(22px,2.6vw,34px) 0;
  font-size:clamp(20px,2.1vw,30px);font-weight:500;letter-spacing:-.01em;color:#062f35}
.faixa-lista li::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);margin:0 clamp(22px,2.6vw,40px)}
@keyframes faixa-corre{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .faixa-nomes{margin-inline:0;-webkit-mask-image:none;mask-image:none}
  .faixa-trilho{animation:none;width:auto}
  .faixa-lista{flex-wrap:wrap}.faixa-lista li{padding:10px 0;font-size:18px}
  .faixa-lista[aria-hidden]{display:none}}

/* consentimentos dos formulários, 13/10. A primeira caixa é obrigatória, a segunda nunca vem marcada. */
.consentimentos{display:grid;gap:12px;margin-top:4px}
.consentimentos .check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;font-weight:400;color:inherit;cursor:pointer}
.consentimentos .check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--area,var(--teal))}
.consentimentos .check a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.consentimentos .check em{font-style:normal}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.consentimentos .check em{color:inherit}
/* 13/10: a galeria de cozinhas sangra até às margens; clip corta o excesso sem partir o sticky. */
@media(max-width:760px){.kitchen-projects{overflow-x:clip}}
/* 13/10: a frase da assinatura passava abaixo de 4,5:1 com opacidade. */
.assinatura .desde{opacity:1}
.pro-scale .rot{color:#9fd3d6}
.kitchen-showroom .rot{color:#A1430B}


.ck-opcoes[hidden]{display:none!important}

/* banner de cookies v2, 13/10. Sem véu sobre a página e sem bloquear o scroll.
   Variante base: barra branca no fundo, filete em cima, os dois botões do mesmo tamanho,
   Aceitar a cheio na cor da marca. Escolhida pelo Fábio a 13/10. */
body.has-cookie-banner{overflow:visible!important}
body.has-cookie-banner:before{display:none!important}
.cookie-banner.ck-v2{position:fixed;left:0;right:0;bottom:0;top:auto;transform:none;width:auto;max-width:none;margin:0;
  padding:20px var(--gutter);background:#fff;color:#33484b;border-top:1px solid #cfdcdd;box-shadow:none;z-index:60;display:block;font-size:15px;line-height:1.55}
.ck-v2 .ck-in{max-width:var(--max,1200px);margin:0 auto;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 40px}
.ck-v2 .ck-texto{margin:0;max-width:70ch;color:#33484b;font-size:15px}
.ck-v2 .ck-texto a{color:#00747A;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ck-v2 .ck-opcoes{grid-column:1/-1;margin:4px 0 0;display:flex;gap:28px;flex-wrap:wrap}
.ck-v2 .ck-opcoes strong{color:#062f35}
.ck-v2 .cookie-actions{display:flex;align-items:center;gap:10px;grid-column:auto}
.ck-v2 .cookie-actions button{min-height:44px;min-width:128px;padding:0 22px;font:inherit;font-size:15px;font-weight:600;border-radius:0;cursor:pointer;white-space:nowrap}
.ck-v2 .cookie-actions .ck-aceitar{background:#00747A;border:1px solid #00747A;color:#fff}
.ck-v2 .cookie-actions .ck-aceitar:hover{background:#005c61;border-color:#005c61}
.ck-v2 .cookie-actions .ck-recusar{background:#fff;border:1px solid #00747A;color:#00747A}
.ck-v2 .cookie-actions .ck-recusar:hover{background:#eef6f6}
.ck-v2 .cookie-actions .ck-escolher{order:-1;min-width:0;padding:0 6px;background:none;border:0;color:#33484b;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.ck-v2 .cookie-actions button:focus-visible{outline:3px solid #00747A;outline-offset:2px}
@media(max-width:760px){
  .cookie-banner.ck-v2{padding:18px 20px calc(18px + env(safe-area-inset-bottom))}
  .ck-v2 .ck-in{grid-template-columns:1fr;gap:14px}
  .ck-v2 .ck-texto{font-size:14px}
  .ck-v2 .cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .ck-v2 .cookie-actions button{min-width:0;width:100%}
  .ck-v2 .cookie-actions .ck-escolher{order:3;grid-column:1/-1;min-height:32px}}


/* mapas carregados à partida, 13/10 */
.mapa-pedido[data-carregado]{display:block;padding:0}
.mapa-pedido iframe{display:block;width:100%;height:100%;min-height:320px;border:0}

/* Profissionais em telemóvel, 13/10: regras posteriores repunham duas colunas e alturas mínimas de computador. */
@media(max-width:760px){
  .pro-scale-grid{grid-template-columns:1fr!important;gap:30px}
  .pro-scale h2{max-width:none}
  .professional-page .pro-partner-cover h1{max-width:none!important;font-size:48px}
  .pro-partner-grid article,.pro-scope-grid article{min-height:0!important}
  .pro-partner-grid h3,.pro-scope-grid h3{margin-top:14px}
}

/* Cozinhas, galeria em telemóvel, 13/10: sai o scroll preso que empurrava a galeria para o lado.
   Três fotografias fixas: a primeira a toda a largura, as outras duas lado a lado. */
@media(max-width:760px){
  .kitchen-project-gallery{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;width:auto;margin:0 var(--gutter);padding:0;transform:none!important;overflow:visible}
  .kitchen-project-gallery figure{flex:none;min-width:0}
  .kitchen-project-gallery figure:first-child{grid-column:1/-1}
  .kitchen-project-gallery figure:not(:first-child) img{aspect-ratio:1/1}
  .kitchen-project-gallery figcaption{font-size:11px;letter-spacing:.08em}
}

/* mapas, 19/10: carregam logo à entrada; o fundo cinza-mapa evita o quadro branco nos primeiros instantes */
.home-map[data-carregado],.store-map[data-carregado],.mapa-pedido[data-carregado]{background:#e8eae6}

/* 23/10: "Cozinhas e roupeiros por medida" numa só linha no menu de computador */
@media(min-width:1025px){.nav details>div a{white-space:nowrap}.nav details>div{min-width:max-content}}

/* Conforto, 23/10: as duas marcas, cada uma no seu espaço */
.duas-marcas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);margin:clamp(34px,4vw,54px) 0 clamp(46px,5vw,70px)}
.duas-marcas article{min-width:0;border-top:1px solid var(--line,#cfdcdd);padding-top:22px}
.duas-marcas figure{margin:0 0 20px}
.duas-marcas img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.duas-marcas .marca-local{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--area-txt,#3B748A);margin:0 0 6px;font-weight:600}
.duas-marcas h3{font-size:clamp(26px,2.4vw,34px);margin:0 0 10px;letter-spacing:-.01em}
.duas-marcas p{margin:0;max-width:44ch}
.duas-marcas .marca-morada{margin-top:12px;font-size:14px;color:#56696d}
@media(max-width:760px){.duas-marcas{grid-template-columns:1fr}}

/* Climatização, 23/10: faixa com as marcas, a seguir à cena do ar condicionado */
.marcas-ac{padding-block:clamp(40px,5vw,64px) 0;background:#fff}
.marcas-ac .rot{margin:0 0 6px}
.marcas-ac .faixa-nomes{margin:12px 0 0}
.marcas-ac .faixa-trilho{animation-duration:45s}
/* 23/10: faixa das marcas mais contida e mais perto da lista que vem a seguir */
.marcas-ac{padding-block:clamp(56px,6vw,88px) 0}
.marcas-ac .faixa-lista li{font-size:clamp(18px,1.6vw,23px);padding-block:clamp(16px,1.8vw,22px)}
.marcas-ac + .s-papel{padding-top:clamp(40px,4.5vw,64px)}
/* História em telemóvel, 23/10: as frases cresciam para baixo a partir do meio do bloco e a terceira
   ficava cortada no fundo do ecrã. Passam a assentar no fundo, por cima do "Hoje", e um pouco mais pequenas. */
@media(max-width:700px){
  .history-legacy-copy{bottom:clamp(78px,11vh,110px)}
  .history-line{top:auto;bottom:0;font-size:clamp(32px,8.6vw,44px);line-height:1.02}
}
.story-film-grid+.story-film-grid{margin-top:clamp(56px,8vw,110px)}.story-film-grid.inv{grid-template-columns:1.1fr .9fr}.story-film-grid.inv>figure{order:-1}
@media(max-width:760px){.story-film-grid.inv{grid-template-columns:1fr}.story-film-grid.inv>figure{order:0}}
