/* Kit de adesivos, estilo Clean (adesivo.js): retangular, quadrado e redondo. Dentro do adesivo, 1em = 1 mm. */
.ad{position:relative;overflow:hidden;box-sizing:border-box;font-family:Manrope,system-ui,sans-serif;line-height:1.1;color:var(--ad-texto);background:var(--ad-fundo);-webkit-font-smoothing:antialiased;text-align:left}
.ad *,.ad *::before,.ad *::after{box-sizing:border-box}
.ad--escuro{background:linear-gradient(135deg,color-mix(in srgb,var(--ad-fundo) 84%,#fff),var(--ad-fundo) 55%)}
.ad-nome{display:block;font-weight:800;letter-spacing:-.045em;line-height:1;color:var(--ad-texto);max-width:100%;overflow-wrap:break-word;text-wrap:balance}
.ad-logo{display:block;height:7.5em;max-width:24em;object-fit:contain;border-radius:1.4em}
.ad-linha{display:block;width:10em;height:.45em;border-radius:.3em;background:var(--ad-cor)}
.ad-fone{display:inline-flex;align-items:center;gap:.35em;font-size:3.8em;font-weight:700;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ad-texto)}
.ad-fone svg{width:.95em;height:.95em;flex:none;color:var(--ad-destaque)}
.ad-link{font-size:2.2em;font-weight:600;color:var(--ad-suave);letter-spacing:.01em}
/* QR sempre branco, com cantos de mira na cor do tema */
.ad-qr{position:relative;display:block;flex:none;background:#fff;padding:1.8em;border-radius:1.6em}
.ad-qr svg{position:relative;display:block;width:100%;height:100%}
.ad-mira{position:absolute;inset:-1.7em;pointer-events:none;--c:var(--ad-cor);--l:4.2em;--e:.5em;background:
 linear-gradient(var(--c),var(--c)) top left/var(--l) var(--e),linear-gradient(var(--c),var(--c)) top left/var(--e) var(--l),
 linear-gradient(var(--c),var(--c)) top right/var(--l) var(--e),linear-gradient(var(--c),var(--c)) top right/var(--e) var(--l),
 linear-gradient(var(--c),var(--c)) bottom left/var(--l) var(--e),linear-gradient(var(--c),var(--c)) bottom left/var(--e) var(--l),
 linear-gradient(var(--c),var(--c)) bottom right/var(--l) var(--e),linear-gradient(var(--c),var(--c)) bottom right/var(--e) var(--l);background-repeat:no-repeat}

/* Retangular 90 × 50 */
.ad--retangular{width:90em;height:50em;border-radius:3em;display:flex;align-items:center;gap:6.5em;padding:0 5em 0 7em;box-shadow:inset 0 0 0 .25em color-mix(in srgb,var(--ad-texto) 10%,transparent)}
.ad--retangular .ad-qr{width:30em;height:30em}
.ad--retangular .ad-texto{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1.6em}
.ad--retangular .ad-linha{margin:.4em 0}

/* Quadrado 60 × 60 */
.ad--quadrado{width:60em;height:60em;border-radius:3em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4.4em;padding:5em 4em 4.5em;text-align:center;box-shadow:inset 0 0 0 .25em color-mix(in srgb,var(--ad-texto) 10%,transparent)}
.ad--quadrado .ad-qr{width:31em;height:31em}
.ad--quadrado .ad-texto{display:flex;flex-direction:column;align-items:center;gap:1.3em;max-width:100%}
.ad--quadrado .ad-nome{text-align:center}
.ad--quadrado .ad-linha{width:8em;height:.4em}
.ad--quadrado .ad-fone{font-size:3.1em}

/* Redondo: desenhado em 60 unidades e escalado para 10 cm pelo adesivo.js. O QR é o foco, anel fino na cor do tema e o telefone embaixo */
.ad--redondo{width:60em;height:60em;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.2em;padding-top:2em;box-shadow:inset 0 0 0 1.8em var(--ad-fundo),inset 0 0 0 2.3em var(--ad-cor),inset 0 0 0 .2em color-mix(in srgb,var(--ad-texto) 12%,transparent)}
.ad--redondo.ad--escuro{box-shadow:inset 0 0 0 1.8em var(--ad-fundo),inset 0 0 0 2.3em var(--ad-cor)}
.ad--redondo .ad-qr{width:30em;height:30em;padding:1.6em}
.ad--redondo .ad-mira{inset:-1.5em;--l:3.6em;--e:.45em}
.ad--redondo .ad-fone{font-size:3.2em}

/* Folha A4 com linha de corte */
.ad-folha{position:relative;width:210em;height:297em;background:#fff;overflow:hidden}
.ad-slot{position:absolute}
.ad-slot::after{content:"";position:absolute;inset:-.5em;border:.25em dashed #9AA3AE;pointer-events:none}
.ad-slot--retangular::after,.ad-slot--quadrado::after{border-radius:3.5em}
.ad-slot--redondo::after{border-radius:50%}
.ad-folha--sangria .ad-slot::before{content:"";position:absolute;inset:-2em;background:var(--ad-sangria);border-radius:5em}
.ad-folha--sangria .ad-slot--redondo::before{border-radius:50%}
.ad-folha--sangria .ad-slot::after{inset:0;border-color:#FFFFFFB3}
.ad-folha--sangria :is(.ad--retangular,.ad--quadrado){box-shadow:none}
.ad-folha--sangria .ad--redondo{box-shadow:inset 0 0 0 1.8em var(--ad-fundo),inset 0 0 0 2.3em var(--ad-cor)}
.ad-folha-nota{position:absolute;left:10em;bottom:3em;margin:0;font:600 2.6em/1 Manrope,system-ui,sans-serif;color:#8A93A3}