/* Páginas de serviço e projeto: mesma linguagem visual da página inicial.
   Mantém a estrutura, os textos e os formulários existentes.
   Ordem da cascata (este ficheiro é sempre o último):
     serviço: service-pages.css -> desktop-layout.css -> este ficheiro
     projeto: <style> da própria página -> este ficheiro
   Todas as regras daqui começam por .service-page (especificidade >= à das regras
   que substituem e vêm depois delas), por isso não precisam de . */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/dm-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/dm-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
body.service-page{--bg:#f3f2ed;--surface:#e8e9e1;--text:#171916;--muted:#575f4f;--line:rgba(23,25,22,.16);--accent:#4f5c2f;--dark:#131612;--bg-secondary:#e8e9e1;--text-secondary:#575f4f;
  background:var(--bg);color:var(--text);color-scheme:light;font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.service-page :focus-visible{outline:2px solid #171916;outline-offset:3px}
/* fundos escuros (cabeçalhos sobre a fotografia, rodapé): contorno lima, visível */
.service-page .service-header :focus-visible,.service-page .project-header :focus-visible,.service-page footer :focus-visible{outline-color:#d6ee46}
.service-page h1,.service-page h2,.service-page .brand{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:-.005em}
.service-page .service-header{color:#fff;background:linear-gradient(rgba(0,0,0,.45),transparent);border:0;padding-left:clamp(20px,5vw,72px);padding-right:clamp(20px,5vw,72px)}
.service-page .brand{font-size:21px;letter-spacing:.06em;color:#fff}
.service-page .desktop-nav>a,.service-page .desktop-languages,.service-page .desktop-languages a,.service-page .header-links a{color:#fff;text-transform:none;font-size:14px;font-weight:500}
.service-page .desktop-languages{border-left-color:rgba(255,255,255,.3)}
.service-page .desktop-nav a:hover{color:#d6ee46}
@media (min-width:960px){.service-page .service-header{position:fixed;background:rgba(19,22,18,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:0;min-height:68px}}
.service-page .desktop-languages [aria-current]{color:#fff}
.service-page .service-hero{min-height:82vh;background:#131612}
.service-page .service-hero::after{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 45%,rgba(0,0,0,.72))}
.service-page .hero-copy{width:100%;max-width:none;padding:0 clamp(20px,5vw,72px) clamp(48px,8vh,96px)}
.service-page .eyebrow{font-size:12px;letter-spacing:.14em;opacity:.85}
.service-page h1{font-size:clamp(48px,6.4vw,108px);line-height:.9;max-width:16ch}
.service-page .service-hero{padding-top:96px}
.service-page .hero-summary{font-size:clamp(16px,1.4vw,20px);color:rgba(255,255,255,.88);margin-top:18px}
.service-page .content-band{width:auto;max-width:1500px;padding:clamp(72px,9vw,128px) clamp(20px,5vw,72px)}
.service-page .section-label{font-size:12px;letter-spacing:.14em;color:#575f4f}
.service-page .copy{max-width:820px}
.service-page .copy h2{font-size:clamp(40px,4.6vw,72px);line-height:.95;margin-bottom:24px}
.service-page .copy p{font-size:17px;line-height:1.7;color:#575f4f}
.service-page .service-points{border-top-color:rgba(23,25,22,.3)}
.service-page .service-point strong{font-size:15px}
.service-page .service-point span{font-size:14px}
.service-page .image-grid{width:auto;max-width:none;padding:0 clamp(8px,1.4vw,24px)}
.service-page .image-grid--columns,.service-page .image-column,.service-page .image-grid--feature,.service-page .image-grid--triptych{gap:6px}
.service-page .image-grid figure{background:#e8e9e1}
.service-page .process-band{background:#e8e9e1;border:0;margin-top:clamp(72px,9vw,128px)}
.service-page .step h3{font-size:17px}
.service-page .step p{font-size:15px;color:#575f4f}
.service-page .related{width:auto;max-width:1500px;padding:40px clamp(20px,5vw,72px)}
.service-page .related span{letter-spacing:.14em}
.service-page .related a{font-size:15px;font-weight:500;border-bottom-color:rgba(23,25,22,.35)}
.service-page .related a:hover{color:#171916;border-bottom-color:#171916}
.service-page .service-contact{background:#d6ee46;color:#171916;border:0}
.service-page .contact-inner{width:auto;max-width:1500px;padding:clamp(72px,9vw,128px) clamp(20px,5vw,72px)}
.service-page .contact-inner h2{font-size:clamp(44px,5vw,80px);line-height:.95;font-weight:600}
.service-page .contact-direct p{color:#3f4824}
.service-page .contact-direct a{color:#171916}
.service-page .lead-form{background:transparent;padding:0}
.service-page .lead-field label{color:#3a4220;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500}
.service-page .lead-field input,.service-page .lead-field textarea{color:#171916;border-bottom-color:rgba(23,25,22,.45);font-size:17px}
.service-page .lead-field input:focus,.service-page .lead-field textarea:focus{border-bottom-color:#171916}
.service-page .lead-submit{background:#171916;color:#fff;border-color:#171916;border-radius:0;min-height:52px;padding:0 24px;font-weight:500}
.service-page .lead-submit:hover{background:#30382a;border-color:#171916}
.service-page .lead-status,.service-page .lead-email{color:#3a4220}
.service-page .lead-email a{color:#171916}
.service-page .contact-button{border-radius:0;border-color:#171916;color:#171916}
.service-page .contact-button:hover{background:#171916;color:#fff}
.service-page footer{background:#131612;color:#b3b9aa;font-size:13px;padding:28px clamp(20px,5vw,72px)}
.service-page footer a:hover{color:#fff}
/* desktop-layout.css esconde o campo de telemóvel abaixo de 960 px; aqui fica visível em todos os tamanhos */
@media (max-width:959px){.service-page .desktop-only{display:block}}
/* Página de projeto */
.service-page .project-contact{background:#d6ee46;color:#171916}
.service-page .project-contact h2{color:#171916}
.service-page .project-contact .contact-button{background:#171916;color:#fff;border-color:#171916;border-radius:0;min-height:52px;font-size:15px;font-weight:500}
.service-page .project-contact .contact-button:hover{background:#30382a;color:#fff}
.service-page .contact-direct p+a+p{margin-top:16px}
.service-page .project-contact .contact-button-alt{background:transparent;color:#171916;margin-left:8px}
.service-page .project-contact .contact-button-alt:hover{background:#171916;color:#fff}

.service-page img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
.service-page .contact-direct a[data-wa]{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;background:#171916;color:#fff;text-decoration:none;font-weight:500}

/* Logótipo (opção «Corte»): um só ficheiro, pintado com a cor do texto (branco sobre o destaque, escuro no cabeçalho sólido) */
.service-page .brand-logo{display:block;height:30px;aspect-ratio:452.37/100;background:currentColor;-webkit-mask:url(logo.svg) left center/contain no-repeat;mask:url(logo.svg) left center/contain no-repeat}
@media (max-width:640px){.service-page .brand-logo{height:26px}}