/* ── Modo incorporado (?embed=1) ──────────────────────────────────────────── A mesma página, dentro do site de terceiro. Não existe arquivo separado: duas cópias da mesma calculadora divergiriam na primeira correção de fórmula. A regra abaixo é uma LISTA DE PERMISSÃO, não de bloqueio: dentro de
, da workspace e do painel, só sobrevive o que estiver marcado com data-embed. Um bloco de conteúdo novo — FAQ, exemplo, tabela — nasce oculto no modo incorporado e só vai para o site de terceiro se alguém decidir que ele deve ir. Lista de bloqueio faria o contrário: vazaria por esquecimento. Anúncio não entra aqui, e o CSS é a segunda barreira, não a primeira: o carregador do AdSense não é sequer executado neste modo (ver o script no de cada página) e as unidades são removidas do DOM pelo incorporar.js. Servir anúncio dentro do site de outra pessoa sem o consentimento dela viola a política do AdSense e arrisca a conta inteira. ────────────────────────────────────────────────────────────────────────── */ /* 1) Lista de permissão dentro do conteúdo */ .modo-embed main > *:not([data-embed]), .modo-embed main .workspace > *:not([data-embed]), .modo-embed main .workspace > .wrap > *:not([data-embed]), .modo-embed main .panel > *:not([data-embed]){display:none!important} /* 2) Cromo do site e widgets que não fazem sentido dentro de outra página. O histórico local e o comparador dependem de localStorage, que o navegador particiona ou bloqueia em iframe de terceiro. */ .modo-embed header.site, .modo-embed .sidebar, .modo-embed .sidebar-overlay, .modo-embed .quick-tabs, .modo-embed footer.site, .modo-embed body > .ad, .modo-embed body > .ad-slot, .modo-embed .ad, .modo-embed .ad-slot, .modo-embed ins.adsbygoogle, .modo-embed .rhh, .modo-embed .comparar-box, .modo-embed .cmp-fixar, .modo-embed .share-cta, .modo-embed .theme-toggle, .modo-embed .incorporar-abrir{display:none!important} /* 3) Só o título curto sobra do cabeçalho da página */ .modo-embed .hero{padding:2px 0 6px;text-align:left} .modo-embed .hero .eyebrow, .modo-embed .hero p, .modo-embed .hero .sub{display:none!important} .modo-embed .hero h1{font-size:1.16rem;max-width:none;margin:0;line-height:1.3} /* 4) Sem margens de página inteira: quem define a moldura é o iframe */ .modo-embed body{background:var(--paper,#F4F6F8);min-height:0} .modo-embed .page-layout{display:block;min-height:0!important} .modo-embed .main-wrap{margin:0;padding:0;width:100%} .modo-embed main{padding:0;margin:0} .modo-embed .workspace{padding:0} .modo-embed .wrap{padding:0;max-width:none} .modo-embed .ph{margin-bottom:10px} /* 5) O aviso da calculadora acompanha o cálculo para dentro do site de terceiro. O incorporar.js o move para cá, porque em algumas páginas ele mora dentro do bloco "Como é calculado", que fica oculto. Publicar uma estimativa trabalhista ou fiscal sem a ressalva seria pior do que a página mais comprida. */ .modo-embed .disclaimer{display:block!important;margin:12px 0 0;font-size:.8rem;line-height:1.55} /* 6) Barra de atribuição — é o ativo desta funcionalidade */ .incorporar-credito{margin:12px 0 4px;padding:10px 0 2px;border-top:1px solid var(--border,#E2E6EB); font-size:.82rem;color:var(--muted,#5B6675);display:flex;flex-wrap:wrap;gap:5px;align-items:baseline} .incorporar-credito a{font-weight:700;color:var(--teal,var(--green,#1F6F6B));text-decoration:none} .incorporar-credito a:hover{text-decoration:underline} .modo-embed .incorporar-credito{display:flex!important} /* 7) Caixa "Incorporar no seu site" na página normal — resolve no lugar, sem trocar de tela */ .incorporar-abrir{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px; border:1.5px solid var(--border,#E2E6EB);background:var(--card,#fff);color:var(--ink,#12233B); font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:border-color .15s} .incorporar-abrir:hover{border-color:var(--teal,var(--green,#1F6F6B))} .incorporar-fundo{position:fixed;inset:0;z-index:9000;background:rgba(10,20,30,.55); display:flex;align-items:center;justify-content:center;padding:18px} .incorporar-fundo[hidden]{display:none} .incorporar-caixa{background:var(--card,#fff);color:var(--ink,#12233B);border-radius:16px;padding:22px; width:min(640px,100%);max-height:88vh;overflow:auto;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);text-align:left} .incorporar-caixa h2{font-size:1.1rem;margin:0 0 6px} .incorporar-caixa p{font-size:.88rem;color:var(--muted,#5B6675);margin:0 0 12px;line-height:1.55} .incorporar-caixa textarea{width:100%;height:150px;padding:12px;border:1.5px solid var(--border,#E2E6EB); border-radius:10px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.76rem;line-height:1.5; background:var(--paper,#F7F9FA);color:var(--ink,#12233B);resize:vertical} .incorporar-acoes{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px} .incorporar-acoes button{padding:11px 18px;border-radius:10px;font-family:inherit;font-weight:700; font-size:.88rem;cursor:pointer;border:1.5px solid var(--border,#E2E6EB);background:var(--card,#fff);color:var(--ink,#12233B)} .incorporar-acoes .incorporar-copiar{background:var(--teal,var(--green,#1F6F6B));border-color:transparent;color:#fff} .incorporar-caixa .incorporar-nota{margin:12px 0 0;font-size:.8rem} @media(max-width:560px){.incorporar-caixa{padding:16px}}