/* PCiLAB — o desenho novo do www.pcilab.pt (mock v2, aprovado a 29/09/2026). * * Ideia: a BANCADA do laboratório. A peça forte é a etiqueta com código QR (a que vai colada no * equipamento), que é também a consulta do estado da reparação. Tudo o resto é calmo: papel frio, * tinta verde-escura, a cor da marca, e o âmbar só onde se pede uma acção. * * ⚠️ TUDO debaixo de `body.pcl`: a classe só existe quando o «Menu principal (novo)» está atribuído * (Aparência → Menus). Instalar o tema não muda o site — ligar o menu é que muda. É o que deixa * trabalhar no desenho novo sem tocar no que está no ar. * * As páginas são do Elementor: cada secção é um contentor com a classe `pcl-sec pcl-`. As * regras abaixo anulam os espaçamentos por omissão dos contentores (as variáveis --padding-* e --gap * do Elementor 4) e põem os do desenho — os textos, as imagens e os botões continuam a ser widgets * normais, editáveis no Elementor. */ body.pcl{ --tinta:#0c2226; --tinta-2:#163a40; --teal:#156e7b; --teal-2:#1b8594; --menta:#3fb8c4; --teal-claro:#e3f1f2; --papel:#f3f6f5; --branco:#fff; --linha:#dbe4e3; --cinza:#5e6f72; --cinza-2:#8a9a9c; --ambar:#e8a23a; --ambar-esc:#b9761a; --verde:#2e7d32; --f:'Archivo',system-ui,sans-serif; --raio:14px; font-family:var(--f); color:var(--tinta); background:#fff; -webkit-font-smoothing:antialiased; } body.pcl .pcl-sec,body.pcl .pcl-sec *,body.pcl .pcl-cab,body.pcl .pcl-cab *,body.pcl .pcl-rod,body.pcl .pcl-rod *,body.pcl .pcl-faixa *{box-sizing:border-box} html:has(body.pcl){scroll-behavior:smooth} /* ⚠️ o cabeçalho é fixo: sem isto, ao saltar para uma âncora o título ficava cortado por cima */ body.pcl [id]{scroll-margin-top:150px} body.pcl :focus-visible{outline:3px solid var(--ambar);outline-offset:3px} @media (prefers-reduced-motion:reduce){body.pcl *{animation:none!important;transition:none!important}html:has(body.pcl){scroll-behavior:auto}} /* ── o Astra fica de fora das páginas novas: sem título, sem margens, largura toda ── */ body.pcl.pcl-pagina #content>.ast-container,body.pcl.pcl-pagina .site-content>.ast-container{max-width:100%;padding:0;display:block} /* o CSS antigo do site afastava o conteúdo do cabeçalho FIXO de antes (136 px no telemóvel) — o novo não é fixo */ body.pcl #content>.ast-container{margin-top:0} body.pcl.pcl-pagina .entry-header{display:none} body.pcl.pcl-pagina #primary{margin:0;padding:0;width:100%} /* ── os contentores do Elementor dentro das secções: sem os 10 px / 20 px por omissão ── ⚠️ Tudo o que é BASE vai dentro de :where() — a especificidade fica a de `body.pcl` (0,1,1), que chega para ganhar ao `.e-con` do Elementor (0,1,0) mas PERDE para as regras dos componentes (`body.pcl .pcl-icos`, 0,2,1). Sem isto a base anulava o gap, o padding e a cor dos componentes. */ body.pcl :where(.pcl-sec,.pcl-sec .e-con){ --padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px; --gap:0px;--row-gap:0px;--column-gap:0px;--container-widget-width:100%} body.pcl :where(.pcl-sec .elementor-widget){margin:0} body.pcl :where(.pcl-sec .elementor-widget-container){margin:0;padding:0} body.pcl :where(.pcl-sec){font-family:var(--f)} /* a tipografia e as cores do «kit» do Elementor e do Astra saem das secções novas (estas ganham-lhes por serem mais específicas do que o kit, e perdem para os componentes por estarem em :where) */ body.pcl .pcl-sec :where(.elementor-widget-text-editor,.elementor-heading-title){font-family:var(--f);color:inherit} body.pcl :where(.pcl-sec .elementor-widget-text-editor){font-size:16px;line-height:1.6} body.pcl :where(.pcl-sec .elementor-widget-text-editor p){margin:0} body.pcl :where(.pcl-sec .elementor-widget-text-editor p+p){margin-top:14px} body.pcl :where(.pcl-sec img){max-width:100%;height:auto;display:block} body.pcl :where(.pcl-sec a){color:inherit} body.pcl .pcl-cx{--width:100%;max-width:1200px;--margin-left:auto;--margin-right:auto;--padding-left:24px;--padding-right:24px} body.pcl .pcl-sec :where(h1,h2,h3,h4){font-family:var(--f);font-stretch:118%;line-height:1.08;letter-spacing:-.01em;color:inherit;margin:0;text-transform:none} body.pcl .pcl-sec h2.elementor-heading-title,body.pcl .pcl-sec .pcl-h2 .elementor-heading-title{font-size:clamp(28px,3.4vw,42px);font-weight:800} body.pcl .pcl-sec .pcl-h3 .elementor-heading-title{font-size:26px;margin-bottom:14px} body.pcl .pcl-lead,body.pcl .pcl-lead p{font-size:18px;color:var(--cinza);max-width:60ch} /* ── botões (widget Botão do Elementor com a classe pcl-bt + variante) ── */ body.pcl .pcl-bt .elementor-button,body.pcl a.pcl-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none; font:700 15.5px/1.2 var(--f);border-radius:10px;padding:14px 22px;border:2px solid transparent;cursor:pointer;transition:transform .12s,background .12s; box-shadow:none;fill:currentColor;text-transform:none;letter-spacing:normal} /* o kit do site põe os botões em MAIÚSCULAS — no desenho novo não */ body.pcl .pcl-sec .elementor-button-text,body.pcl .pcl-marcas button,body.pcl .pcl-etq button,body.pcl .pcl-det-bt,body.pcl .pcl-calc button{text-transform:none;letter-spacing:normal} body.pcl .pcl-bt .elementor-button:active,body.pcl a.pcl-bt:active{transform:translateY(1px)} body.pcl .pcl-bt-ambar .elementor-button,body.pcl a.pcl-bt-ambar{background:var(--ambar);color:var(--tinta)} body.pcl .pcl-bt-ambar .elementor-button:hover,body.pcl a.pcl-bt-ambar:hover{background:#f0b252;color:var(--tinta)} body.pcl .pcl-bt-tinta .elementor-button,body.pcl a.pcl-bt-tinta{background:var(--tinta);color:#fff} body.pcl .pcl-bt-tinta .elementor-button:hover,body.pcl a.pcl-bt-tinta:hover{background:var(--tinta-2);color:#fff} body.pcl .pcl-bt-linha .elementor-button,body.pcl a.pcl-bt-linha{background:transparent;border-color:currentColor;color:inherit} body.pcl .pcl-bt-linha .elementor-button:hover{background:rgba(255,255,255,.08)} body.pcl .pcl-bts{flex-direction:row;flex-wrap:wrap;--row-gap:12px;--column-gap:12px} body.pcl .pcl-bts>.elementor-widget{--container-widget-width:auto;width:auto} /* ═══ FAIXA DO HORÁRIO (vem da app) + CABEÇALHO ═══ */ .pcl-faixa{background:var(--tinta);color:#cfe3e5;font:13.5px/1.5 var(--f)} .pcl-faixa .pcl-fx{max-width:1200px;margin:0 auto;padding:8px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap} .pcl-faixa .ab{display:flex;gap:8px;align-items:center} .pcl-faixa .ab i{width:8px;height:8px;border-radius:50%;background:#4cd07a;box-shadow:0 0 0 4px rgba(76,208,122,.18)} .pcl-faixa .ab.neutro i{display:none} .pcl-faixa .ab.fechado i{background:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.18)} .pcl-faixa a{text-decoration:none;color:#fff;font-weight:600} .pcl-faixa .dir{display:flex;gap:18px;flex-wrap:wrap} .pcl-cab{background:#fff;border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:50;font-family:var(--f)} body.admin-bar .pcl-cab{top:32px} .pcl-cab .pcl-cx-c{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:22px;position:relative} .pcl-cab .logo img{height:44px;width:auto;display:block} .pcl-nav{display:flex;gap:2px;margin-left:auto;align-items:center} .pcl-nav ul{list-style:none;margin:0;padding:0} .pcl-nav>ul{display:flex;gap:2px;align-items:center} .pcl-nav a{display:block;text-decoration:none;color:var(--tinta);font-weight:500;font-size:15px;padding:8px 12px;border-radius:8px;white-space:nowrap} .pcl-nav a:hover{background:var(--papel);color:var(--tinta)} .pcl-nav .pcl-nav-app>a{font-weight:700;color:var(--teal)} .pcl-nav .pcl-nav-app>a small{font-weight:600;color:var(--cinza-2);font-size:12px} .pcl-nav li{position:relative} .pcl-nav li.menu-item-has-children>a:after{content:" ▾";font-size:11px;color:var(--cinza-2)} .pcl-nav .sub-menu{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid var(--linha);border-radius:14px; box-shadow:0 20px 40px -18px rgba(12,34,38,.35);padding:10px;min-width:300px;z-index:70} .pcl-nav li:hover>.sub-menu,.pcl-nav li:focus-within>.sub-menu{display:grid} .pcl-nav li.pcl-duas>.sub-menu{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:560px;gap:0 8px} .pcl-nav .sub-menu a{padding:9px 12px;border-radius:10px;white-space:normal} .pcl-nav .sub-menu a b{display:block;font-size:14.5px;font-weight:600} .pcl-nav .sub-menu a span{display:block;font-size:12.5px;color:var(--cinza-2);font-weight:400} .pcl-nav .sub-menu a:hover{background:var(--teal-claro)} .pcl-bt-estado{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:14.5px;border:2px solid var(--tinta);border-radius:10px;padding:8px 14px;white-space:nowrap;color:var(--tinta)} .pcl-bt-estado:hover{background:var(--tinta);color:#fff} .pcl-cesto{text-decoration:none;font-size:20px} /* o seletor de idioma do GTranslate: só bandeiras. No computador no cabeçalho; no telemóvel dentro do ☰ */ .pcl-idioma,.pcl-idioma-m{font:500 13px var(--f);flex:none} .pcl-idioma a.glink,.pcl-idioma-m a.glink{display:inline-block;margin:0 2px;opacity:.85;text-decoration:none} .pcl-idioma a.glink:hover,.pcl-idioma-m a.glink:hover,.pcl-idioma a.gt-current-lang,.pcl-idioma-m a.gt-current-lang{opacity:1} .pcl-idioma img,.pcl-idioma-m img{width:22px!important;height:22px!important;display:block} .pcl-idioma .gtranslate_wrapper,.pcl-idioma-m .gtranslate_wrapper{display:flex;gap:2px;align-items:center} .pcl-idioma-m{display:none} /* o GTranslate desenha as bandeiras por JavaScript DEPOIS de a página carregar — sem o espaço reservado o cabeçalho saltava quando elas apareciam (achado dele, 29/09). 4 bandeiras × (22 + 4) px */ .pcl-idioma{min-width:108px;min-height:24px} .pcl-cab .logo,.pcl-cesto,.pcl-bt-estado,.pcl-burger{flex:none} .pcl-burger{white-space:nowrap} /* o kit antigo pinta os botões de vermelho ao passar/focar */ .pcl-burger:hover,.pcl-burger:focus,.pcl-burger:active{background:var(--tinta)!important;color:#fff!important} /* depois da tradução o Google come o espaço antes de um nome protegido («byPCiLAB») */ .pcl-nav .pcl-nav-app>a small .notranslate{margin-left:.25em} .pcl-burger{display:none;border:0;background:var(--tinta);color:#fff;border-radius:8px;padding:8px 12px;font:600 14px var(--f);cursor:pointer} /* ═══ HERÓI: a oficina + a etiqueta ═══ */ body.pcl .pcl-heroi{background:var(--papel);position:relative;overflow:hidden} body.pcl .pcl-heroi:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(12,34,38,.08) 1px,transparent 0);background-size:22px 22px;pointer-events:none} body.pcl .pcl-heroi>.pcl-cx{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);--column-gap:56px;align-items:center;--padding-top:72px;--padding-bottom:84px} body.pcl .pcl-kicker p,body.pcl .pcl-kicker{font-size:14px;font-weight:600;color:var(--teal)} body.pcl .pcl-kicker{--container-widget-width:auto;width:auto;align-self:flex-start;background:#fff;border:1px solid var(--linha);border-radius:999px;padding:5px 12px;margin-bottom:16px!important} body.pcl .pcl-heroi h1{font-size:clamp(28px,2.9vw,40px);line-height:1.15;max-width:22ch;font-weight:800} body.pcl .pcl-heroi h1 em{font-style:normal;color:var(--teal)} body.pcl .pcl-heroi .pcl-lead{margin:20px 0 30px!important} body.pcl .pcl-factos .fl{display:flex;gap:28px;flex-wrap:wrap} body.pcl .pcl-factos{margin-top:38px!important;font-size:14px;color:var(--cinza)} body.pcl .pcl-factos b{display:block;font-size:26px;font-stretch:118%;color:var(--tinta);line-height:1.1} body.pcl .pcl-factos .estrelas{color:#f2b01e;font-size:20px} /* A ETIQUETA — [pcilab_etiqueta]: a etiqueta térmica 62×38 que vai colada no equipamento */ .pcl-etq-wrap{position:relative;font-family:var(--f)} .pcl-etq{background:#fff;border-radius:18px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 30px 60px -20px rgba(12,34,38,.35);padding:22px 22px 20px;position:relative;transform:rotate(-2deg);color:var(--tinta)} .pcl-etq:before,.pcl-etq:after{content:"";position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--papel);transform:translateY(-50%)} .pcl-etq:before{left:-11px}.pcl-etq:after{right:-11px} .pcl-etq .topo{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:2px dashed var(--linha);padding-bottom:14px} .pcl-etq .topo small{font-size:12px;color:var(--cinza-2);display:block} .pcl-etq .topo strong{font-size:24px;font-stretch:125%;letter-spacing:.02em} .pcl-etq .qr{width:84px;height:84px;flex:none;background:#fff;border:1px solid var(--linha);border-radius:8px;padding:5px} .pcl-etq .qr svg{width:100%;height:100%;display:block} .pcl-etq .eq{font-size:14px;color:var(--cinza);margin-top:10px} .pcl-etq .eq b{color:var(--tinta)} .pcl-etq form{margin:16px 0 0;display:grid;gap:10px} .pcl-etq label{font-size:12.5px;font-weight:600;color:var(--cinza)} .pcl-etq input{width:100%;border:2px solid var(--linha);border-radius:10px;padding:11px 12px;font:600 16px var(--f);letter-spacing:.04em;color:var(--tinta);background:#fff} .pcl-etq input:focus{border-color:var(--teal);outline:none} .pcl-etq .l2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px} .pcl-etq button{border:0} .pcl-etq .pe{font-size:12.5px;color:var(--cinza-2);margin-top:10px} .pcl-etq-legenda{position:absolute;right:-8px;bottom:-78px;background:var(--tinta);color:#fff;border-radius:10px;padding:8px 12px;font-size:12.5px;line-height:1.45;max-width:260px;transform:rotate(1.5deg)} .pcl-etq-legenda b{color:var(--menta)} /* numa página própria (o «Estado da reparação») a etiqueta fica direita e ao centro */ .pcl-etq-wrap.solta{max-width:460px;margin:0 auto} .pcl-etq-wrap.solta .pcl-etq{transform:none} .pcl-etq-wrap.solta .pcl-etq-legenda{position:static;transform:none;margin-top:14px;max-width:none} /* ═══ VITRINE: os banners de sempre, refeitos (contentores .pcl-slide, o JS faz o resto) ═══ */ body.pcl .pcl-vitrine{background:#fff;--padding-top:70px;--padding-bottom:30px} body.pcl .pcl-vit-cab{flex-direction:row;justify-content:space-between;align-items:flex-end;--column-gap:16px;--row-gap:12px;flex-wrap:wrap;margin-bottom:22px!important} body.pcl .pcl-vit-cab>.elementor-widget{--container-widget-width:auto;width:auto} body.pcl .pcl-vit-cab .pcl-lead{max-width:44ch} body.pcl .pcl-vit{position:relative;border-radius:22px;overflow:hidden;background:var(--tinta);min-height:360px;display:block!important} body.pcl .pcl-slide{position:absolute!important;inset:0;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);opacity:0;visibility:hidden;transition:opacity .5s} body.pcl .pcl-slide.on,body.pcl .pcl-vit:not(.pcl-js) .pcl-slide:first-child{opacity:1;visibility:visible} body.pcl .pcl-slide-tx{--padding-top:44px;--padding-bottom:44px;--padding-left:48px;--padding-right:48px;color:#fff;justify-content:center;--row-gap:14px} body.pcl .pcl-slide-marca{background:#fff;border-radius:12px;padding:10px 14px;--container-widget-width:auto;width:auto;align-self:flex-start;max-width:320px} body.pcl .pcl-slide-marca img{max-height:62px!important;width:auto!important} body.pcl .pcl-slide-nome{display:none} body.pcl .pcl-slide h3{font-size:clamp(24px,2.6vw,34px);font-weight:800} body.pcl .pcl-slide-tx .elementor-widget-text-editor{color:#bcd6d9;max-width:44ch} body.pcl .pcl-slide-tx .pcl-bt{--container-widget-width:auto;width:auto;align-self:flex-start} body.pcl .pcl-slide-foto{background:#fff;display:grid!important;place-items:center;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);grid-auto-flow:column;--column-gap:10px} body.pcl .pcl-slide-foto img{max-height:300px!important;width:auto!important;object-fit:contain} body.pcl .pcl-slide-foto>.elementor-widget:nth-child(2)~*,body.pcl .pcl-slide-foto:has(>.elementor-widget:nth-child(2)) img{max-height:220px!important} body.pcl .pcl-slide.claro{background:var(--papel)} body.pcl .pcl-slide.claro .pcl-slide-tx{color:var(--tinta)} body.pcl .pcl-slide.claro .pcl-slide-tx .elementor-widget-text-editor{color:var(--cinza)} .pcl-marcas{display:flex;gap:10px;margin-top:14px;overflow-x:auto;padding-bottom:6px;width:100%;max-width:100%;min-width:0} /* rede: nada de uma secção nova pode empurrar a página para o lado (clip não cria barra de scroll) */ body.pcl .pcl-sec{overflow-x:clip} .pcl-marcas button{flex:0 0 auto;border:2px solid var(--linha);background:#fff;border-radius:12px;padding:8px 12px;height:54px;cursor:pointer;display:grid;place-items:center;font:700 14px var(--f);color:var(--tinta)} .pcl-marcas button img{max-height:32px;width:auto} .pcl-marcas button.on{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-claro)} /* ═══ SERVIÇOS (página inicial) ═══ */ body.pcl .pcl-servicos{--padding-top:80px;--padding-bottom:80px;background:var(--papel)} body.pcl .pcl-servicos .pcl-lead{margin-top:12px!important} body.pcl .pcl-serv-g{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);--column-gap:40px;--row-gap:36px;margin-top:34px!important;align-items:start} body.pcl .pcl-icos{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));--row-gap:16px;--column-gap:16px} body.pcl .pcl-ico{background:#fff;border-radius:var(--raio);--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;flex-direction:row!important;--column-gap:16px;align-items:center;text-decoration:none;border:1px solid var(--linha);transition:border-color .15s} body.pcl .pcl-ico:hover{border-color:var(--teal)} body.pcl .pcl-ico{flex-wrap:nowrap!important} body.pcl .pcl-ico>.elementor-widget-text-editor{flex:1 1 auto;min-width:0;width:auto;--container-widget-width:auto} body.pcl .pcl-ico>.elementor-widget-image{--container-widget-width:72px;width:72px;flex:none} body.pcl .pcl-ico b{display:block;font-size:17px;font-stretch:110%} body.pcl .pcl-ico span{font-size:13.5px;color:var(--cinza);line-height:1.5;display:block} body.pcl .pcl-lista-s{background:#fff;border-radius:var(--raio);border:1px solid var(--linha);overflow:hidden} body.pcl .pcl-lista-s p{margin:0!important} body.pcl .pcl-lista-s a{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--linha);text-decoration:none;font-weight:500} body.pcl .pcl-lista-s p:last-child a,body.pcl .pcl-lista-s a:last-child{border-bottom:0} body.pcl .pcl-lista-s a:hover{background:var(--teal-claro)} body.pcl .pcl-lista-s a span{color:var(--cinza-2);font-size:13.5px;font-weight:400;text-align:right} body.pcl .pcl-lista-s a.todos{font-weight:700;color:var(--teal)} body.pcl .pcl-garantia{margin-top:16px!important;background:var(--tinta);color:#dcecee;border-radius:var(--raio);padding:16px 18px;font-size:14.5px} body.pcl .pcl-garantia b{color:#fff} /* ═══ FOLHAS DE OBRA by PCiLAB ═══ */ body.pcl .pcl-app{background:var(--tinta);color:#fff;--padding-top:90px;--padding-bottom:90px;position:relative;overflow:hidden} body.pcl .pcl-app:before{content:"";position:absolute;right:-200px;top:-200px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(63,184,196,.28),transparent 65%)} body.pcl .pcl-app>.pcl-cx{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);--column-gap:50px;--row-gap:36px;align-items:center} body.pcl .pcl-marca-app{flex-direction:row!important;align-items:center;--column-gap:10px;margin-bottom:18px!important} body.pcl .pcl-marca-app>.elementor-widget{--container-widget-width:auto;width:auto} /* o logótipo «Folhas de Obra by PCiLAB» já traz o «by PCiLAB» — o texto ao lado era repetido (29/09); e o logótipo passou ao dobro (30 → 64 px) */ body.pcl .pcl-marca-app img{height:64px!important;width:auto!important;filter:brightness(0) invert(1)} body.pcl .pcl-marca-app .elementor-widget-text-editor{display:none} body.pcl .pcl-app .pcl-lead,body.pcl .pcl-app .pcl-lead p{color:#b9d3d6} body.pcl .pcl-app .pcl-lead{margin:16px 0 22px!important} body.pcl .pcl-app ul{list-style:none;display:grid;gap:12px;margin:0 0 28px;padding:0} body.pcl .pcl-app li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;color:#e4f1f2} body.pcl .pcl-app li i{font-style:normal;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:14px} body.pcl .pcl-app .pcl-bt-linha .elementor-button{color:#fff} body.pcl .pcl-promo{margin-top:20px!important;font-size:14px;color:#cfe3e5} body.pcl .pcl-promo b{background:var(--ambar);color:var(--tinta);border-radius:8px;padding:3px 9px;white-space:nowrap;margin-right:8px} body.pcl .pcl-ecra{position:relative;--padding-bottom:28px} body.pcl .pcl-portatil{background:#08171a;border:1px solid #23474d;border-radius:14px 14px 0 0;--padding-top:10px;--padding-left:10px;--padding-right:10px;box-shadow:0 40px 80px -20px rgba(0,0,0,.6)} body.pcl .pcl-portatil img{border-radius:5px 5px 0 0} body.pcl .pcl-base{height:14px;background:linear-gradient(#b8c4c6,#7f8e91);border-radius:0 0 16px 16px;--margin-left:-20px;--margin-right:-20px;--width:calc(100% + 40px)} body.pcl .pcl-tlm{position:absolute!important;right:-10px;bottom:0;--width:29%;width:29%;background:#000;border-radius:24px;--padding-top:7px;--padding-bottom:7px;--padding-left:7px;--padding-right:7px;box-shadow:0 20px 40px rgba(0,0,0,.55)} body.pcl .pcl-tlm img{border-radius:17px} body.pcl .pcl-dog{position:absolute!important;left:-12px;top:-16px;z-index:2;--container-widget-width:auto;width:auto;background:var(--ambar);color:var(--tinta);font-weight:700;font-size:13px;border-radius:999px;padding:6px 12px} /* ═══ LOJA (destaques da loja da plataforma, [pcilab_destaques]) ═══ */ body.pcl .pcl-loja{--padding-top:84px;--padding-bottom:84px} body.pcl .pcl-loja-cab{flex-direction:row!important;justify-content:space-between;align-items:flex-end;--column-gap:16px;--row-gap:12px;flex-wrap:wrap;margin-bottom:26px!important} body.pcl .pcl-loja-cab>.elementor-widget{--container-widget-width:auto;width:auto} .pcl-carrossel{position:relative;font-family:var(--f)} .pcl-carrossel .pista{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:6px;scrollbar-width:none} .pcl-carrossel .pista::-webkit-scrollbar{display:none} .pcl-carrossel .seta{position:absolute;top:38%;width:44px;height:44px;border-radius:50%;border:1px solid var(--linha);background:#fff;color:var(--tinta);box-shadow:0 8px 18px -8px rgba(0,0,0,.3);font-size:18px;cursor:pointer;z-index:2} .pcl-carrossel .seta.e{left:-18px}.pcl-carrossel .seta.d{right:-18px} .pcl-art{text-decoration:none;color:var(--tinta);border-radius:var(--raio);border:1px solid var(--linha);overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:transform .15s,box-shadow .15s;scroll-snap-align:start} .pcl-art:hover{transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(12,34,38,.4);color:var(--tinta)} .pcl-art .im{aspect-ratio:1/1;display:grid;place-items:center;padding:18px;background:#fff;position:relative;overflow:hidden} .pcl-art .im img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain} .pcl-art .tx{padding:4px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1} .pcl-art .fam{font-size:12px;color:var(--cinza-2)} .pcl-art h4{font:600 15px/1.35 var(--f);margin:0;color:var(--tinta)} .pcl-art .pr{margin-top:auto;padding-top:8px;font-size:18px;font-weight:800;font-stretch:110%} .pcl-art .pr small{font-size:11.5px;font-weight:500;color:var(--cinza-2);font-stretch:100%} .pcl-art .stk{font-size:12px;color:var(--verde)} .pcl-art .selo{position:absolute;left:12px;top:12px;background:var(--ambar);color:var(--tinta);font-size:12px;font-weight:800;border-radius:6px;padding:3px 8px} /* ═══ AVALIAÇÕES ═══ */ body.pcl .pcl-avals{background:var(--papel);--padding-top:84px;--padding-bottom:84px;overflow:hidden} body.pcl .pcl-av-cab{margin-bottom:28px!important} /* ═══ SOBRE (resumo da página inicial) ═══ */ body.pcl .pcl-sobre-min{--padding-top:80px;--padding-bottom:80px} body.pcl .pcl-sobre-min>.pcl-cx{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);--column-gap:48px;--row-gap:32px;align-items:center} body.pcl .pcl-sobre-min .elementor-widget-text-editor{color:var(--cinza);max-width:62ch} body.pcl .pcl-sobre-min .elementor-widget-text-editor:not(:first-child){margin-top:12px} body.pcl .pcl-sobre-min .pcl-bt{margin-top:22px!important;--container-widget-width:auto;width:auto;align-self:flex-start} body.pcl .pcl-numeros .fl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} body.pcl .pcl-numeros .n{background:var(--papel);border-radius:var(--raio);padding:18px} body.pcl .pcl-numeros b{display:block;font-size:30px;font-stretch:118%;line-height:1.05;color:var(--teal)} body.pcl .pcl-numeros span{font-size:13.5px;color:var(--cinza)} body.pcl .pcl-parceiros{border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);--padding-top:28px;--padding-bottom:28px} body.pcl .pcl-parceiros .elementor-widget-text-editor>div,body.pcl .pcl-parceiros .pcl-marcas-p{display:flex;flex-wrap:wrap;gap:22px 44px;align-items:center;justify-content:center;color:#7b8b8d;font-weight:700;font-stretch:112%;font-size:17px} body.pcl .pcl-parceiros img{height:30px;width:auto;filter:grayscale(1);opacity:.75;display:inline-block} /* ═══ CONTACTOS ═══ */ body.pcl .pcl-contactos{background:var(--papel);--padding-top:90px;--padding-bottom:90px} body.pcl .pcl-contactos>.pcl-cx{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);--column-gap:40px;--row-gap:36px} body.pcl .pcl-dados{margin-top:22px!important} .pcilab-sl-contactos ul,body.pcl .pcl-dados ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:15px} body.pcl .pcl-contactos .pcilab-sl-horario{margin-top:18px} body.pcl .pcl-contactos .pcilab-sl-horario table{border-collapse:collapse;font-size:15px} body.pcl .pcl-contactos .pcilab-sl-aviso{background:#fff7e6!important;border:1px solid #f0d9a8!important;color:#6a4a0c;border-radius:12px;padding:12px 14px!important;font-size:13.5px} body.pcl .pcl-mapa{margin-top:18px!important;border-radius:var(--raio);overflow:hidden;border:1px solid var(--linha)} body.pcl .pcl-mapa iframe{height:220px!important;display:block} body.pcl .pcl-form{background:#fff;border-radius:18px;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;border:1px solid var(--linha)} body.pcl .pcl-form h3{font-size:22px;margin-bottom:10px} /* o formulário da app ([pcilab_formulario], plugin «Ligação ao site» ≥ 1.3.0) */ .pcilab-sl-form{font-family:var(--f);color:var(--tinta)} .pcilab-sl-form .tipos{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px} .pcilab-sl-form .tipos input{position:absolute;opacity:0;pointer-events:none} .pcilab-sl-form .tipos label{border:2px solid var(--linha);background:#fff;border-radius:999px;padding:7px 14px;font:600 14px var(--f);cursor:pointer;margin:0;color:var(--tinta)} .pcilab-sl-form .tipos input:checked+label{border-color:var(--teal);background:var(--teal-claro);color:var(--teal)} .pcilab-sl-form .tipos input:focus-visible+label{outline:3px solid var(--ambar);outline-offset:2px} .pcilab-sl-form .g2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px} .pcilab-sl-form label{display:block;font-size:13px;font-weight:600;color:var(--cinza);margin:10px 0 4px} .pcilab-sl-form input:not([type=radio]),.pcilab-sl-form textarea{width:100%;border:2px solid var(--linha);border-radius:10px;padding:11px 12px;font:15px var(--f);color:var(--tinta);background:#fff} .pcilab-sl-form input:focus,.pcilab-sl-form textarea:focus{border-color:var(--teal);outline:none} .pcilab-sl-form textarea{min-height:110px;resize:vertical} .pcilab-sl-form .dica{font-size:12.5px;color:var(--cinza-2);margin:4px 0 0} .pcilab-sl-form .rgpd{font-size:12.5px;color:var(--cinza-2);margin:12px 0 16px} .pcilab-sl-form button.pcl-bt{width:100%;border:0;font:700 15.5px var(--f);border-radius:10px;padding:14px 22px;cursor:pointer;background:var(--ambar);color:var(--tinta);text-transform:none;letter-spacing:normal} .pcilab-sl-form button.pcl-bt:hover{background:#f0b252} .pcilab-sl-ok{background:#e8f5ec;border:1px solid #b7dfc3;color:#1b5e2f;border-radius:10px;padding:12px 14px;margin-bottom:12px;font-weight:600} .pcilab-sl-erro{background:#fdecec;border:1px solid #f3c2c2;color:#8a1f1f;border-radius:10px;padding:12px 14px;margin-bottom:12px} @media (max-width:620px){.pcilab-sl-form .g2{grid-template-columns:minmax(0,1fr)}} /* as avaliações (plugin WP Google Review Slider): todas do MESMO tamanho — o texto corta ao fim de 6 linhas em vez de esticar o cartão */ body.pcl .pcl-avals .wprevpro_t1_DIV_2,body.pcl .pcl-avals .indrevdiv{height:230px!important;overflow:hidden;display:flex;flex-direction:column} body.pcl .pcl-avals .wprevpro_t1_P_3{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden} body.pcl .pcl-avals .w3_wprs-col{vertical-align:top} /* ═══ PÁGINAS INTERIORES ═══ */ body.pcl .pcl-pag-cab{background:var(--papel);--padding-top:54px;--padding-bottom:40px;border-bottom:1px solid var(--linha)} body.pcl .pcl-mig{font-size:13px;color:var(--cinza-2);margin-bottom:10px!important} body.pcl .pcl-mig a{color:var(--teal);text-decoration:none} body.pcl .pcl-pag-cab h1{font-size:clamp(30px,3.4vw,44px);font-weight:800} body.pcl .pcl-pag-cab .pcl-lead{margin-top:10px!important} body.pcl .pcl-indice{margin-top:22px!important} body.pcl .pcl-indice p{display:flex;gap:8px;flex-wrap:wrap} body.pcl .pcl-indice a{text-decoration:none;border:1px solid var(--linha);background:#fff;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:500} body.pcl .pcl-indice a:hover{border-color:var(--teal);color:var(--teal)} body.pcl .pcl-pag{--padding-top:56px;--padding-bottom:80px} body.pcl .pcl-pag .pcl-vit{margin-top:18px} body.pcl .pcl-vref{--padding-top:64px} body.pcl .pcl-vref .pcl-lead,body.pcl .pcl-precos-sec .pcl-lead{margin-top:8px!important} /* um serviço: ícone · texto (+ «Mais detalhes») · acção */ body.pcl .pcl-serv{display:grid!important;grid-template-columns:120px minmax(0,1fr) auto;--column-gap:24px;--row-gap:14px;align-items:start;--padding-top:30px;--padding-bottom:30px;border-bottom:1px solid var(--linha)} body.pcl .pcl-serv>.elementor-widget-image img{width:96px!important;height:96px!important;object-fit:contain} body.pcl .pcl-serv h2.elementor-heading-title{font-size:26px} body.pcl .pcl-serv-tx .elementor-widget-text-editor{color:var(--cinza);margin-top:8px!important;max-width:70ch} body.pcl .pcl-serv>.pcl-bt{--container-widget-width:auto;width:auto} /* «Mais detalhes»: o texto completo da página original, num widget de texto normal (o botão é o JS) */ body.pcl .pcl-det-bt{align-self:flex-start;width:auto;margin-top:12px;border:2px solid var(--linha);background:#fff;border-radius:999px;padding:7px 14px;font:700 14px var(--f);color:var(--teal);cursor:pointer} body.pcl .pcl-det-bt span{display:inline-block;transition:transform .2s} body.pcl .pcl-det-bt.on{border-color:var(--teal);background:var(--teal-claro)} body.pcl .pcl-det-bt.on span{transform:rotate(180deg)} body.pcl .pcl-det.pcl-js:not(.on){display:none} body.pcl .pcl-det{margin-top:14px!important;background:var(--papel);border-radius:14px;padding:18px 20px;color:#34484b!important;font-size:15px;columns:2 240px;column-gap:28px} body.pcl .pcl-det p{break-inside:avoid;column-span:all} body.pcl .pcl-det p:last-child{font-weight:700;color:var(--teal)} body.pcl .pcl-det h4{font:700 14px var(--f);font-stretch:110%;margin:4px 0 6px;color:var(--tinta);break-after:avoid} body.pcl .pcl-det ul{margin:0 0 12px 18px;padding:0;font-size:14.5px;break-inside:avoid-column} body.pcl .pcl-det li{margin:2px 0} /* a tabela de preços (vem da app — [pcilab_precos]) */ body.pcl .pcl-precos-sec{--padding-top:44px} .pcl-precos{border:1px solid var(--linha);border-radius:18px;overflow:hidden;margin-top:18px;font-family:var(--f)} .pcl-precos .l{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:16px 20px;border-bottom:1px solid var(--linha);align-items:center} .pcl-precos .l:last-child{border-bottom:0} .pcl-precos .l b{display:block} .pcl-precos .l span{font-size:13.5px;color:var(--cinza)} .pcl-precos .pr{font-size:20px;font-weight:800;font-stretch:112%;white-space:nowrap;text-align:right} .pcl-precos .pr small{display:block;font-size:11.5px;font-weight:600;color:var(--cinza-2);font-stretch:100%} .pcl-precos .fam-t{background:var(--papel);padding:10px 20px;font-weight:700;font-size:13.5px;color:var(--teal)} /* calculadora de Vref — [pcilab_vref] */ .pcl-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:22px;font-family:var(--f);color:var(--tinta)} .pcl-calc .caixa{background:#fff;border:1px solid var(--linha);border-radius:18px;padding:22px} .pcl-calc label{display:block;font-size:13px;font-weight:600;color:var(--cinza);margin:12px 0 5px} .pcl-calc select{width:100%;border:2px solid var(--linha);border-radius:10px;padding:10px 12px;font:600 15px var(--f);background:#fff;color:var(--tinta)} .pcl-calc .drivers{display:flex;gap:8px;flex-wrap:wrap} .pcl-calc .drivers button{border:2px solid var(--linha);background:#fff;border-radius:10px;padding:8px 14px;font:700 14px var(--f);cursor:pointer;color:var(--tinta)} .pcl-calc .drivers button.on{border-color:var(--teal);background:var(--teal-claro);color:var(--teal)} .pcl-calc .res{background:var(--tinta);color:#fff;border-radius:18px;padding:24px} .pcl-calc .res .v{font-size:56px;font-weight:800;font-stretch:118%;line-height:1;color:var(--menta)} .pcl-calc .res .f{font-size:14px;color:#b9d3d6;margin-top:10px} .pcl-calc .res a{color:#fff} .pcl-calc .dica{margin-top:14px;background:#fff7e6;border:1px solid #f0d9a8;color:#6a4a0c;border-radius:12px;padding:12px 14px;font-size:13.5px} /* sobre nós (página própria) */ body.pcl .pcl-sobre-p{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);--column-gap:48px;--row-gap:36px} body.pcl .pcl-sobre-p .pcl-texto .elementor-widget-text-editor{color:#34484b;font-size:17px} body.pcl .pcl-sobre-p .pcl-texto .elementor-widget-text-editor p+p{margin-top:14px} body.pcl .pcl-valores3 .fl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0} body.pcl .pcl-valores3 .v{border:1px solid var(--linha);border-radius:var(--raio);padding:18px} body.pcl .pcl-valores3 b{display:block;font-size:17px;font-stretch:110%;margin-bottom:4px} body.pcl .pcl-valores3 span{font-size:14px;color:var(--cinza)} body.pcl .pcl-dedica{margin-top:26px!important;border-left:3px solid var(--menta);padding:6px 0 6px 16px;font-size:14.5px;color:var(--cinza)} body.pcl .pcl-dedica b{color:var(--tinta)} body.pcl .pcl-equipa .fl{display:grid;gap:12px} body.pcl .pcl-pessoa{display:flex;gap:14px;align-items:center;border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px} body.pcl .pcl-pessoa .ini{width:48px;height:48px;border-radius:12px;background:var(--teal-claro);color:var(--teal);display:grid;place-items:center;font-weight:800;font-stretch:118%;flex:none} body.pcl .pcl-pessoa b{display:block} body.pcl .pcl-pessoa span{font-size:13.5px;color:var(--cinza)} /* ═══ RODAPÉ ═══ */ .pcl-rod{background:var(--tinta);color:#a9c2c5;padding:56px 0 22px;font:14px/1.6 var(--f)} .pcl-rod .pcl-cx-r{max-width:1200px;margin:0 auto;padding:0 24px} .pcl-rod .cols{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:28px} .pcl-rod h5{color:#fff;font:700 15px var(--f);font-stretch:112%;margin:0 0 10px} .pcl-rod ul{list-style:none;margin:0;padding:0} .pcl-rod a{display:block;color:#cfe3e5;text-decoration:none;margin:5px 0} .pcl-rod a:hover{color:#fff} .pcl-rod .logo-b img{height:40px;width:auto;opacity:.95;margin-bottom:12px} .pcl-rod .marca-t p{margin:0} .pcl-rod .livro{display:inline-flex;gap:8px;align-items:center;border:1px solid #2c555b;border-radius:8px;padding:6px 10px;margin-top:10px} .pcl-rod .fin{border-top:1px solid #23474d;margin-top:32px;padding-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#7f9a9d} /* o botão do formulário da etiqueta (um