/* Placa de obra (placa-obra.js). Medidas em em: 1em = 1/20 da altura da placa. */
@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;src:url('assets/manrope-latin-ext.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
.po{position:relative;width:var(--po-l);height:20em;display:grid;grid-template-columns:minmax(0,1fr) var(--po-qr-col);background:var(--po-fundo);color:var(--po-texto);font-family:Manrope,system-ui,sans-serif;overflow:hidden;line-height:1.15;text-align:left;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.po--escuro{background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,var(--po-fundo) 88%,#fff),var(--po-fundo) 60%)}
.po *,.po *::before,.po *::after{box-sizing:border-box}
.po::after{content:"";position:absolute;left:0;right:var(--po-qr-col);bottom:0;height:.5em;background:var(--po-cor)}
.po-marca{padding:1.4em 1.5em 1.45em 1.7em;display:flex;flex-direction:column;min-width:0}
.po-rotulo{display:block;font-size:.55em;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--po-rotulo);line-height:1.2}
.po-id{margin-top:.9em;display:flex;flex-direction:column;align-items:flex-start;gap:.28em;min-width:0}
.po-logo{height:4.1em;max-width:12em;display:flex;align-items:center;margin-bottom:.45em}
.po-logo img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:.55em}
.po-nome{display:block;font-weight:800;letter-spacing:-.045em;line-height:.98;color:var(--po-texto);text-wrap:balance;max-width:100%;overflow-wrap:break-word}
.po-traco{display:block;width:2.6em;height:.34em;background:var(--po-cor);border-radius:.1em;margin:.1em 0 .55em}
.po-atividade{display:block;font-size:.98em;font-weight:800;color:var(--po-destaque);margin-top:.22em;letter-spacing:-.01em}
.po--nome .po-atividade{font-size:1.08em;margin-top:.35em}
.po-servicos{margin:.75em 0 0;font-size:.62em;font-weight:600;color:var(--po-suave);line-height:1.55;max-width:38em}
.po-servicos b{margin:0 .15em;color:var(--po-destaque);opacity:.55;font-weight:800}
.po-servicos span{white-space:nowrap}
/* Fundo gerado no Estúdio: aparece por trás da marca, coberto por um véu da cor de fundo para o texto continuar legível */
.po--textura .po-marca{background:linear-gradient(color-mix(in srgb,var(--po-fundo) 88%,transparent),color-mix(in srgb,var(--po-fundo) 88%,transparent)),var(--po-textura) center/cover}
/* WhatsApp: o mesmo botão verde do cartão */
.po-zap{position:relative;margin-top:auto;display:flex;align-items:center;gap:.55em;padding:.55em 2.1em .55em .6em;border-radius:.7em;background:linear-gradient(180deg,#2F8A5E,#1D6243);box-shadow:inset 0 .06em 0 #FFFFFF33,inset 0 -.08em 0 #00000026,0 .3em .8em #0B3A2433;color:#fff;align-self:stretch;max-width:16.4em}
.po-zap-icone{display:grid;place-items:center;width:2.15em;height:2.15em;border-radius:.55em;background:#FFFFFF1F;flex:none}
.po-zap-icone svg{width:1.3em;height:1.3em}
.po-zap-texto{display:grid;gap:.18em;min-width:0}
.po-zap-texto small{font-size:.46em;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.82}
.po-zap-texto strong{font-size:1.42em;font-weight:800;letter-spacing:-.03em;line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.po-zap-seta{position:absolute;top:.5em;right:.55em;width:.85em;height:.85em;opacity:.85}
.po-zap-seta svg{display:block;width:100%;height:100%}
.po-painel{background:linear-gradient(180deg,var(--po-cor),var(--po-cor-fundo));color:var(--po-tinta-painel);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.2em .9em}
.po-painel .po-rotulo{color:inherit;opacity:.8;letter-spacing:.16em;font-size:.5em;margin-bottom:1em}
.po-qr{width:7.6em;aspect-ratio:1;background:#fff;border-radius:.55em;padding:.5em;box-shadow:0 .15em .6em #0B132033;display:grid;place-items:center}
.po-qr svg{display:block;width:100%;height:100%}
.po-qr em{font-style:normal;font-size:.55em;font-weight:800;color:#8A93A3;letter-spacing:.1em;text-transform:uppercase}
.po-painel strong{font-size:1.08em;font-weight:800;margin-top:.8em;letter-spacing:-.015em}
.po-url{font-size:.52em;font-weight:700;opacity:.85;margin-top:.4em;overflow-wrap:anywhere;line-height:1.3}

/* Placa aplicada na foto da obra */
.po-cena{position:relative;overflow:hidden;width:100%;background:#CFD6DE;display:block}
.po-mundo{position:absolute;left:0;top:0;transform-origin:0 0}
.po-foto,.po-luz{position:absolute;left:0;top:0;width:100%;height:100%;display:block;max-width:none}
.po-projetada{position:absolute;left:0;top:0;transform-origin:0 0;filter:saturate(.93) contrast(.97);backface-visibility:hidden}
.po-luz{mix-blend-mode:multiply;pointer-events:none}