/* Blog da Deal — camada editorial sobre o CSS compilado de www.deal.com (source.css).
   Tokens vêm das variáveis do próprio site (--foreground, --brand, --border...).
   Valores medidos no DOM renderizado em 28/10/2026: body 16px/24px peso 500,
   h1 60px/1.04 peso 800 tracking -0.045em, h2 48px tracking -0.035em, eyebrow 13px
   uppercase tracking .25em, botão primário 48px de altura, radius 16px. */ /* Desvio aprovado por Joisiney em 28/10/2026: superfícies verdes usam texto branco,
   como o logo (verde com setas brancas). O site usa --primary-foreground preto; aqui
   o token é sobrescrito para todo componente bg-primary, inclusive o CTA do menu mobile.
   Hover escurece para --brand-link (#157a41) em vez de reduzir a opacidade. */ :root{--primary-foreground: #fff;}[data-mobile-menu] a.bg-primary:hover{opacity: 1;background-color: var(--brand-link);}/* CTA do menu mobile em uma linha (pedido de Joisiney em 28/10/2026, noite). No deal.com ele
   quebra em 2 linhas abaixo de ~430 px: o texto mede 285 px a 16px e o padding é 24px. Aqui o
   padding lateral cai para 16px (cabe a 16px a partir de 375 px) e a fonte só encolhe em telas
   mais estreitas: (100vw − 48px do container − 32px de padding) × 16 / 285 ≈ × 0.055. */ [data-mobile-menu] a.bg-primary{padding-inline: 16px;white-space: nowrap;font-size: min(1rem,calc((100vw - 80px) * 0.055));}.dl-skip{position: absolute;left: 16px;top: -64px;z-index: 1100;padding: 10px 16px;border-radius: 12px;background: var(--foreground);color: var(--background);font-weight: 700;}.dl-skip:focus{top: 16px;}.dl-sr{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0;}:where(.dl-main,[data-site-header],[data-site-footer],.dl-panel) a:focus-visible,:where(.dl-main,[data-site-header],[data-site-footer],.dl-panel) button:focus-visible,:where(.dl-main) input:focus-visible,.dl-main [tabindex]:focus-visible{outline: 2px solid var(--ring);outline-offset: 2px;border-radius: 6px;}/* O source.css define html{scroll-behavior:smooth}. No blog a rolagem suave fica só nos links
   do índice (deal.js), para não animar rolagens programáticas nem ignorar reduced-motion. */ html{scroll-behavior: auto;}.dl-main{overflow-x: clip;}.dl-container{margin-inline: auto;max-width: 72rem;padding-inline: 24px;}/* Cabeçalho das páginas do blog */ .dl-hero{padding-block: 64px 40px;}.dl-eyebrow{font-size: 13px;line-height: 19.5px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.25em;color: var(--muted-foreground);}.dl-eyebrow--inverse{color: rgb(255 255 255 / 0.7);}.dl-h1{margin-top: 12px;font-size: 36px;line-height: 1.04;font-weight: 800;letter-spacing: -0.045em;color: var(--foreground);}.dl-hero .dl-h1:first-child{margin-top: 0;}.dl-lead{margin-top: 16px;max-width: 42rem;font-size: 18px;line-height: 1.625;font-weight: 500;color: var(--muted-foreground);}.dl-h2{font-size: 30px;line-height: 1.1;font-weight: 800;letter-spacing: -0.035em;color: var(--foreground);}/* Busca */ .dl-search{margin-top: 32px;display: flex;gap: 12px;max-width: 36rem;}.dl-search__input{flex: 1;min-width: 0;height: 48px;padding: 0 16px;border: 1px solid var(--input);border-radius: 16px;background: var(--background);color: var(--foreground);font: inherit;}.dl-search__input::placeholder{color: var(--muted-foreground);}.dl-search__input:focus{outline: none;box-shadow: 0 0 0 2px var(--ring);}/* Botões: mesmo componente do site (h-12 rounded-xl bg-primary px-6 font-bold) */ .dl-btn,.dl-prose a.solid-button{display: inline-flex;min-height: 48px;align-items: center;justify-content: center;padding: 12px 24px;border-radius: 16px;background: var(--primary);color: var(--primary-foreground);font-weight: 700;line-height: 24px;text-align: center;text-decoration: none;transition: background-color 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);}.dl-btn:hover,.dl-prose a.solid-button:hover{background: var(--brand-link);}.dl-btn:active,.dl-prose a.solid-button:active{background: var(--brand-link);opacity: 0.9;}.dl-btn--block{width: 100%;}.dl-link{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 700;color: var(--foreground);text-underline-offset: 4px;}.dl-link:hover{text-decoration: underline;}/* Metadados */ .dl-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;font-size: 14px;line-height: 20px;font-weight: 600;color: var(--muted-foreground);}.dl-cat{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: 999px;background: var(--accent);color: var(--brand-link);font-size: 12px;font-weight: 700;letter-spacing: 0.02em;}/* Listagem */ /* Mesmo respiro acima da paginação (56px), também até o footer (pedido de 28/10/2026) */ .dl-listing{padding-bottom: 56px;}.dl-grid{display: grid;gap: 32px 24px;align-items: start;}.dl-card{display: flex;flex-direction: column;border: 1px solid var(--border);border-radius: 16px;background: var(--card);overflow: hidden;transition: border-color 150ms cubic-bezier(0.4,0,0.2,1);}.dl-card:hover{border-color: var(--input);}.dl-card__media{position: relative;display: block;aspect-ratio: 2 / 1;overflow: hidden;background: var(--muted);}.dl-card__media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}.dl-card__body{display: flex;flex: 1;flex-direction: column;gap: 12px;padding: 24px;}.dl-card__title{font-size: 20px;line-height: 28px;font-weight: 700;letter-spacing: -0.02em;color: var(--foreground);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.dl-card__title a{color: inherit;}.dl-card__title a::after{content: "";position: absolute;inset: 0;}.dl-card{position: relative;}.dl-card__title a:hover{text-decoration: underline;text-underline-offset: 4px;}.dl-card__excerpt{color: var(--muted-foreground);line-height: 1.625;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.dl-card__more{margin-top: auto;display: inline-flex;align-items: center;gap: 8px;padding-top: 4px;font-size: 14px;font-weight: 700;color: var(--foreground);}.dl-card--featured{margin-bottom: 48px;}/* Paginação: página atual não clicável com is-current + aria-current */ .dl-pagination{margin-top: 56px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 8px;}.dl-page{display: inline-flex;min-width: 44px;height: 44px;align-items: center;justify-content: center;gap: 6px;padding: 0 14px;border: 1px solid var(--border);border-radius: 12px;font-weight: 700;color: var(--foreground);transition: background-color 150ms cubic-bezier(0.4,0,0.2,1);}a.dl-page:hover{background: var(--muted);}.dl-page.is-current{background: var(--foreground);border-color: var(--foreground);color: var(--background);}.dl-empty{display: grid;gap: 12px;justify-items: start;padding: 40px;border: 1px solid var(--border);border-radius: 16px;color: var(--muted-foreground);}.dl-empty__title{font-size: 20px;font-weight: 700;color: var(--foreground);}/* Single */ .dl-single{padding-top: 40px;}.dl-single__header{max-width: 52rem;}.dl-back{display: inline-flex;align-items: center;gap: 8px;margin-bottom: 24px;font-size: 14px;font-weight: 700;color: var(--muted-foreground);}.dl-back:hover{color: var(--foreground);}.dl-single__title{margin-top: 16px;font-size: 36px;line-height: 1.08;font-weight: 800;letter-spacing: -0.045em;color: var(--foreground);}.dl-figure{margin-top: 40px;overflow: hidden;border: 1px solid var(--border);border-radius: 16px;background: var(--muted);}.dl-figure img{display: block;width: 100%;height: auto;}.dl-figure--wide,.dl-figure--compact{max-width: min(100%,var(--single-image-source-width));}.dl-article-layout{display: grid;gap: 48px;margin-top: 48px;padding-bottom: 96px;}.dl-article-main{min-width: 0;}.dl-prose{max-width: 44rem;font-size: 18px;line-height: 1.75;color: var(--foreground);}.dl-prose > * + *{margin-top: 20px;}.dl-prose h2{margin-top: 48px;font-size: 28px;line-height: 1.2;font-weight: 800;letter-spacing: -0.035em;scroll-margin-top: 96px;}.dl-prose h3{margin-top: 32px;font-size: 20px;line-height: 28px;font-weight: 700;letter-spacing: -0.02em;scroll-margin-top: 96px;}.dl-prose ul,.dl-prose ol{padding-left: 24px;}.dl-prose ul{list-style: disc;}.dl-prose ol{list-style: decimal;}.dl-prose li + li{margin-top: 8px;}.dl-prose li::marker{color: var(--brand);}.dl-prose a:not(.solid-button){color: var(--brand-link);text-decoration: underline;text-underline-offset: 4px;}.dl-prose a:not(.solid-button):hover{color: var(--foreground);}.dl-prose strong{font-weight: 700;}.dl-prose figure{margin-top: 32px;}.dl-prose figure img{display: block;width: 100%;height: auto;border: 1px solid var(--border);border-radius: 16px;}.dl-prose figcaption{margin-top: 12px;font-size: 14px;line-height: 20px;color: var(--muted-foreground);}.dl-prose .table-scroll{max-width: 100%;overflow-x: auto;border: 1px solid var(--border);border-radius: 16px;}.dl-prose table{width: 100%;min-width: 560px;border-collapse: collapse;font-size: 15px;line-height: 1.5;}.dl-prose caption{padding: 16px 20px 0;text-align: left;font-weight: 700;}.dl-prose th,.dl-prose td{padding: 12px 20px;border-bottom: 1px solid var(--border);text-align: left;vertical-align: top;}.dl-prose thead th{font-size: 13px;text-transform: uppercase;letter-spacing: 0.08em;color: var(--muted-foreground);}.dl-prose tbody tr:last-child > *{border-bottom: 0;}.dl-prose tbody th{font-weight: 700;}/* Sidebar: índice + card de conversão (sticky só no desktop) */ .dl-sidebar__sticky{display: grid;gap: 24px;}.dl-toc{padding: 24px;border: 1px solid var(--border);border-radius: 16px;}.dl-toc__title{font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.25em;color: var(--muted-foreground);}.dl-toc ol{margin-top: 16px;display: grid;gap: 10px;}.dl-toc a{font-size: 15px;line-height: 22px;font-weight: 600;color: var(--muted-foreground);}.dl-toc a:hover{color: var(--foreground);}.sidebar-conversion{display: grid;gap: 16px;padding: 24px;border-radius: 16px;background: var(--foreground);color: var(--background);}.sidebar-conversion__title{font-size: 20px;line-height: 28px;font-weight: 800;letter-spacing: -0.02em;}.dl-related{padding-block: 64px 96px;border-top: 1px solid var(--border);}.dl-related .dl-grid{margin-top: 32px;}/* Painel flutuante de conversão (não modal) */ .dl-panel{position: fixed;right: 16px;bottom: 16px;left: 16px;z-index: 30;overflow: hidden;border: 1px solid var(--border);border-radius: 16px;background: var(--background);box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);opacity: 1;transform: translateY(0);transition: opacity 300ms cubic-bezier(0.4,0,0.2,1),transform 300ms cubic-bezier(0.4,0,0.2,1);}.dl-panel[hidden]{display: none;}.dl-panel.is-entering{opacity: 0;transform: translateY(16px);}.dl-panel__image{display: block;width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;background: var(--muted);}.dl-panel__body{display: grid;gap: 12px;padding: 20px;}.dl-panel__title{font-size: 18px;line-height: 26px;font-weight: 800;letter-spacing: -0.02em;}.dl-panel__close{position: absolute;top: 10px;right: 10px;display: grid;width: 36px;height: 36px;place-items: center;border: 1px solid var(--border);border-radius: 12px;background: var(--background);color: var(--foreground);}.dl-panel__close:hover{background: var(--muted);}@media (min-width: 640px){.dl-grid{grid-template-columns: repeat(2,minmax(0,1fr));}.dl-h1{font-size: 48px;}.dl-single__title{font-size: 48px;}.dl-h2{font-size: 36px;}.dl-panel{left: auto;width: 360px;}}@media (min-width: 768px){.dl-card--featured{flex-direction: row;}.dl-card--featured .dl-card__media{flex: 0 0 56%;aspect-ratio: auto;min-height: 320px;}.dl-card--featured .dl-card__body{justify-content: center;padding: 40px;}.dl-card--featured .dl-card__title{font-size: 30px;line-height: 36px;letter-spacing: -0.035em;}.dl-card--featured .dl-card__excerpt{-webkit-line-clamp: 3;line-clamp: 3;}.dl-hero{padding-block: 80px 48px;}.dl-panel{right: 24px;bottom: 24px;}}@media (min-width: 1024px){.dl-grid{grid-template-columns: repeat(3,minmax(0,1fr));}.dl-h1{font-size: 60px;}.dl-single__title{font-size: 56px;}.dl-article-layout{grid-template-columns: minmax(0,1fr) 300px;gap: 64px;}.dl-sidebar{align-self: stretch;}.dl-sidebar__sticky.is-sticky{position: sticky;top: 96px;align-self: start;}}/* Menu mobile em tela cheia (drawer) — proposta de 28/10/2026, noite, pedida por Joisiney.
   No deal.com o menu abre inline dentro do header. Aqui, com data-menu-mode="drawer", ele ocupa
   a tela abaixo do header com branco levemente transparente e a página desfocada atrás; o CTA fica
   fixo no pé do painel. O header usa backdrop-blur, que prende position:fixed à caixa dele, por isso
   o painel é absoluto (top:100%) e a altura vem de --dl-drawer-top, medida pelo JS na abertura.
   Rollback: remover data-menu-mode do nav (volta ao inline) ou rollback/2026-10-28-menu-inline/. */ @media (max-width: 767.98px){[data-mobile-menu][data-menu-mode="drawer"]{position: absolute;top: 100%;left: 0;right: 0;height: calc(100dvh - var(--dl-drawer-top,64px) + 1px);/* top:100% começa 1px acima, na borda do header */ overflow-y: auto;overscroll-behavior: contain;padding: 28px 24px 0;background: rgb(255 255 255 / 0.86);-webkit-backdrop-filter: blur(20px) saturate(1.2);backdrop-filter: blur(20px) saturate(1.2);animation: dl-drawer-in 200ms var(--dl-ease-out,ease-out);}[data-mobile-menu][data-menu-mode="drawer"].is-closing{animation: dl-drawer-out 150ms var(--dl-ease,ease) forwards;}/* Com o drawer aberto o header perde o próprio backdrop-blur (fica branco sólido): um ancestral
     com backdrop-filter vira a raiz do desfoque e o painel só desfocaria o header, não a página. */ [data-site-header].is-drawer-open{-webkit-backdrop-filter: none;backdrop-filter: none;background-color: var(--background);}[data-mobile-menu][data-menu-mode="drawer"] > div{min-height: 100%;gap: 20px;}/* CTA fixo no pé: o box-shadow sólido de 24px funciona como uma placa que cobre os links que
     rolam por baixo, sem mudar o formato do botão aprovado. */ [data-mobile-menu][data-menu-mode="drawer"] > div > a.bg-primary{position: sticky;bottom: calc(24px + env(safe-area-inset-bottom));margin-top: auto;margin-bottom: calc(24px + env(safe-area-inset-bottom));box-shadow: 0 0 0 24px rgb(255 255 255 / 0.96);}}@keyframes dl-drawer-in{from{opacity: 0;transform: translateY(-8px);}}@keyframes dl-drawer-out{to{opacity: 0;transform: translateY(-8px);}}/* Motion do blog (28/10/2026, pedido de Joisiney por mais interatividade).
   Evidência do deal.com: transições de 150ms com o ease padrão do Tailwind e seta que desliza
   4px no hover (`group-hover:translate-x-1` nos links com seta da /product). Os demais efeitos
   são microinterações adaptadas, sem equivalente no site: zoom de 3% na imagem do card, entrada
   única dos cards abaixo da dobra e destaque da seção atual no índice. Nada altera layout nem
   esconde conteúdo sem JavaScript; tudo some com prefers-reduced-motion. */ :root{--dl-ease: cubic-bezier(0.4,0,0.2,1);--dl-ease-out: cubic-bezier(0.16,1,0.3,1);}.dl-card__more svg,.dl-page--nav svg,.dl-back svg{transition: transform 150ms var(--dl-ease);}.dl-card:hover .dl-card__more svg,.dl-card:focus-within .dl-card__more svg,a.dl-page--nav[rel="next"]:hover svg,a.dl-page--nav[rel="next"]:focus-visible svg{transform: translateX(4px);}a.dl-page--nav[rel="prev"]:hover svg,a.dl-page--nav[rel="prev"]:focus-visible svg,.dl-back:hover svg,.dl-back:focus-visible svg{transform: translateX(-4px);}.dl-card__media img{transition: transform 600ms var(--dl-ease-out);}.dl-card:hover .dl-card__media img,.dl-card:focus-within .dl-card__media img{transform: scale(1.03);}/* Entrada dos cards: a classe só existe quando o JS roda; cards já visíveis no carregamento
   não são escondidos (não atrasa o LCP). Uma vez por card, stagger curto. */ .dl-reveal{opacity: 0;transform: translateY(16px);transition: opacity 500ms var(--dl-ease-out),transform 500ms var(--dl-ease-out),border-color 150ms var(--dl-ease);transition-delay: var(--dl-reveal-delay,0ms);}.dl-reveal.is-visible{opacity: 1;transform: none;}/* Índice: a seção em leitura fica em destaque com uma barra da marca. */ .dl-toc a{position: relative;display: block;transition: color 150ms var(--dl-ease);}.dl-toc a::before{content: "";position: absolute;top: 3px;bottom: 3px;left: -25px;width: 2px;border-radius: 2px;background: var(--brand);transform: scaleY(0);transition: transform 200ms var(--dl-ease);}.dl-toc a.is-active{color: var(--foreground);}.dl-toc a.is-active::before{transform: scaleY(1);}@media (prefers-reduced-motion: reduce){.dl-panel,.dl-btn,.dl-card,.dl-page,.dl-toc a,.dl-toc a::before,.dl-card__more svg,.dl-page--nav svg,.dl-back svg,.dl-card__media img,[data-dropdown-panel]{transition: none !important;}.dl-card:hover .dl-card__media img,.dl-card:focus-within .dl-card__media img,.dl-card:hover .dl-card__more svg,.dl-back:hover svg,a.dl-page--nav:hover svg{transform: none;}.dl-reveal{opacity: 1;transform: none;}[data-mobile-menu][data-menu-mode="drawer"],[data-mobile-menu][data-menu-mode="drawer"].is-closing{animation: none;}}/* Footer abaixo de 1024 px — ajuste de layout pedido por Joisiney em 28/10/2026.
   Marca e slogan ficam numa faixa --muted (#f4f4f2, token do próprio site) de ponta a ponta,
   com o mesmo respiro em cima e embaixo, no lugar das linhas do topo e da divisória.
   No tablet (640–1023 px), Product/Solutions/Company ficam lado a lado; no mobile (< 640 px)
   seguem empilhados, mas centralizados, assim como a linha de copyright/legal/LinkedIn
   (pedido de 28/10/2026, noite). Desktop fica igual ao original. Mesmo DOM, links, fontes e cores.
   Os -24px/-64px anulam o px-6/pt-16 do footer para a faixa encostar nas bordas. */ @media (max-width: 1023.98px){[data-site-footer]{border-top-width: 0;}[data-site-footer] > .grid{row-gap: 48px;}[data-site-footer] > .grid > div:first-child{grid-column: 1 / -1;display: flex;flex-direction: column;align-items: center;margin: -64px -24px 0;/* 25px + 15px do clearspace do logo = 40px visíveis, igual ao respiro abaixo do slogan */ padding: 25px 24px 40px;background: var(--muted);text-align: center;}}@media (max-width: 639.98px){[data-site-footer] > .grid{text-align: center;}[data-site-footer] > .grid + div{align-items: center;text-align: center;}}@media (min-width: 640px) and (max-width: 1023.98px){[data-site-footer] > .grid{grid-template-columns: repeat(3,max-content);justify-content: space-between;}}/*adapter=scripts/adapt_wp_theme.py*/.dl-pagination .page-link.is-current,.dl-pagination .page-link[aria-current="page"]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.dl-card>.post-card__link{border-radius:inherit}.dl-card>.post-card__link:hover .dl-card__title>span{text-decoration:underline;text-underline-offset:4px}@media (min-width:768px){.dl-card--featured>.post-card__link{flex-direction:row}}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;white-space:nowrap}.skip-link.screen-reader-text:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;overflow:visible;position:fixed !important;top:8px;left:8px;z-index:100000;padding:12px 16px;background:var(--background);color:var(--foreground);border-radius:8px;box-shadow:0 0 0 2px var(--brand);text-decoration:none}