/* =====================================================================
   NEXTFORMA STUDIO · CAD · 3D · VISUALIZAÇÃO
   Site estático, sem bibliotecas externas. Responsivo e acessível.
===================================================================== */
:root {
  --verde: #172c29;
  --verde2: #203c35;
  --preto: #182421;
  --creme: #f7f6ef;
  --papel: #eeede4;
  --lima: #daff8b;
  --muted: #66736b;
  --linha: #d8dcd2;
  --branco: #fff;
  --container: 1376px;
  --padding: clamp(22px, 4.7vw, 82px);
  --sans: "Arial", "Helvetica Neue", Helvetica, sans-serif;
  --serif: Georgia, "Times New Roman", serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth; scroll-padding-top:87px}
body{margin:0;color:var(--preto);background:var(--creme);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body:has(dialog[open]){overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #82b07c;outline-offset:4px}
::selection{color:var(--verde);background:var(--lima)}
[hidden]{display:none!important}
.content-wrap{width:100%;max-width:var(--container);padding-left:var(--padding);padding-right:var(--padding);margin:0 auto}
.skip-link{position:fixed;top:-100px;left:10px;z-index:1000;background:var(--lima);padding:12px 20px}.skip-link:focus{top:10px}

/* NAV */
.cabecalho{position:sticky;top:0;z-index:60;background:var(--verde);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.nav-wrap{height:85px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{display:inline-flex;align-items:center;gap:13px;white-space:nowrap;flex-shrink:0}
.marca-simbolo{width:37px;height:38px;position:relative;display:inline-block;flex-shrink:0}
.marca-simbolo span:first-child{position:absolute;left:3px;top:5px;width:18px;height:28px;border:5px solid var(--lima);transform:skew(-21deg)}
.marca-simbolo span:last-child{position:absolute;left:20px;top:5px;width:16px;height:28px;border:5px solid var(--lima);transform:skew(20deg)}
.marca-nome{font-weight:900;font-size:19px;letter-spacing:-.9px}
.amp{color:var(--lima);padding:0 1px}
.nav-desktop{display:flex;align-items:center;gap:clamp(20px,3.3vw,49px);font-size:13px;font-weight:700}
.nav-desktop>a:not(.nav-contacto){opacity:.76;transition:opacity .2s}
.nav-desktop>a:not(.nav-contacto):hover{opacity:1}
.nav-contacto{display:inline-flex;align-items:center;gap:30px;border:1px solid rgba(255,255,255,.29);padding:15px 18px;transition:.2s}
.nav-contacto:hover{background:var(--lima);color:var(--verde);border-color:var(--lima)}
.nav-contacto span{font-size:20px;line-height:0}
.menu-botao{display:none;border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu-botao span{width:18px;height:2px;background:currentColor}
.menu-mobile{display:none}

/* HERO */
.hero{background:var(--verde);color:#fff;overflow:hidden}
.hero-grid{min-height:660px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;padding-top:62px;padding-bottom:53px}
.hero-copy{position:relative;z-index:3}
.sobrelinha{display:flex;align-items:center;gap:13px;font-size:10px;font-weight:800;letter-spacing:2.1px;color:#cfdbd0;margin-bottom:45px}
.dot{width:9px;height:9px;background:var(--lima);border-radius:50%;box-shadow:0 0 0 5px rgba(218,255,139,.09)}
.sobrelinha-traco{width:26px;height:1px;background:#81948b;display:inline-block}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.072em}
h1{font-size:clamp(76px,8.8vw,139px);line-height:.94;font-weight:800;margin:0 0 31px;white-space:nowrap}
h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.085em}
h1 em{color:var(--lima)}
.ponto-final{color:var(--lima)}
.hero-intro{max-width:440px;font-size:15px;line-height:1.83;color:#c6d0c7;margin-bottom:30px}
.hero-acoes{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.botao{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;font-size:12px;letter-spacing:.2px;font-weight:800;min-height:55px;padding:16px 21px;transition:background-color .2s,transform .2s;white-space:nowrap}
.botao:hover{transform:translateY(-2px)}
.botao span{font-size:19px;line-height:1}
.botao-lima{background:var(--lima);color:var(--verde)}.botao-lima:hover{background:#eefeb7}
.link-subtil{font-size:12px;color:#dfebdc;font-weight:700;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:7px;transition:border-color .2s}
.link-subtil:hover{border-color:var(--lima)}
.link-subtil span{font-size:16px}
.hero-rodape{display:flex;gap:18px;align-items:center;margin-top:64px;font-size:9px;line-height:1.6;letter-spacing:1.7px;color:#98aba2;font-weight:800}
.hero-seta{font-size:32px;color:var(--lima);font-weight:400}
.hero-art{position:relative;height:550px;min-width:0;display:flex;align-items:center;justify-content:center}
.hero-anel{border-radius:50%;width:480px;height:480px;position:absolute;top:12px;right:-54px;border:1px solid rgba(218,255,139,.18)}
.hero-anel::before,.hero-anel::after{content:"";border-radius:50%;border:1px solid rgba(218,255,139,.12);position:absolute;inset:36px}.hero-anel::after{inset:74px}
.hero-photo{width:min(100%,500px);height:440px;position:relative;background:#adc1ad;z-index:1;overflow:hidden;box-shadow:0 28px 110px rgba(0,0,0,.21)}
.hero-photo img{height:100%;width:100%;object-fit:cover;filter:saturate(.84)}
.hero-photo::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.2);pointer-events:none}
.hero-sticker{position:absolute;top:-2px;right:-8px;z-index:3;width:122px;height:122px;border-radius:50%;background:var(--lima);color:var(--verde);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(12deg);box-shadow:0 13px 36px rgba(0,0,0,.13)}
.hero-sticker span{font-weight:900;font-size:34px;line-height:1}
.hero-sticker svg{width:31px;height:31px;margin-left:30px}
.hero-art-caption{position:absolute;bottom:24px;left:15px;right:15px;z-index:4;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#d1dfd3;letter-spacing:1.6px;font-weight:800}
.hero-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:17px;padding-bottom:21px;font-size:9px;font-weight:800;letter-spacing:2.1px;color:#acbcb0;border-top:1px solid rgba(255,255,255,.14)}
.hero-bottom span span{color:var(--lima);font-size:16px;vertical-align:middle}
.marquee{height:59px;display:flex;align-items:center;overflow:hidden;background:var(--lima);color:var(--verde);font-size:14px;font-weight:900;letter-spacing:2.2px;white-space:nowrap}
.marquee-content{min-width:max-content;animation:mover 44s linear infinite}
@keyframes mover{to{transform:translateX(-50%)}}

/* SECTIONS */
.secao{padding:110px 0 120px}
.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}
.eyebrow{font-size:11px;font-weight:900;letter-spacing:2.3px}
.eyebrow-num{font-weight:800;color:#929f94;margin-right:11px}
.section-decoration{font-size:32px;line-height:1;color:var(--verde)}
.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:44px;align-items:end;margin-bottom:54px}
h2{font-size:clamp(54px,7vw,103px);line-height:1.015;font-weight:800;margin:0}
h2 em{color:#788d7b}
.section-heading p{font-size:16px;line-height:1.8;color:#667369;max-width:380px;margin:0 0 10px auto}
.demo-notice{border:1px solid #cad3c4;background:#e9f0e2;color:#435b47;font-size:12px;line-height:1.55;padding:12px 16px;margin:0 0 21px}
.demo-notice span{font-size:17px;margin-right:5px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:19px;margin-bottom:27px}
.filtros{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}
.filtro{background:transparent;color:#65736a;border:1px solid #d9ded3;padding:11px 15px;font-size:11px;font-weight:800;white-space:nowrap;transition:.18s}
.filtro:hover{color:var(--verde);border-color:#708a71}.filtro.ativo{background:var(--verde);border-color:var(--verde);color:var(--lima)}
.filtro span{opacity:.6;margin-left:6px}
.search{display:flex;align-items:center;gap:9px;border-bottom:1px solid #b8c3b5;min-width:178px;max-width:240px;width:100%;padding:9px 0}
.search svg{width:19px;height:19px;flex-shrink:0;color:#879489}
.search input{border:0;outline:0!important;background:transparent;width:100%;font-size:12px;color:var(--preto)}
.search:focus-within{border-color:var(--verde)}
.grid-projetos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:21px;row-gap:37px}
.projeto-card{display:block;min-width:0;padding:0;background:transparent;border:0;text-align:left;color:inherit}
.card-imagem{position:relative;overflow:hidden;display:block;aspect-ratio:1.26;background:#d3dcd2}
.card-imagem img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.16,.58,.34,1),filter .4s}
.projeto-card:hover .card-imagem img{transform:scale(1.055);filter:saturate(1.12)}
.card-indice{position:absolute;top:15px;left:16px;background:#f8f7ec;color:var(--verde);padding:7px 9px;font-weight:900;font-size:11px}
.card-seta{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;background:var(--lima);color:var(--verde);font-size:24px;transition:transform .2s,background .2s}
.projeto-card:hover .card-seta{transform:rotate(45deg);background:#fff}
.card-info{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:18px}
.card-texto{display:flex;flex-direction:column;gap:8px}
.card-tipo{font-size:9px;font-weight:900;letter-spacing:1.9px;color:#829184}
.card-titulo{font-size:20px;font-weight:800;letter-spacing:-.6px}
.card-open{font-size:25px;color:#8d9a8f;align-self:flex-end;transition:transform .2s}
.projeto-card:hover .card-open{transform:translate(2px,-3px);color:#1d352a}
.projetos-rodape{display:flex;justify-content:space-between;gap:24px;padding-top:26px;margin-top:40px;border-top:1px solid var(--linha);font-size:10px;letter-spacing:2px;font-weight:900;color:#8a9589}
.sem-projetos{text-align:center;padding:75px 20px 90px;background:#e9ede6}.sem-projetos>span{font-size:52px}.sem-projetos h3{font-size:24px;margin:15px 0 6px}.sem-projetos p{font-size:14px;color:#68756a}.sem-projetos button{margin-top:12px}
.botao-escuro{background:var(--verde);color:#fff}.botao-escuro:hover{background:#315249}

/* SERVIÇOS */
.servicos{background:var(--papel)}
.servicos-heading{margin-bottom:58px}
.servicos-lista{border-top:1px solid #cbd2c7}
.servico{display:grid;grid-template-columns:14% 1fr 60px;gap:15px;padding:30px 0;border-bottom:1px solid #cbd2c7;align-items:center;transition:padding .2s}
.servico:hover{padding-left:11px}
.servico-num{align-self:start;font-size:12px;font-weight:900;color:#98a499;letter-spacing:1px;padding-top:19px}
.servico-meio{display:grid;grid-template-columns:77px 1fr;column-gap:17px;align-items:center}
.servico-icone{grid-row:span 2;font-size:50px;font-weight:400;color:#6b8575;line-height:1}
.servico-icone-cad{font-size:57px}
.servico h3{margin:0 0 8px;font-size:clamp(20px,2.5vw,31px);letter-spacing:-1.2px}
.servico p{grid-column:2;margin:0;max-width:660px;font-size:14px;line-height:1.7;color:#68766b}
.servico-link{font-size:29px;justify-self:end;align-self:start;margin-top:9px}

/* SOBRE */
.sobre{background:var(--verde);color:#fff;padding-top:117px;overflow:hidden}
.sobre-grid{display:grid;grid-template-columns:.39fr .61fr;gap:45px;padding-bottom:105px}
.sobre-eyebrow{color:#d4e2d1}
.sobre-asterisco{font-size:clamp(160px,28vw,410px);line-height:1;margin-top:62px;color:var(--lima);font-weight:100;animation:rodar 55s linear infinite;transform-origin:45% 47%}
@keyframes rodar{to{transform:rotate(360deg)}}
.sobre-corpo{padding-top:65px}
.sobre-corpo h2{font-size:clamp(58px,6.9vw,104px);line-height:1.04;margin-bottom:38px}
.sobre-corpo h2 em{color:var(--lima)}
.sobre-corpo p{color:#c7d4c9;font-size:16px;line-height:1.9;max-width:568px;margin:0 0 18px}
.botao-claro{background:#fff;color:var(--verde);margin-top:28px}.botao-claro:hover{background:var(--lima)}
.sobre-wordmark{border-top:1px solid rgba(255,255,255,.16);padding:25px 0 35px;display:flex;gap:28px;justify-content:center;white-space:nowrap;font-size:clamp(27px,4.2vw,63px);letter-spacing:-2px;font-weight:900;color:rgba(255,255,255,.12)}
.sobre-wordmark span{color:var(--lima);opacity:.65}

/* CONTACT */
.contacto{background:#f6f5ed}
.contacto-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(48px,9vw,150px);align-items:start}
.contacto-copy h2{font-size:clamp(68px,7vw,105px);line-height:.99;margin:11px 0 30px}
.contacto-copy h2 em{color:#758d75}
.contacto-copy>p{font-size:16px;color:#667368;line-height:1.9;max-width:402px;margin-bottom:55px}
.contacto-linha{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.contacto-icon{font-size:25px;display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border:1px solid #c8d0c3;color:#536c5d}
.contacto-linha>div{display:flex;flex-direction:column;gap:7px;min-width:0}
.contacto-label{font-size:10px;letter-spacing:2px;font-weight:900;color:#869486}
.contacto-linha a{font-size:15px;font-weight:800;overflow-wrap:anywhere}
.contacto-linha a:hover{text-decoration:underline}
.form-card{padding:clamp(27px,3.5vw,55px);background:#e9eee5}
.form-card-cabeca{display:flex;justify-content:space-between;gap:20px;align-items:start}
.form-card h3{font-size:clamp(26px,3.1vw,39px);line-height:1.1;letter-spacing:-1.6px;margin:0 0 14px}
.form-card-cabeca>span{font-size:32px;color:#668269}
.form-intro{font-size:13px;line-height:1.7;color:#778678;margin-bottom:32px}
#contacto-form{display:flex;flex-direction:column;gap:22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:19px}
#contacto-form label{display:flex;flex-direction:column;gap:10px;font-size:11px;font-weight:900;letter-spacing:.3px}
#contacto-form label span{color:#d87358}
#contacto-form input,#contacto-form select,#contacto-form textarea{width:100%;border:1px solid #d3dbce;border-radius:0;outline:0;background:#fff;padding:14px 15px;font-size:12px;color:#182e29;letter-spacing:0;line-height:1.45;transition:border .2s}
#contacto-form input:focus,#contacto-form select:focus,#contacto-form textarea:focus{border-color:#4f8061}
#contacto-form input::placeholder,#contacto-form textarea::placeholder{color:#9da99e}
#contacto-form textarea{resize:vertical;min-height:138px}
.botao-enviar{width:100%;justify-content:space-between;min-height:58px}
.form-nota{font-size:11px;line-height:1.65;color:#748276;margin:-10px 0 0}
.form-estado{font-size:12px;line-height:1.6;color:#346443;font-weight:700;margin:0}
.form-estado:empty{display:none}
.pedido-copia{width:100%;height:200px;padding:12px;border:1px solid #cad5c7}

/* RODAPÉ */
.rodape{background:#101f1d;color:#e6eee2;padding:60px 0 23px}
.footer-inner{display:flex;justify-content:space-between;gap:30px;padding-bottom:65px}
.footer-marca .marca-nome{font-size:24px}
.footer-inner p{font-size:10px;letter-spacing:2px;color:#9aaca0;font-weight:800;margin:19px 0 0}
.footer-nav{display:flex;gap:29px;align-items:start;font-size:12px;font-weight:700;color:#c5d2c8}
.footer-nav a:hover{color:var(--lima)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.14);padding-top:22px;color:#849a8c;font-size:10px;letter-spacing:1px}
.footer-bottom a:hover{color:var(--lima)}

/* MODAL */
.projeto-modal{border:0;padding:0;width:min(1100px,94vw);max-width:none;max-height:min(740px,88vh);box-shadow:0 20px 130px rgba(0,0,0,.34);background:#f7f7ef;color:var(--preto);overflow:visible}
.projeto-modal::backdrop{background:rgba(8,21,19,.86);backdrop-filter:blur(6px)}
.modal-shell{position:relative;display:grid;grid-template-columns:1.15fr .85fr;min-height:490px;max-height:88vh;overflow:auto}
.modal-fechar{position:absolute;right:12px;top:12px;z-index:3;display:grid;place-items:center;border:0;background:var(--lima);width:43px;height:43px;color:var(--verde);font-size:18px}
.modal-imagem-wrap{min-height:490px;background:#d1d8ce}.modal-imagem-wrap img{width:100%;height:100%;max-height:85vh;object-fit:cover}
.modal-infos{padding:clamp(28px,5vw,62px);display:flex;flex-direction:column;align-items:start}
.modal-indice{font-size:11px;color:#88988b;letter-spacing:2px;font-weight:900;margin-bottom:100px}
.modal-tipo{font-size:10px;color:#86978b;font-weight:900;letter-spacing:2px;margin-bottom:18px}
.modal-infos h2{font-size:clamp(39px,4.7vw,66px);line-height:1.03;margin:0 0 22px}
.modal-infos p{font-size:14px;line-height:1.8;color:#637065;max-width:410px}
.modal-bottom{margin-top:auto;padding-top:38px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.modal-setas{display:flex;gap:6px}
.modal-setas button{width:40px;height:42px;background:transparent;border:1px solid #bccbbe;font-size:22px}
.modal-setas button:hover{background:var(--lima)}


/* Modal para pedir orçamento — abre ao clicar no CTA, sem duplicar o formulário. */
.orcamento-modal{border:0;padding:0;width:min(750px,calc(100vw - 28px));max-width:none;max-height:min(90dvh,940px);background:#e9eee5;color:var(--preto);box-shadow:0 30px 130px rgba(0,0,0,.4);overflow-y:auto;overscroll-behavior:contain}
.orcamento-modal::backdrop{background:rgba(8,21,19,.82);backdrop-filter:blur(5px)}
.orcamento-modal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:2;background:var(--verde);color:#e9f0e5;padding:14px clamp(20px,4vw,40px);font-size:10px;letter-spacing:1.5px;font-weight:900}
.orcamento-modal-top>span>span{color:var(--lima);padding:0 5px}
.orcamento-fechar{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;padding:12px 14px;font-size:11px;font-weight:800;letter-spacing:0;white-space:nowrap}
.orcamento-fechar:hover{background:var(--lima);border-color:var(--lima);color:var(--verde)}
.orcamento-fechar span{margin-left:9px}
.orcamento-modal .form-card{padding:clamp(24px,4.5vw,45px);background:transparent;opacity:1!important;transform:none!important}
.orcamento-modal .form-intro{margin-bottom:24px}
.orcamento-modal #contacto-form{gap:17px}
.orcamento-modal #contacto-form textarea{min-height:102px}
.orcamento-modal .botao-enviar{margin-top:2px}
@media(max-width:500px){.orcamento-modal{width:calc(100vw - 18px);max-height:94dvh}.orcamento-modal-top{padding:12px 17px;letter-spacing:.6px;font-size:9px}.orcamento-modal .form-card{padding:20px 17px}.orcamento-modal .form-intro{margin-bottom:15px}.orcamento-modal #contacto-form{gap:14px}}

/* Acessibilidade e movimento */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease, transform .65s ease}
.js .reveal.reveal-visivel{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

@media(max-width:1100px){
  .hero-grid{min-height:620px}.hero-anel{width:390px;height:390px}.hero-photo{height:380px}.hero-art{height:480px}.hero-sticker{right:-3px;width:104px;height:104px}
  h1{font-size:clamp(71px,9vw,108px)}
  .nav-desktop{gap:20px}.marca-nome{font-size:17px}
  .toolbar{align-items:start;flex-direction:column}.search{max-width:350px}
  .grid-projetos{gap:25px 16px}
  .contacto-grid{gap:44px}
}
@media(max-width:780px){
  html{scroll-padding-top:68px}
  .nav-wrap{height:67px}.nav-desktop{display:none}.menu-botao{display:flex}
  .menu-mobile:not([hidden]){display:flex;flex-direction:column;position:absolute;top:67px;left:0;right:0;background:var(--verde);padding:15px var(--padding) 25px;box-shadow:0 16px 25px rgba(0,0,0,.16);border-top:1px solid rgba(255,255,255,.1)}
  .menu-mobile a{padding:15px 0;font-size:18px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}
  .hero-grid{grid-template-columns:1fr;gap:15px;padding-top:67px;padding-bottom:22px}
  .hero-copy{order:0}.hero-art{order:1;width:100%;height:auto;min-height:410px;margin-top:26px}
  .hero-anel{left:20%;right:auto;top:0;width:400px;height:400px;max-width:90vw;max-height:90vw}
  .hero-photo{height:min(69vw,450px);width:100%;max-width:600px;min-height:300px}
  .hero-art-caption{bottom:7px;left:10px;right:10px}
  .hero-sticker{top:1px;right:0}.hero-rodape{display:none}
  .sobrelinha{margin-bottom:28px}h1{font-size:clamp(70px,13vw,113px);white-space:normal}
  .hero-intro{max-width:540px}.hero-bottom{font-size:8px;letter-spacing:1.1px}.marquee{height:50px;font-size:11px}
  .secao{padding:78px 0 82px}
  .section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:34px}.section-heading p{margin:0;max-width:510px}
  .grid-projetos{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:27px}
  .card-titulo{font-size:19px}.card-imagem{aspect-ratio:1.15}
  .servico{grid-template-columns:45px 1fr 25px;gap:9px}.servico-meio{grid-template-columns:55px 1fr;gap:10px}.servico-icone{font-size:37px}
  .sobre{padding-top:84px}.sobre-grid{grid-template-columns:1fr;gap:0;padding-bottom:80px}.sobre-asterisco{display:none}.sobre-corpo{padding-top:36px}.sobre-corpo h2{font-size:clamp(65px,11vw,100px)}
  .contacto-grid{grid-template-columns:1fr}.contacto-copy>p{margin-bottom:35px}.contacto-copy h2{font-size:clamp(68px,11vw,110px)}
  .modal-shell{grid-template-columns:1fr;max-height:88vh}.modal-imagem-wrap{min-height:0;height:36vh}.modal-imagem-wrap img{max-height:36vh}.modal-infos{padding:30px}.modal-indice{margin-bottom:20px}.modal-bottom{padding-top:22px}
}
@media(max-width:500px){
  .marca-simbolo{width:32px;height:34px}.marca-simbolo span:first-child{width:15px;height:26px;border-width:4px}.marca-simbolo span:last-child{left:17px;width:14px;height:26px;border-width:4px}
  .marca-nome{font-size:16px}
  .hero-grid{padding-top:52px}.sobrelinha{font-size:8px;gap:8px;letter-spacing:1.3px}
  h1{font-size:clamp(64px,14.5vw,92px);margin-bottom:26px}
  .hero-intro{font-size:13px;line-height:1.8}.hero-acoes{align-items:start;flex-direction:column;gap:24px}
  .hero-art{min-height:310px;margin-top:15px}.hero-photo{height:290px;min-height:0}.hero-sticker{width:80px;height:80px;right:-4px;top:-8px}.hero-sticker span{font-size:22px}.hero-sticker svg{width:23px;height:23px}
  .hero-art-caption{font-size:7px;letter-spacing:1px;bottom:4px}
  .hero-bottom span:first-child{display:none}.hero-bottom{justify-content:flex-end}.marquee{height:43px}
  .secao{padding:67px 0 73px}.section-top{margin-bottom:30px}h2{font-size:clamp(57px,13vw,74px)}
  .section-heading p{font-size:14px}.demo-notice{font-size:11px}
  .toolbar{gap:13px}.filtros{width:calc(100vw - 2*var(--padding))}.filtro{font-size:10px;padding:10px 11px}.search{max-width:none}
  .grid-projetos{grid-template-columns:1fr;gap:28px}.card-imagem{aspect-ratio:1.35}.card-titulo{font-size:21px}.card-info{padding-top:13px}
  .projetos-rodape{flex-direction:column;gap:12px;font-size:8px;letter-spacing:1px;margin-top:30px}
  .servicos-heading{margin-bottom:27px}.servico{grid-template-columns:29px 1fr 20px;padding:24px 0}.servico-num{font-size:10px}.servico-meio{grid-template-columns:1fr}.servico-icone{display:none}.servico h3{font-size:22px}.servico p{grid-column:1;font-size:12px}.servico-link{font-size:20px}
  .sobre{padding-top:65px}.sobre-corpo h2{font-size:clamp(58px,12vw,72px)}.sobre-corpo p{font-size:14px}.sobre-wordmark{font-size:29px;justify-content:start;gap:15px}
  .contacto-copy h2{font-size:clamp(66px,14vw,84px)}.contacto-copy>p{font-size:14px}.form-card{padding:26px 21px}.form-row{grid-template-columns:1fr;gap:20px}.contacto-grid{gap:36px}.form-card h3{font-size:28px}
  .footer-inner{flex-direction:column;padding-bottom:43px;gap:30px}.footer-nav{gap:22px}.footer-bottom{flex-direction:column;gap:15px}
  .projeto-modal{width:96vw;max-height:90vh}.modal-shell{max-height:90vh}.modal-imagem-wrap{height:33vh}.modal-infos{padding:24px}.modal-infos h2{font-size:42px}.modal-infos p{font-size:12px}.modal-bottom{gap:16px}.modal-bottom .botao{min-height:48px;font-size:10px;padding:12px 14px}
}

.aviso-rascunho{background:#daff8b;color:#172c29;text-align:center;font-size:11px;font-weight:900;letter-spacing:.7px;padding:10px 16px}

/* Envio de pedidos: indicação de estado, acessibilidade e controlo anti-spam. */
.anti-spam{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.form-nota a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.botao-enviar:disabled{opacity:.55;cursor:wait;pointer-events:none}
.form-estado{white-space:normal;line-height:1.55}
.form-estado[data-tipo="sucesso"]{color:#235d43;font-weight:700}
.form-estado[data-tipo="erro"]{color:#8c2d28;font-weight:700}
.envio-alternativo{border:1px solid currentColor;background:transparent;color:#172c29;padding:12px 17px;font-size:12px;font-weight:800;cursor:pointer;margin-top:12px}
.envio-alternativo:hover{background:#172c29;color:#fff}

/* V6 — mensagens de entrega e aviso de pré-visualização */
.form-aviso-preview{display:block;color:#833a23;background:#fff3e3;padding:11px 12px;margin-bottom:10px;font-size:12px;line-height:1.5;border-left:3px solid #ba7643}
.form-estado[data-tipo="ativacao"]{color:#815007;background:#fff4d8;padding:12px;border-left:3px solid #c99c2b}
.form-estado[data-tipo="informacao"]{color:#335e67}

/* Galeria com várias imagens em cada projeto */
.modal-imagem-wrap{display:flex;flex-direction:column;overflow:hidden}
.modal-imagem-wrap>img{flex:1;min-height:0;object-fit:contain;background:#d1d8ce}
.modal-miniaturas{display:flex;gap:7px;padding:10px;background:#f0f1eb;overflow-x:auto;flex:0 0 auto;max-height:88px}
.miniatura-foto{flex:0 0 75px;width:75px;height:62px;overflow:hidden;padding:0;border:2px solid transparent;background:transparent;cursor:pointer}
.miniatura-foto.ativo{border-color:#426b40}
.miniatura-foto img{width:100%;height:100%;object-fit:cover}
.modal-contador-fotos{display:block;color:#607767;font-size:12px;font-weight:800;margin-top:3px}
@media(max-width:780px){.modal-imagem-wrap>img{max-height:33vh}.modal-miniaturas{max-height:77px}.miniatura-foto{width:60px;height:52px;flex-basis:60px}}

/* NEXTFORMA | identidade original em preto e metal champanhe */
:root{--verde:#191919;--verde2:#292723;--preto:#282521;--creme:#f7f3ed;--papel:#efe9e0;--lima:#cdb99e;--muted:#756c62;--linha:#ded6ca}
body{background:var(--creme)}
.cabecalho,.hero{background:#1b1b1b}
.cabecalho{border-color:#3b362f}
.marca{gap:9px}
.marca-emblema{height:60px;width:58px;object-fit:cover;object-position:center;display:block;mix-blend-mode:screen}
.marca-nome{font-size:15px;line-height:1.1;font-weight:750;letter-spacing:.16em;color:#e0cbb0}
.nav-wrap{height:90px}
.nav-desktop>a:not(.nav-contacto){color:#eee3d6}
.nav-contacto{border-color:#776a5a;color:#e8ddce}
.nav-contacto:hover{color:#1e1d1b}
.sobrelinha{color:#d0bb9f}
.dot{background:#d0b79a;box-shadow:0 0 0 5px rgba(208,183,154,.14)}
h1 em{color:#d7bfa0}
.ponto-final{color:#d7bfa0}
.hero-intro{color:#dbd0c2}
.botao-lima{background:#ceb99a;color:#1c1b19}
.botao-lima:hover{background:#ebd5b9}
.hero-rodape{color:#b6a594}
.hero-anel{border-color:rgba(205,185,158,.2)}
.hero-anel::before,.hero-anel::after{border-color:rgba(205,185,158,.12)}
.hero-art{flex-direction:column;justify-content:center;gap:0;height:440px}
.hero-photo-marca{width:min(100%,530px);height:370px;flex:none;background:#1b1b1b;box-shadow:0 32px 84px rgba(0,0,0,.28)}
.hero-photo-marca img{object-fit:contain;filter:none;width:100%;height:100%}
.hero-photo-marca::after{border-color:rgba(210,184,150,.26)}
.hero-bottom{color:#c1b29f}
.marquee{color:#1f1c18;background:#cdb99e}
.filtro.ativo{color:#f1d6b3}
.search:focus-within{border-color:#b79678}
.card-seta{background:#d7bfa0;color:#231e19}
.card-imagem{background:#e0d7ce}
.card-tipo,.modal-tipo{color:#836f58}
.sobre{background:#201e1b}
.rodape{background:#1b1b1b}
.footer-marca .marca-emblema{width:73px;height:75px}
.footer-marca .marca-nome{font-size:19px}
.orcamento-modal-top{background:#211f1d}
.orcamento-modal::backdrop{background:rgba(13,12,11,.84)}
::selection{color:#171716;background:#d7bfa0}
@media(max-width:1100px){.hero-art{height:405px}.hero-photo-marca{height:340px}}
@media(max-width:780px){.nav-wrap{height:70px}.menu-mobile:not([hidden]){top:70px;background:#1b1b1b}.marca-emblema{width:47px;height:52px}.marca-nome{font-size:12px;letter-spacing:.12em}.hero-art{height:auto;min-height:0;margin:22px 0 0;gap:9px}.hero-photo-marca{height:clamp(210px,60vw,380px);min-height:0;width:100%}.hero-anel{display:none}}
@media(max-width:500px){.marca-emblema{width:42px;height:46px}.marca-nome{font-size:11px;letter-spacing:.08em}}


/* ======================================================================
   NEXTFORMA V10 — IDENTIDADE PRETO E CHAMPANHE EM TODO O SITE
   A mesma paleta da capa: preto, grafite, bronze e branco quente.
====================================================================== */
:root{
 --verde:#1b1b1b;--verde2:#29241f;--preto:#f1e8dc;
 --creme:#1b1b1b;--papel:#24211e;--lima:#d7bfa0;
 --muted:#c2b4a1;--linha:#50483f;--branco:#fff9f2;
}
body{background:#1b1b1b;color:#f1e8dc}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#dfbb86}
.cabecalho{background:#1a1a1a;border-bottom-color:#3f3831}
.menu-mobile:not([hidden]){background:#1a1a1a}
.hero{background:radial-gradient(ellipse at 85% 48%,rgba(126,97,61,.13),transparent 45%),#1b1b1b}
.hero-photo-marca{background:#1b1b1b}
.hero-intro{color:#d9cbbb}
.hero-acoes .link-subtil{color:#e8d9c5}
.hero-rodape,.hero-bottom{color:#b9a894}
.sobrelinha,.hero-art-caption{color:#d4c3ad}
.marquee{background:#d7bfa0;color:#221e1a}
/* Conteúdo, grelha e filtros */
.secao.projetos{background:#1d1c1b;color:#f0e7dc}
.secao.servicos{background:#24211e;color:#f0e7dc}
.secao.contacto{background:#1c1b1a;color:#f0e7dc}
.section-decoration{color:#c9ab84}
.eyebrow,.eyebrow-num{color:#d2b993}
.section-heading h2 em,.contacto-copy h2 em{color:#d7bfa0}
.section-heading p,.contacto-copy>p{color:#c9bbaa}
.demo-notice{background:#2a261f;border:1px solid #6e5840;color:#e6c7a2}
.filtros{scrollbar-color:#a58a65 #26221e}
.filtro{background:#24221f;color:#c6b6a1;border:1px solid #584e43}
.filtro:hover{color:#f7e4ce;border-color:#bb9e77;background:#302920}
.filtro.ativo{background:#d7bfa0;color:#1d1a17;border-color:#d7bfa0}
.filtro.ativo span{opacity:.75}
.search{border-bottom-color:#73614c}
.search svg{color:#c1a787}
.search input{color:#f3e9da}
.search input::placeholder{color:#a99a88}
.search:focus-within{border-color:#dec5a2}
.card-imagem{background:#282723}
.card-indice{background:#d7bfa0;color:#1c1b19}
.card-tipo{color:#d6b78c}
.card-titulo{color:#f3eade}
.card-open{color:#c6a983}
.projeto-card:hover .card-open{color:#f1d8b4}
.projetos-rodape{border-color:#55483a;color:#c3b39d}
.sem-projetos{background:#292622;color:#f5e8d5}
.sem-projetos p{color:#c1b4a2}
.botao-escuro{background:#d7bfa0;color:#211d18}
.botao-escuro:hover{background:#edd6b7}
/* Serviços */
.servicos-lista,.servico{border-color:#5b4e3e}
.servico-num{color:#bca485}
.servico-icone{color:#c9a983}
.servico h3{color:#f1e9de}
.servico p{color:#cabbab}
.servico-link{color:#d9be9d}
/* Sobre */
.sobre{background:#1a1918;color:#f2e9df;border-top:1px solid #3c342c}
.sobre-eyebrow{color:#cfb594}
.sobre-corpo p{color:#d2c3b0}
.sobre-corpo h2 em{color:#dbc09d}
.sobre-asterisco,.sobre-wordmark span{color:#c8a780}
.sobre-wordmark{border-color:#514536;color:rgba(238,222,203,.14)}
.botao-claro{background:#d7bfa0;color:#231e18}
.botao-claro:hover{background:#f0dcc0}
/* Contactos, com o mesmo universo cromático da capa */
.contacto{border-top:1px solid #443a30}
.contacto-copy h2{color:#f2e7da}
.contacto-icon{border-color:#6f5c48;color:#d9be97}
.contacto-label{color:#c3a47d}
.contacto-linha a{color:#f1e4d2}
.contacto-linha a:hover{color:#e7c08d}
.form-card{background:#292520;border:1px solid #544738;color:#f0e7dd}
.form-card h3{color:#f0e7db}
.form-card-cabeca>span{color:#d7bfa0}
.form-intro,.form-nota{color:#c5b5a0}
#contacto-form label{color:#f1e2cd}
#contacto-form label span{color:#e6a88f}
#contacto-form input,#contacto-form select,#contacto-form textarea{
 background:#1e1c1a;border:1px solid #76644f;color:#f7ecdf;
}
#contacto-form input:focus,#contacto-form select:focus,#contacto-form textarea:focus{border-color:#e3c296;box-shadow:0 0 0 2px rgba(215,191,160,.18)}
#contacto-form input::placeholder,#contacto-form textarea::placeholder{color:#ad9b87}
#contacto-form select option{background:#211e1a;color:#f7ecdf}
.botao-enviar{background:#d7bfa0;color:#211c16}
.botao-enviar:hover{background:#f1d7b3}
.form-nota a:hover{color:#f5d5ae}
.form-estado{color:#c7e8c9}
.form-estado[data-tipo="sucesso"]{color:#b4e0bf}
.form-estado[data-tipo="erro"]{color:#f2b1a5}
.form-estado[data-tipo="informacao"]{color:#b8d7e2}
.form-estado[data-tipo="ativacao"]{background:#3d311f;color:#f1cc8d;border-color:#cda46b}
.form-aviso-preview{color:#eed0a5;background:#403224;border-color:#b38b5b}
.envio-alternativo{color:#e9cfaa;border-color:#987c59}
.envio-alternativo:hover{background:#d7bfa0;color:#211b16}
/* Rodapé e galerias */
.rodape{background:#151515;color:#efe6d8;border-top:1px solid #3e352c}
.footer-inner p,.footer-bottom{color:#b9a48a}
.footer-nav{color:#e0ceb7}
.footer-nav a:hover,.footer-bottom a:hover{color:#e9cba5}
.projeto-modal{background:#24211e;color:#f3e7d8}
.projeto-modal::backdrop,.orcamento-modal::backdrop{background:rgba(7,6,5,.9)}
.modal-imagem-wrap{background:#181818}
.modal-imagem-wrap>img{background:#171615}
.modal-miniaturas{background:#312a22}
.miniatura-foto.ativo{border-color:#d7bfa0}
.modal-indice,.modal-tipo,.modal-contador-fotos{color:#d7bfa0}
.modal-infos h2{color:#f2e9df}
.modal-infos p{color:#cabaa7}
.modal-setas button{color:#f6e8d6;border-color:#66533e}
.modal-setas button:hover{background:#d7bfa0;color:#1d1915}
.modal-fechar{background:#d7bfa0;color:#211b16}
.orcamento-modal{background:#28241f;color:#f0e8db}
.orcamento-modal-top{background:#1c1b1a;color:#f3e7d6;border-color:#5b4a35}
.orcamento-modal .form-card{background:#28241f;border:0}
.orcamento-fechar:hover{background:#d7bfa0;color:#211b16}
.aviso-rascunho{background:#d7bfa0;color:#1b1b1b}
@media (max-width:780px){.menu-mobile:not([hidden]){background:#1c1a18}}

/* V11: a abertura apresenta apenas o logótipo da NEXTFORMA STUDIO. */
@media (min-width:781px){.hero-art{height:425px}.hero-photo-marca{height:370px}}

/* NEXTFORMA V12 — estado de envio destacado mesmo dentro da janela */
#contacto-form .form-estado:not(:empty){display:block;padding:14px 16px;margin:8px 0 12px;border:1px solid #bd9363;background:#3c3328;color:#f8e5c7;font-size:13px;line-height:1.5;font-weight:750}
#contacto-form .form-estado[data-tipo="erro"]{border-color:#d89a8e;background:#432725;color:#ffe0d9}
#contacto-form .form-estado[data-tipo="informacao"]{border-color:#c3a77b;background:#3d3429;color:#f6e5c7}
#contacto-form .botao-enviar{margin-top:4px}
#contacto-form .form-nota{margin-top:4px}