/* Blog V1 — padrões editoriais locais; navegação, botões, FAQ e footer compartilhados. */
.blog-page{background:var(--paper);color:var(--ink)}
.blog-page [hidden]{display:none!important}
.blog-page main{overflow-wrap:break-word}
.blog-page :is(h1,h2,h3){text-wrap:balance}
.blog-page :is(a,button,input,summary,[tabindex]):focus-visible{outline:2px solid #9b4500;outline-offset:5px}
.blog-page .site-footer :focus-visible{outline-color:var(--amber)}
.blog-skip{position:fixed;top:8px;left:12px;z-index:100;background:var(--amber);color:var(--ink);padding:14px;transform:translateY(-160%)}
.blog-skip:focus{transform:none}
.blog-shell{width:min(1320px,86%);margin-inline:auto}
.blog-hero{padding-top:160px;padding-bottom:48px}
.blog-page .blog-kicker{font:500 12px/1.5 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;margin:0 0 28px;color:#565149}
.blog-page .blog-hero h1{font-size:clamp(42px,5.6vw,80px);line-height:1.02;max-width:18ch;letter-spacing:-.06em;margin:0}
.blog-page .blog-hero__lead{font-size:clamp(18px,1.6vw,22px);line-height:1.55;max-width:54ch;margin:24px 0 0}
.blog-search{display:flex;align-items:center;gap:16px;margin-top:36px;border-bottom:2px solid var(--ink);background:#eae7df;padding:18px 20px}
.blog-search:focus-within{border-color:#a94b00;background:#fff}
.blog-search svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.blog-search input{border:0;min-width:0;width:100%;background:transparent;font:400 19px/1.5 Inter,Arial,sans-serif;color:var(--ink)}
.blog-search input:focus-visible{outline:0}
.blog-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.blog-filter{font:500 12px/1.4 'DM Mono',monospace;border:1px solid #b4aea3;border-radius:999px;padding:12px 16px;min-height:44px;cursor:pointer;color:var(--ink);background:transparent;transition:background-color .18s,border-color .18s}
.blog-filter:hover{border-color:var(--ink)}
.blog-filter[aria-pressed=true]{background:var(--amber);border-color:var(--amber)}
.blog-page .blog-search-status{font-size:14px;line-height:1.5;margin:14px 0 0;min-height:21px}
.blog-section{padding-block:48px 32px}
.blog-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:28px}
.blog-page .blog-section h2,.blog-page .blog-section__head h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.045em;margin:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.blog-card{min-width:0}
.blog-card__link{display:block;height:100%}
.blog-card__media{aspect-ratio:3/2;overflow:hidden;background:#e1ddd3}
.blog-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.blog-card__link:hover img{transform:scale(1.025)}
.blog-card__body{padding-top:22px}
.blog-page .blog-category{font:500 11px/1.5 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;color:#655642}
.blog-page .blog-card h3{font-size:clamp(23px,2vw,29px);font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:0}
.blog-card__link:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.blog-page .blog-card__description{font-size:16px;line-height:1.6;color:#57524a;margin:16px 0 0}
.blog-page .blog-meta{font:400 11px/1.6 'DM Mono',monospace;color:#625c54;margin:18px 0 0}
.blog-card__cta{display:inline-block;margin-top:18px;font:500 12px/1.5 'DM Mono',monospace}
.blog-card--featured .blog-card__link{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:center}
.blog-card--featured .blog-card__body{padding:0}
.blog-page .blog-card--featured h3{font-size:clamp(30px,3.1vw,44px);line-height:1.08}
.blog-perspective{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;align-items:start}
.blog-perspective .blog-card:nth-child(2){padding-top:0}
.blog-guides{background:#e7e1d4;padding:48px;margin-top:48px}
.blog-guides .blog-card__media{aspect-ratio:16/9}
.blog-guides .blog-card--featured .blog-card__link{grid-template-columns:1.2fr 1fr}
.blog-more{margin-top:32px;background:transparent;border-color:var(--ink);color:var(--ink)}
.blog-more:disabled{opacity:.65;cursor:default}
.blog-empty{padding:40px 0;max-width:60ch}
.blog-empty button{margin-top:20px}
.blog-product-cta{border-top:1px solid var(--line);margin-top:64px;padding:56px 0 80px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:start}
.blog-page .blog-product-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.045em;margin:0;max-width:26ch}
.blog-product-cta p{font-size:18px;line-height:1.6;margin:0 0 24px}
.blog-breadcrumb{padding-top:132px;font:400 12px/1.6 'DM Mono',monospace}
.blog-breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}
.blog-breadcrumb li+li::before{content:'/';margin-right:12px;color:#756e63}
.blog-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.blog-article-head{padding-top:40px;max-width:980px}
.blog-page .blog-article-head h1{font-size:clamp(40px,5vw,72px);line-height:1.04;letter-spacing:-.055em;margin:0}
.blog-page .blog-article-lead{font-size:clamp(19px,1.8vw,25px);line-height:1.5;max-width:60ch;margin:24px 0}
.blog-page .blog-article-meta{display:flex;flex-wrap:wrap;gap:10px 24px;font:400 12px/1.6 'DM Mono',monospace;color:#625c54;margin:24px 0 0}
.blog-article-cover{margin:40px 0 0}
.blog-article-cover img{width:100%;height:auto;max-height:600px;object-fit:cover;display:block;aspect-ratio:2/1}
.blog-page figcaption{font-size:13px;line-height:1.6;color:#625c54;margin-top:12px}
.blog-reading{display:grid;grid-template-columns:240px minmax(0,760px);gap:6vw;align-items:start;margin-top:64px}
.blog-toc{position:sticky;top:112px;max-height:calc(100vh - 136px);overflow:auto;border-top:2px solid var(--ink);padding-top:18px}
.blog-toc summary{display:flex;justify-content:space-between;gap:16px;font:500 14px/1.5 'DM Mono',monospace;cursor:pointer;list-style:none}
.blog-toc summary::-webkit-details-marker{display:none}
.blog-toc summary::after{content:'+'}
.blog-toc[open] summary::after{content:'−'}
.blog-toc ol{list-style:none;padding:0;margin:18px 0 0}
.blog-toc li+li{margin-top:4px}
.blog-toc a{display:block;padding:10px 12px;font-size:14px;line-height:1.4;border-left:2px solid transparent;color:#625c54}
.blog-toc a[aria-current]{border-color:#a94b00;background:#e9e3d7;color:var(--ink)}
.blog-prose{font-size:19px;line-height:1.75;min-width:0}
.blog-page .blog-prose h2{font-size:clamp(29px,2.7vw,39px);line-height:1.18;letter-spacing:-.04em;margin:56px 0 24px;scroll-margin-top:120px}
.blog-page .blog-prose>section:first-child h2{margin-top:0}
.blog-page .blog-prose h3{font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:32px 0 16px}
.blog-page .blog-prose p{margin:0 0 24px}
.blog-prose :is(ul,ol){padding-left:24px;margin:20px 0 28px}
.blog-prose li+li{margin-top:10px}
.blog-prose a:not(.btn){text-decoration:underline;text-underline-offset:4px}
.blog-prose blockquote{border-left:3px solid var(--amber);margin:32px 0;padding:8px 0 8px 24px;font-size:26px;line-height:1.4;letter-spacing:-.025em}
.blog-prose blockquote p:last-child{margin-bottom:0}
.blog-callout{padding:24px;background:#e8e2d5;margin:32px 0;border-left:3px solid #a94b00}
.blog-page .blog-callout p:last-child{margin:0}
.blog-prose figure{margin:32px 0}
.blog-prose figure img{width:100%;height:auto;display:block}
.blog-table-scroll{overflow-x:auto;margin:28px 0;border:1px solid var(--line)}
.blog-prose table{border-collapse:collapse;width:100%;min-width:460px;font-size:16px;line-height:1.5}
.blog-prose caption{text-align:left;padding:16px;font-weight:500}
.blog-prose :is(th,td){text-align:left;padding:16px;border-top:1px solid var(--line);vertical-align:top}
.blog-prose th{background:#e7e1d4;font-weight:500}
.blog-prose code{background:#e5e0d6;padding:2px 5px;font-size:.9em;overflow-wrap:anywhere}
.blog-prose hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.blog-prose .blog-checklist{list-style:none;padding:0}
.blog-checklist li{padding-left:28px;position:relative}
.blog-checklist li::before{content:'✓';position:absolute;left:0;color:#765000}
.blog-inline-cta{margin:40px 0;padding-block:24px;border-block:1px solid var(--line)}
.blog-page .blog-inline-cta h3{margin-top:0}
.blog-page .blog-article-faq{display:block;padding:0;background:transparent}
.blog-page .blog-article-faq .faq-list{margin-top:24px}
.blog-page .blog-article-faq summary{font-size:18px;line-height:1.45}
.blog-page .blog-article-faq .faq-answer{font-size:17px;line-height:1.7}
.blog-related{margin-top:48px}
.blog-all-link{display:inline-block;margin-top:28px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--featured .blog-card__link{gap:28px;grid-template-columns:1.2fr 1fr}.blog-guides{padding:32px}.blog-reading{grid-template-columns:210px minmax(0,1fr);gap:32px}}
@media(max-width:1000px){.blog-reading{grid-template-columns:1fr;max-width:760px;margin-inline:auto}.blog-toc{position:static;max-height:none;padding:20px;background:#e8e2d5}.blog-toc summary{min-height:24px}.blog-toc a{min-height:44px}.blog-prose{font-size:18px}}
@media(max-width:760px){
 .blog-shell{width:calc(100% - 40px)}
 .blog-hero{padding-top:120px;padding-bottom:24px}
 .blog-page .blog-hero h1{font-size:clamp(38px,8.4vw,58px)}
 .blog-search{padding:16px 12px;gap:10px;margin-top:28px}
 .blog-search input{font-size:16px}
 .blog-filter{font-size:11px;padding:10px 12px}
 .blog-section{padding-block:32px 16px}
 .blog-grid,.blog-perspective{grid-template-columns:1fr;gap:36px}
 .blog-card--featured .blog-card__link,.blog-guides .blog-card--featured .blog-card__link{grid-template-columns:1fr;gap:22px}
 .blog-page .blog-card--featured h3{font-size:32px}
 .blog-perspective .blog-card:nth-child(2){padding-top:0}
 .blog-guides{padding:24px 20px;margin-top:32px}
 .blog-section__head{align-items:start;flex-direction:column;gap:12px}
 .blog-product-cta{grid-template-columns:1fr;gap:24px;padding:36px 0 48px;margin-top:40px}
 .blog-breadcrumb{padding-top:116px}
 .blog-article-head{padding-top:28px}
 .blog-article-cover{margin-top:28px}
 .blog-article-cover img{aspect-ratio:3/2}
 .blog-reading{margin-top:32px;gap:32px}
 .blog-page .blog-prose h2{margin-top:40px;font-size:29px}
 .blog-prose blockquote{font-size:23px;padding-left:18px}
 .blog-callout{padding:20px}
 .blog-related{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){.blog-page{scroll-behavior:auto}.blog-card__media img,.blog-filter{transition:none}.blog-card__link:hover img{transform:none}html:has(.blog-page){scroll-behavior:auto}}

/* === Blog Home — Art Direction V2 === */


/* Blog V3 — mesma identidade da BOM, com composição editorial. */
.blog-page{background:#fff;color:var(--ink)}
.blog-shell{width:min(1320px,86%);margin-inline:auto}

/* Hero */
.blog-hero{padding-top:150px;padding-bottom:54px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);column-gap:7vw;align-items:end}
.blog-hero>.blog-kicker{grid-column:1/-1;margin-bottom:24px}
.blog-page .blog-hero h1{font-size:clamp(50px,6vw,88px);line-height:.98;max-width:13ch;letter-spacing:-.065em}
.blog-hero__intro{padding-bottom:4px}
.blog-page .blog-hero__lead{font-size:clamp(18px,1.45vw,22px);line-height:1.5;margin:0;max-width:32ch}
.blog-page .blog-hero__note{font-size:14px;line-height:1.55;color:#5b5b57;margin:18px 0 0;max-width:42ch}

/* Busca: limpa, sem linguagem visual paralela */
.blog-search{grid-column:1/-1;display:flex;align-items:center;gap:14px;margin-top:42px;min-height:64px;padding:14px 18px;background:#fff;border:1px solid var(--ink);border-radius:8px;transition:border-color .16s ease}
.blog-search:focus-within{background:#fff;border-color:var(--amber);box-shadow:0 0 0 2px var(--amber)}
.blog-search svg{width:22px;height:22px;stroke-width:1.6}
.blog-search input{font-size:17px}
.blog-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.blog-filter{min-height:40px;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:500 11px/1.4 'DM Mono',monospace;transition:background-color .16s ease,border-color .16s ease}
.blog-filter:hover{border-color:var(--ink);background:#fff}
.blog-filter[aria-pressed=true]{background:var(--amber);border-color:var(--ink)}
.blog-search-status{grid-column:1/-1}

/* Seções */
.blog-section{padding-block:58px 38px;border-top:1px solid var(--line)}
.blog-section__head{margin-bottom:30px}
.blog-section__head>div{display:flex;align-items:baseline;gap:14px}
.blog-section__index{font:500 11px/1 'DM Mono',monospace;color:#777}

/* Cards: imagem + conteúdo, sem moldura decorativa no hover */
.blog-card__media{background:#f4f4f2;border:0;overflow:hidden}
.blog-card__media img{transition:transform .24s ease}
.blog-card__link:hover img{transform:scale(1.018)}
.blog-card__link:hover h3{text-decoration:none}
.blog-card__body{padding-top:18px}
.blog-page .blog-category{color:#5c5c57}
.blog-page .blog-card__description{color:#565651}
.blog-page .blog-meta{color:#6a6a65;margin-top:14px}
.blog-card__cta{display:none}

/* Destaque: grande, mas ainda pertencente ao sistema da BOM */
.blog-featured .blog-card--featured .blog-card__link{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:clamp(32px,5vw,64px);align-items:center}
.blog-featured .blog-card--featured .blog-card__media{aspect-ratio:16/9;min-height:460px}
.blog-featured .blog-card--featured .blog-card__body{padding:0}
.blog-page .blog-featured .blog-card--featured h3{font-size:clamp(34px,3.5vw,52px);line-height:1.04}
.blog-featured .blog-card__description{font-size:17px}

/* Ritmo editorial sem inventar componentes */
.blog-recent .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}
.blog-recent .blog-card:nth-child(2){padding-top:48px}
.blog-perspective{grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:clamp(30px,5vw,64px)}
.blog-perspective .blog-card:nth-child(2){padding-top:0}

/* Guia sem bege ou caixa nova: amarelo usado apenas como acento BOM */
.blog-guides{background:#fff;padding:58px 0 38px;margin-top:0;border-top:1px solid var(--line)}
.blog-guides .blog-section__head{padding-bottom:18px;border-bottom:4px solid var(--amber)}
.blog-guides .blog-card--featured .blog-card__link{grid-template-columns:minmax(0,1.35fr) minmax(300px,.75fr);gap:clamp(32px,5vw,64px)}
.blog-guides .blog-card__media{aspect-ratio:16/9}

/* Um único sistema de botões: reutiliza .btn-primary global */
.blog-more{margin-top:32px}
.blog-product-cta{border-top:1px solid var(--line);margin-top:52px;padding:56px 0 72px}
.blog-product-cta .btn{margin-top:0}

/* Resultados */
[data-results] .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}

/* Remove os beges também dos componentes da interna, preservando estrutura */
.blog-toc a[aria-current]{background:#fff;border-color:var(--amber)}
.blog-callout{background:#fff;border:1px solid var(--line);border-left:3px solid var(--amber)}
.blog-prose th{background:#f4f4f2}
.blog-prose code{background:#f4f4f2}

@media(max-width:1100px){
 .blog-featured .blog-card--featured .blog-card__link,.blog-guides .blog-card--featured .blog-card__link{grid-template-columns:1.2fr 1fr;gap:30px}
 .blog-featured .blog-card--featured .blog-card__media{min-height:0}
}
@media(max-width:760px){
 .blog-hero{padding-top:118px;padding-bottom:36px;grid-template-columns:1fr;gap:0}
 .blog-hero>.blog-kicker{grid-column:1;margin-bottom:18px}
 .blog-page .blog-hero h1{font-size:clamp(40px,11vw,58px);max-width:11ch}
 .blog-hero__intro{margin-top:24px;padding:0}
 .blog-page .blog-hero__lead{max-width:30ch}
 .blog-page .blog-hero__note{margin-top:12px}
 .blog-search{grid-column:1;margin-top:28px;min-height:58px;padding:12px 14px}
 .blog-search input{font-size:16px}
 .blog-filters{grid-column:1;gap:7px;margin-top:12px}
 .blog-filter{min-height:38px;padding:8px 11px;font-size:10px}
 .blog-search-status{grid-column:1}
 .blog-section{padding-block:40px 24px}
 .blog-featured .blog-card--featured .blog-card__link,.blog-guides .blog-card--featured .blog-card__link{grid-template-columns:1fr;gap:22px}
 .blog-recent .blog-grid,[data-results] .blog-grid{grid-template-columns:1fr;gap:34px}
 .blog-recent .blog-card:nth-child(2),.blog-perspective .blog-card:nth-child(2){padding-top:0}
 .blog-perspective{grid-template-columns:1fr;gap:34px}
 .blog-guides{padding:40px 0 24px}
}

/* V3.1 — consistência editorial: mesma hierarquia 01–05 e capas sem texto */
.blog-section,
.blog-guides{padding-block:58px 38px}
.blog-section__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:32px;
  padding:0;
  border-bottom:0;
}
.blog-section__head>div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.blog-section__index{
  display:block;
  font:500 11px/1 'DM Mono',monospace;
  color:#777;
  margin:0;
}
.blog-section__head .blog-kicker{margin:0 0 3px}
.blog-guides{
  background:#fff;
  margin-top:0;
  border-top:1px solid var(--line);
}
.blog-guides .blog-section__head{
  padding:0;
  border-bottom:0;
}

@media(max-width:760px){
  .blog-section,.blog-guides{padding-block:40px 24px}
  .blog-section__head{align-items:flex-start;gap:12px;margin-bottom:24px}
  .blog-section__head .blog-kicker{margin:0}
}


/* V3.3 — faixa editorial do Blog */
.blog-ticker{
  position:relative;
  width:100%;
  margin-top:80px;
  overflow:hidden;
  background:#222;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.blog-ticker__track{
  display:flex;
  width:max-content;
  will-change:transform;
  animation:blogTicker 52s linear infinite;
}
.blog-ticker__group{
  display:flex;
  align-items:center;
  flex-shrink:0;
  min-width:max-content;
  height:44px;
  padding-right:30px;
  white-space:nowrap;
  font:500 11px/1 'DM Mono',monospace;
  letter-spacing:.1em;
}
.blog-ticker__group span{padding:0 15px}
.blog-ticker__group i{
  color:var(--amber);
  font-style:normal;
  font-size:12px;
  line-height:1;
}
@keyframes blogTicker{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
/* A faixa ocupa parte do respiro que antes pertencia à Hero. */
.blog-page .blog-hero{padding-top:104px}
@media(max-width:760px){
  .blog-ticker{margin-top:72px}
  .blog-ticker__group{height:38px;font-size:10px}
  .blog-ticker__group span{padding:0 12px}
  .blog-page .blog-hero{padding-top:76px}
}
@media(prefers-reduced-motion:reduce){
  .blog-ticker__track{animation:none;transform:none}
}

/* V3.7 — arquitetura editorial simplificada */
.blog-recent .blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(32px,4vw,56px) clamp(24px,3vw,40px);
  align-items:start;
}
.blog-recent .blog-card{
  width:100%;
  padding-top:0;
}
@media (max-width:900px){
  .blog-recent .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .blog-recent .blog-grid{grid-template-columns:1fr;gap:34px;}
}

/* V3.9 — Mais conteúdos + CTA final */
.blog-more-section{
  padding-bottom:clamp(56px,7vw,88px);
}
.blog-more-section .blog-section__head{
  margin-bottom:clamp(30px,4vw,48px);
}
.blog-more-section .blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3vw,40px);
  align-items:start;
}
.blog-more-section .blog-card{
  width:100%;
  padding-top:0;
}
.blog-more-section .blog-more{
  margin-top:clamp(28px,3vw,40px);
}
@media (max-width:900px){
  .blog-more-section .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){
  .blog-more-section .blog-grid{grid-template-columns:1fr;gap:34px;}
}


/* V4 — UX polish: busca, resultados e ticker */
.blog-search{border-color:var(--ink);box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease}
.blog-search:hover{border-color:var(--ink)}
.blog-search:focus-within{background:#fff;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.blog-search input[type="search"]::-webkit-search-cancel-button{cursor:pointer;opacity:.72}
.blog-search input[type="search"]::-webkit-search-cancel-button:hover{opacity:1}

.blog-search-status.blog-sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}

.blog-results{padding-top:44px;padding-bottom:54px}
.blog-results .blog-section__head{margin-bottom:24px}
.blog-results .blog-section__head h2{font-size:clamp(28px,2.6vw,40px);line-height:1.08}
.blog-results .blog-empty{padding:12px 0 8px;max-width:52ch}
.blog-results .blog-empty h3{margin:0 0 8px}
.blog-results .blog-empty p{margin:0}
.blog-results .blog-empty button{margin-top:22px}

.blog-ticker{display:flex;align-items:center}
.blog-ticker__track{
  align-items:stretch;
  animation-name:blogTickerContinuous;
  animation-duration:52s;
  animation-timing-function:linear;
  animation-iteration-count:infinite
}
.blog-ticker__group{box-sizing:border-box;height:44px;padding:0;align-items:center;line-height:1}
.blog-ticker__group span,.blog-ticker__group i{display:inline-flex;align-items:center;height:100%}
.blog-ticker__group span{padding:0 15px}
.blog-ticker__group i{transform:translateY(-.02em)}
@keyframes blogTickerContinuous{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-1 * var(--ticker-distance, 0px)),0,0)}
}
@media(max-width:760px){.blog-ticker__group{height:38px}}
@media(prefers-reduced-motion:reduce){.blog-ticker__track{animation:none!important;transform:none!important}}
@media(max-width:640px){
  .blog-results{padding-top:34px;padding-bottom:42px}
  .blog-results .blog-section__head{margin-bottom:20px}
}


/* V4.1 — remove a borda/outline interno do campo de busca */
.blog-search input,
.blog-search input[type="search"],
.blog-search input:focus,
.blog-search input:focus-visible,
.blog-search input:active,
.blog-search input[type="search"]:focus,
.blog-search input[type="search"]:focus-visible,
.blog-search input[type="search"]:active {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
}

/* O foco permanece perceptível somente no container externo. */
.blog-search:focus-within {
  border-color: var(--ink);
  outline: 0;
  box-shadow: 0 0 0 1px var(--ink);
}

/* V4.2 — interna estratégica */
.blog-page .blog-breadcrumb{padding-top:64px}
.blog-page .blog-article-head{padding-top:34px;max-width:1040px}
.blog-page .blog-article-head .blog-kicker{margin-bottom:18px}
.blog-page .blog-article-lead{max-width:56ch;margin-top:26px}
.blog-page .blog-article-meta{padding-top:18px;border-top:1px solid var(--line);margin-top:30px}
.blog-page .blog-article-cover{margin-top:42px}
.blog-page .blog-article-cover img{aspect-ratio:2.15/1;max-height:560px}
.blog-page .blog-reading{grid-template-columns:230px minmax(0,780px);gap:clamp(44px,6vw,84px);margin-top:68px}
.blog-page .blog-toc{border-top:1px solid var(--ink);padding-top:16px}
.blog-page .blog-toc a[aria-current]{background:transparent;border-color:var(--amber);color:var(--ink);font-weight:500}
.blog-article-summary{margin:0 0 58px;padding:30px 32px 32px;border:1px solid var(--ink);background:#fff}
.blog-page .blog-article-summary__eyebrow,.blog-page .blog-inline-cta__eyebrow{margin:0 0 14px;font:500 11px/1.4 'DM Mono',monospace;letter-spacing:.12em}
.blog-page .blog-article-summary h2{margin:0 0 16px!important;font-size:clamp(25px,2.4vw,34px);line-height:1.15}
.blog-page .blog-article-summary p{font-size:18px;line-height:1.65;margin-bottom:20px}
.blog-page .blog-article-summary ul{margin:0;padding-left:20px;font-size:16px;line-height:1.55}
.blog-page .blog-article-summary li+li{margin-top:7px}
.blog-page .blog-callout{background:#fff;border:1px solid var(--line);border-left:3px solid var(--amber)}
.blog-page .blog-prose th,.blog-page .blog-prose code{background:#f4f4f2}
.blog-page .blog-checklist li::before{color:var(--ink)}
.blog-page .blog-inline-cta{margin:44px 0;padding:28px 0;border-block:1px solid var(--ink)}
.blog-page .blog-inline-cta h3{font-size:clamp(24px,2.3vw,32px);margin:0 0 14px;max-width:24ch}
.blog-page .blog-inline-cta p:not(.blog-inline-cta__eyebrow){font-size:17px;line-height:1.65;max-width:58ch;margin-bottom:18px}
.blog-inline-link{display:inline-flex;gap:8px;align-items:center;font-weight:600;text-decoration:none!important;border-bottom:1px solid currentColor;padding-bottom:3px}
.blog-inline-link span{transition:transform .18s ease}.blog-inline-link:hover span{transform:translateX(4px)}
.blog-page .blog-article-faq{margin-top:64px}.blog-page .blog-related{margin-top:72px}
@media(max-width:1000px){.blog-page .blog-breadcrumb{padding-top:46px}.blog-page .blog-reading{margin-top:48px}.blog-page .blog-toc{padding:18px 0;background:transparent;border-bottom:1px solid var(--line)}.blog-article-summary{margin-bottom:48px}}
@media(max-width:640px){.blog-page .blog-breadcrumb{padding-top:34px}.blog-page .blog-article-head{padding-top:26px}.blog-page .blog-article-meta{gap:7px 18px}.blog-page .blog-article-cover{margin-top:30px}.blog-page .blog-article-cover img{aspect-ratio:4/3}.blog-article-summary{padding:24px 20px;margin-bottom:40px}}


/* V4.3 — leitura mais leve: hierarquia por espaço, não por linhas pretas */
.blog-page .blog-toc{
  border-top:0;
  padding-top:0;
}

/* "Em resumo" deixa de se comportar como card */
.blog-page .blog-article-summary{
  border:0;
  padding:0 0 0 22px;
  background:transparent;
  position:relative;
}
.blog-page .blog-article-summary::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  width:3px;
  height:30px;
  background:var(--amber);
}

/* CTA contextual aberto: o link é a única affordance linear forte */
.blog-page .blog-inline-cta{
  border-block:0;
  padding:12px 0 8px;
  margin:52px 0 58px;
}
.blog-page .blog-inline-link{
  border-bottom:1px solid currentColor;
}

/* Separadores estruturais, quando necessários, permanecem suaves */
.blog-page .blog-prose table{
  border-color:var(--line);
}
.blog-page .blog-prose th,
.blog-page .blog-prose td{
  border-color:var(--line);
}

@media(max-width:1000px){
  .blog-page .blog-toc{
    border-bottom:1px solid var(--line);
  }
}
@media(max-width:640px){
  .blog-page .blog-article-summary{
    padding:0 0 0 18px;
  }
}

/* V4.4 — artigo 01: esquemas editoriais + autoridade BOM */
.blog-opening{margin-bottom:54px}
.blog-opening>p:first-child{font-size:clamp(20px,2vw,25px);line-height:1.55}
.blog-concept{margin:64px 0;padding:clamp(26px,4vw,42px);background:#fff;border:1px solid var(--line)}
.blog-concept figcaption{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}
.blog-concept figcaption span,.blog-concept--gains span,.concept-system__item span,.concept-system__human span,.blog-mini-steps span,.blog-authority__offer>span{font:500 10px/1.4 'DM Mono',monospace;letter-spacing:.12em}
.blog-concept figcaption strong{font-size:clamp(24px,2.4vw,34px);line-height:1.12;max-width:25ch}
.concept-message{display:inline-block;background:var(--ink);color:#fff;padding:12px 16px;font-weight:600;margin-bottom:22px}
.concept-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}
.concept-flow>div{padding:16px 14px;background:#f4f4f2;min-width:0}.concept-flow b{font:600 11px/1.3 'DM Mono',monospace}.concept-flow p{font-size:13px!important;line-height:1.45!important;margin:8px 0 0!important}.concept-flow>i{align-self:center;font-style:normal}
.concept-human{margin-top:18px;padding:15px 18px;border-left:3px solid var(--amber);display:flex;gap:12px 20px;align-items:baseline}.concept-human span{font-size:14px;line-height:1.5}
.blog-mini-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch;margin:34px 0 40px}.blog-mini-steps>div{padding:22px 20px;background:#f4f4f2}.blog-mini-steps>i{align-self:center;font-style:normal}.blog-mini-steps q{display:block;font-size:18px;font-weight:600;line-height:1.35;margin:13px 0}.blog-mini-steps p{font-size:14px!important;line-height:1.5!important;margin:0 0 12px!important}.blog-mini-steps strong{font-size:13px;line-height:1.4;display:block}
.concept-gains{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.concept-gains>div{background:#fff;padding:24px}.concept-gains h3{font-size:20px!important;line-height:1.2!important;margin:10px 0 12px!important}.concept-gains p{font-size:14px!important;line-height:1.55!important;margin:0!important}.concept-gains>div:nth-child(2){background:#fffaf0}
.concept-system{display:grid;grid-template-columns:1fr 120px 1fr;grid-template-areas:'a c b' 'd c e' 'h h h';gap:12px}.concept-system__item{padding:20px;background:#f4f4f2}.concept-system__item:nth-child(1){grid-area:a}.concept-system__item:nth-child(2){grid-area:b}.concept-system__item:nth-child(4){grid-area:d}.concept-system__item:nth-child(5){grid-area:e}.concept-system__item strong{display:block;margin-top:7px;font-size:15px}.concept-system__center{grid-area:c;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font:600 12px/1 'DM Mono',monospace;letter-spacing:.1em}.concept-system__human{grid-area:h;border-left:3px solid var(--amber);padding:16px 18px;background:#fffaf0}.concept-system__human p{font-size:14px!important;margin:6px 0 0!important;line-height:1.5!important}
.blog-authority{margin-top:76px;padding-top:8px}.blog-authority>h2{font-size:clamp(32px,4vw,50px)!important;line-height:1.04!important;max-width:18ch}.blog-authority__offer{margin-top:46px;padding:clamp(26px,4vw,40px);background:var(--ink);color:#fff}.blog-authority__offer h3{color:#fff;font-size:clamp(27px,3vw,38px)!important;margin:10px 0 18px!important}.blog-authority__offer p{color:#fff;font-size:17px;line-height:1.65}.blog-authority__offer .blog-inline-link{color:#fff;margin-top:8px}
@media(max-width:820px){.concept-flow{grid-template-columns:1fr}.concept-flow>i{transform:rotate(90deg);justify-self:center}.concept-human{align-items:flex-start;flex-direction:column}.blog-mini-steps{grid-template-columns:1fr}.blog-mini-steps>i{transform:rotate(90deg);justify-self:center}.concept-gains{grid-template-columns:1fr}.concept-system{grid-template-columns:1fr 1fr;grid-template-areas:'c c' 'a b' 'd e' 'h h'}.concept-system__center{min-height:72px}}
@media(max-width:520px){.blog-concept{margin:48px 0;padding:22px 18px}.concept-system{grid-template-columns:1fr;grid-template-areas:'c' 'a' 'b' 'd' 'e' 'h'}.concept-gains>div{padding:20px}.blog-authority{margin-top:58px}}

/* V4.5 — refinamento editorial: ritmo, hierarquia e assinatura BOM Inteligência */
.blog-page .blog-reading{
  grid-template-columns:210px minmax(0,780px);
  gap:clamp(52px,6vw,88px);
  margin-top:76px;
}
.blog-page .blog-prose{
  font-size:18px;
  line-height:1.78;
}
.blog-page .blog-prose p{margin-bottom:20px}
.blog-page .blog-prose h2{
  font-size:clamp(28px,2.45vw,36px);
  line-height:1.18;
  font-weight:500;
  letter-spacing:-.035em;
  margin:76px 0 26px;
}
.blog-page .blog-prose h3{
  font-size:23px;
  line-height:1.28;
  font-weight:500;
  margin:38px 0 15px;
}
.blog-page .blog-prose strong{font-weight:600}
.blog-page .blog-prose>section+section{margin-top:18px}
.blog-opening{margin-bottom:68px}
.blog-opening>p:first-child{font-size:clamp(20px,1.8vw,23px);line-height:1.62;margin-bottom:22px}
.blog-page .blog-article-summary{margin-bottom:72px}
.blog-page .blog-article-summary h2{font-size:clamp(25px,2.1vw,31px);font-weight:500;margin-bottom:18px!important}
.blog-page .blog-article-summary p{font-size:17px;line-height:1.72;margin-bottom:17px}
.blog-page .blog-article-summary ul{font-size:15px;line-height:1.65;margin:2px 0 18px}
.blog-page .blog-article-summary li+li{margin-top:5px}
.blog-page .blog-toc summary{font-size:12px;font-weight:500}
.blog-page .blog-toc ol{margin-top:14px}
.blog-page .blog-toc li+li{margin-top:1px}
.blog-page .blog-toc a{font-size:12.5px;line-height:1.42;padding:8px 10px;color:#746f68}

.blog-concept{margin:76px 0 86px;padding:clamp(28px,4vw,40px)}
.blog-concept figcaption{gap:0;margin-bottom:34px}
.blog-concept figcaption strong{font-size:clamp(23px,2.2vw,31px);font-weight:500;line-height:1.14}
.concept-message{margin-bottom:26px;font-weight:600}
.concept-flow>div{padding:18px 14px}.concept-flow p{margin-top:10px!important}
.concept-human{margin-top:22px;padding-block:17px}
.blog-mini-steps{margin:38px 0 52px}
.concept-gains h3{font-size:19px!important;font-weight:500;margin-top:12px!important}
.concept-system__item strong{font-weight:500}

.blog-page .blog-inline-cta{margin:66px 0 74px;padding:8px 0}
.blog-page .blog-inline-cta h3{font-weight:500;line-height:1.2;margin-bottom:17px}

.blog-authority{margin-top:92px;padding-top:0}
.blog-authority>h2{font-size:clamp(31px,3.4vw,44px)!important;line-height:1.08!important;font-weight:500;max-width:21ch;margin-bottom:30px!important}
.blog-authority>p{max-width:64ch}
.blog-authority blockquote{margin:42px 0 54px;font-size:23px;line-height:1.48}
.blog-authority__offer{
  position:relative;
  margin-top:56px;
  padding:42px 0 8px 26px;
  background:transparent;
  color:var(--ink);
  border-left:3px solid var(--amber);
}
.blog-authority__offer h3{color:var(--ink);font-size:clamp(28px,2.8vw,36px)!important;font-weight:500;margin:24px 0 22px!important}
.blog-authority__offer p{color:var(--ink);font-size:17px;line-height:1.72;max-width:62ch;margin-bottom:18px}
.blog-authority__offer h4{font-size:clamp(21px,2vw,27px);line-height:1.25;font-weight:500;max-width:27ch;margin:34px 0 16px}
.blog-authority__offer .blog-inline-link{color:var(--ink);margin-top:12px}
.intelligence-lockup{display:inline-flex;flex-direction:column;align-items:flex-start;color:var(--ink);text-decoration:none!important;line-height:1}
.intelligence-lockup__bom{font-size:25px;font-weight:800;letter-spacing:-.055em}
.intelligence-lockup__name{position:relative;margin-top:2px;font:600 11px/1 'DM Mono',monospace;letter-spacing:.08em;padding-right:12px}
.intelligence-lockup__name i{position:absolute;right:0;top:50%;width:5px;height:5px;background:var(--amber);transform:translateY(-50%)}

@media(max-width:1000px){
  .blog-page .blog-reading{margin-top:56px}
  .blog-page .blog-prose h2{margin-top:62px}
  .blog-concept{margin:62px 0 70px}
  .blog-page .blog-article-summary{margin-bottom:60px}
}
@media(max-width:640px){
  .blog-page .blog-prose{font-size:17px;line-height:1.74}
  .blog-page .blog-prose h2{font-size:28px;margin:54px 0 21px}
  .blog-page .blog-prose h3{font-size:21px;margin-top:32px}
  .blog-opening{margin-bottom:54px}
  .blog-concept{margin:54px 0 62px;padding:24px 20px}
  .blog-concept figcaption{margin-bottom:26px}
  .blog-authority{margin-top:68px}
  .blog-authority__offer{margin-top:44px;padding:32px 0 4px 20px}
}

/* V4.6 — TOC respirando + hierarquia H2/H3 mais evidente */
@media(min-width:1001px){
  .blog-page .blog-reading{
    grid-template-columns:260px minmax(0,780px);
    gap:clamp(42px,4.5vw,64px);
  }
  .blog-page .blog-toc a{
    font-size:12px;
    line-height:1.38;
    padding:8px 9px;
  }
}
.blog-page .blog-prose h2{
  font-size:clamp(32px,2.8vw,40px);
  line-height:1.13;
  font-weight:500;
  margin:82px 0 28px;
}
.blog-page .blog-prose h3{
  font-size:18px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.015em;
  color:#6f6a63;
  margin:36px 0 9px;
}
.blog-page .blog-prose h3 + p{
  margin-top:0;
}
@media(max-width:1000px){
  .blog-page .blog-prose h2{font-size:clamp(30px,4.4vw,36px);margin-top:68px}
  .blog-page .blog-prose h3{font-size:18px;margin-top:34px}
}
@media(max-width:640px){
  .blog-page .blog-prose h2{font-size:29px;line-height:1.16;margin:58px 0 22px}
  .blog-page .blog-prose h3{font-size:17px;line-height:1.4;margin:30px 0 8px}
}

/* V4.7 — ritmo de leitura: subtópicos mais legíveis + parágrafos relacionados mais próximos */
.blog-page .blog-prose p{
  margin-bottom:15px;
}
.blog-page .blog-prose h3{
  color:#5f5a54;
  margin-top:40px;
  margin-bottom:8px;
}
.blog-page .blog-prose h3 + p{
  margin-top:0;
}
/* Mantém mais respiro quando um novo subtópico começa após texto corrido */
.blog-page .blog-prose p + h3{
  margin-top:40px;
}
/* Componentes editoriais preservam seus ritmos próprios */
.blog-page .blog-article-summary p,
.blog-page .blog-inline-cta p,
.blog-page .blog-authority p,
.blog-page .blog-concept p,
.blog-page .blog-mini-steps p{
  margin-bottom:18px;
}
@media(max-width:640px){
  .blog-page .blog-prose p{margin-bottom:14px}
  .blog-page .blog-prose h3,
  .blog-page .blog-prose p + h3{margin-top:34px}
  .blog-page .blog-prose h3{margin-bottom:7px}
}

/* V4.8 — assinatura editorial BOM Inteligência em duas áreas */
.blog-authority__offer{
  display:grid;
  grid-template-columns:minmax(190px,.78fr) minmax(0,1.5fr);
  gap:clamp(42px,6vw,78px);
  align-items:start;
  margin-top:58px;
  padding:48px 0 10px;
  background:transparent;
  color:var(--ink);
  border-left:0;
  border-top:1px solid var(--line);
}
.blog-authority__brand{
  position:relative;
  padding-left:18px;
}
.blog-authority__brand::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:3px;
  height:86px;
  background:var(--amber);
}
.blog-authority__offer .blog-authority__brand h3{
  color:var(--ink);
  font-size:clamp(27px,2.6vw,35px)!important;
  line-height:1.08!important;
  font-weight:500;
  letter-spacing:-.035em;
  margin:28px 0 14px!important;
}
.blog-authority__principle{
  max-width:16ch!important;
  margin:0!important;
  color:#6b665f!important;
  font-size:15px!important;
  line-height:1.5!important;
}
.blog-authority__message{padding-top:2px}
.blog-authority__offer .blog-authority__message h4{
  max-width:22ch;
  margin:0 0 24px;
  color:var(--ink);
  font-size:clamp(25px,2.4vw,33px);
  line-height:1.18;
  font-weight:500;
  letter-spacing:-.025em;
}
.blog-authority__offer .blog-authority__message p{
  max-width:56ch;
  margin:0 0 16px;
  color:var(--ink);
  font-size:17px;
  line-height:1.7;
}
.blog-authority__offer .blog-authority__message .blog-inline-link{
  display:inline-block;
  margin-top:14px;
  color:var(--ink);
}
@media(max-width:760px){
  .blog-authority__offer{
    grid-template-columns:1fr;
    gap:38px;
    margin-top:46px;
    padding-top:38px;
  }
  .blog-authority__brand{padding-left:16px}
  .blog-authority__brand::before{height:72px}
  .blog-authority__offer .blog-authority__brand h3{margin-top:24px!important}
  .blog-authority__message{padding-top:0}
  .blog-authority__offer .blog-authority__message h4{font-size:26px;max-width:24ch;margin-bottom:20px}
}

/* V4.9 — correção do fechamento da interna: relacionados + CTA final */
.blog-page .blog-related{
  margin-top:72px;
  padding-top:0;
}
.blog-page .blog-related .blog-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px;
  align-items:start;
}
.blog-page .blog-related .blog-card{
  padding-top:0;
}
.blog-page .blog-related .blog-card__media{
  width:100%;
  aspect-ratio:16/9;
  min-height:0;
  background:#f4f4f2;
}
.blog-page .blog-related .blog-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.blog-page .blog-related .blog-card__body{
  padding-top:16px;
}
.blog-page .blog-related .blog-card h3{
  font-size:clamp(21px,1.7vw,27px);
  line-height:1.16;
}
.blog-page .blog-related .blog-card__description{
  margin-top:10px;
  font-size:15px;
  line-height:1.55;
}
.blog-page .blog-related .blog-meta{
  margin-top:10px;
}
.blog-page .blog-related .blog-all-link{
  display:inline-block;
  margin-top:30px;
}
.blog-page .blog-product-cta{
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);
  column-gap:clamp(56px,8vw,120px);
  align-items:center;
  margin-top:64px;
  padding:48px 0 64px;
}
.blog-page .blog-product-cta h2{
  max-width:20ch;
  font-size:clamp(31px,3vw,42px);
}
.blog-page .blog-product-cta > div{
  max-width:500px;
  justify-self:end;
}
.blog-page .blog-product-cta p{
  margin-bottom:20px;
  font-size:16px;
  line-height:1.6;
}
@media(max-width:900px){
  .blog-page .blog-related .blog-grid{grid-template-columns:1fr 1fr;gap:36px 24px}
  .blog-page .blog-product-cta{grid-template-columns:1fr;gap:24px;align-items:start}
  .blog-page .blog-product-cta > div{justify-self:start;max-width:620px}
}
@media(max-width:640px){
  .blog-page .blog-related{margin-top:48px}
  .blog-page .blog-related .blog-grid{grid-template-columns:1fr;gap:34px}
  .blog-page .blog-product-cta{margin-top:48px;padding:36px 0 48px}
}

/* V4.10 — correção real do fechamento: coesão dos relacionados + CTA final */
.blog-page .blog-related .blog-card__media{
  border:1px solid var(--line);
}
.blog-page .blog-related .blog-card:first-child .blog-card__media,
.blog-page .blog-related .blog-card:last-child .blog-card__media{
  border-color:transparent;
}
.blog-page .blog-product-cta{
  grid-template-columns:minmax(0,.9fr) minmax(0,1fr);
  column-gap:clamp(40px,5vw,72px);
  align-items:start;
  margin-top:56px;
  padding:52px 0 64px;
}
.blog-page .blog-product-cta h2{
  max-width:18ch;
  margin:0;
}
.blog-page .blog-product-cta > div{
  width:100%;
  max-width:540px;
  justify-self:start;
  padding-top:4px;
}
.blog-page .blog-product-cta p{
  max-width:48ch;
}
@media(max-width:900px){
  .blog-page .blog-product-cta{
    grid-template-columns:1fr;
    gap:22px;
  }
  .blog-page .blog-product-cta > div{padding-top:0}
}


/* V4.11 — fechamento robusto: relacionados consistentes + CTA compacto */
.blog-page .blog-related{
  margin-top:64px;
  padding-bottom:48px;
}
.blog-page .blog-related .blog-section__head{margin-bottom:28px}
.blog-page .blog-related .blog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(24px,3vw,40px);
  align-items:start;
}
.blog-page .blog-related .blog-card__link{display:block;height:auto}
.blog-page .blog-related .blog-card__media{
  width:100%;
  aspect-ratio:3/2;
  overflow:hidden;
  border:0;
  background:#f4f4f2;
}
.blog-page .blog-related .blog-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.blog-page .blog-related .blog-card__body{padding-top:16px}
.blog-page .blog-related .blog-card h3{font-size:clamp(20px,1.65vw,25px);line-height:1.18}
.blog-page .blog-related .blog-card__description{font-size:14px;line-height:1.55;margin-top:9px}
.blog-page .blog-related .blog-meta{margin-top:9px}
.blog-page .blog-related .blog-all-link{margin-top:26px}

/* O CTA final deixa de depender de duas colunas: uma única composição editorial. */
.blog-page .blog-product-cta{
  display:block;
  margin-top:0;
  padding:48px 0 60px;
  border-top:1px solid var(--line);
}
.blog-page .blog-product-cta h2{
  max-width:22ch;
  margin:0;
  font-size:clamp(30px,3vw,42px);
  line-height:1.12;
}
.blog-page .blog-product-cta > div{
  width:auto;
  max-width:650px;
  margin-top:20px;
  padding:0;
}
.blog-page .blog-product-cta p{
  max-width:58ch;
  margin:0 0 20px;
  font-size:16px;
  line-height:1.6;
}
@media(max-width:900px){
  .blog-page .blog-related .blog-grid{grid-template-columns:1fr 1fr;gap:34px 24px}
}
@media(max-width:640px){
  .blog-page .blog-related{margin-top:48px;padding-bottom:38px}
  .blog-page .blog-related .blog-grid{grid-template-columns:1fr;gap:32px}
  .blog-page .blog-product-cta{padding:38px 0 48px}
  .blog-page .blog-product-cta > div{margin-top:16px}
}

/* V4.12 — fechamento alinhado à coluna editorial, não ao shell inteiro */
.blog-page .blog-related,
.blog-page .blog-product-cta{
  width:min(1120px,100%);
  margin-left:auto;
  margin-right:auto;
}
.blog-page .blog-related{
  margin-top:64px;
  padding:56px 0 48px;
  border-top:1px solid var(--line);
}
.blog-page .blog-related .blog-section__head{margin-bottom:26px}
.blog-page .blog-related .blog-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.blog-page .blog-related .blog-card__media{aspect-ratio:16/10}
.blog-page .blog-related .blog-card h3{font-size:clamp(19px,1.35vw,23px)}
.blog-page .blog-related .blog-card__description{font-size:14px}
.blog-page .blog-product-cta{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);
  gap:56px;
  align-items:start;
  margin-top:0;
  padding:48px 0 64px;
  border-top:1px solid var(--line);
}
.blog-page .blog-product-cta h2{
  max-width:18ch;
  font-size:clamp(30px,2.7vw,40px);
}
.blog-page .blog-product-cta > div{
  max-width:460px;
  margin:0;
  padding-top:3px;
  justify-self:start;
}
.blog-page .blog-product-cta p{font-size:15px;line-height:1.6;margin-bottom:20px}
@media(max-width:900px){
  .blog-page .blog-related,.blog-page .blog-product-cta{width:100%}
  .blog-page .blog-related .blog-grid{grid-template-columns:1fr 1fr}
  .blog-page .blog-product-cta{grid-template-columns:1fr;gap:20px}
  .blog-page .blog-product-cta > div{max-width:620px}
}
@media(max-width:640px){
  .blog-page .blog-related{padding:40px 0 36px}
  .blog-page .blog-related .blog-grid{grid-template-columns:1fr;gap:30px}
  .blog-page .blog-product-cta{padding:38px 0 48px}
}

/* V4.14 — fechamento mobile: composição própria, sem comprimir o desktop */
@media (max-width:640px){
  .blog-page .blog-shell{
    width:calc(100% - 40px);
    max-width:none;
  }

  .blog-page .blog-related{
    width:100%;
    margin:48px 0 0;
    padding:40px 0 36px;
  }
  .blog-page .blog-related .blog-section__head{
    margin-bottom:22px;
  }
  .blog-page .blog-related .blog-section__head h2{
    font-size:28px;
    line-height:1.08;
    max-width:14ch;
  }
  .blog-page .blog-related .blog-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:34px;
    width:100%;
  }
  .blog-page .blog-related .blog-card,
  .blog-page .blog-related .blog-card__link,
  .blog-page .blog-related .blog-card__media,
  .blog-page .blog-related .blog-card__body{
    width:100%;
    min-width:0;
    max-width:none;
  }
  .blog-page .blog-related .blog-card__media{
    aspect-ratio:16/10;
    min-height:0;
    overflow:hidden;
  }
  .blog-page .blog-related .blog-card__media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .blog-page .blog-related .blog-card__body{
    padding:14px 0 0;
  }
  .blog-page .blog-related .blog-card h3{
    font-size:20px;
    line-height:1.18;
  }
  .blog-page .blog-related .blog-card__description{
    font-size:14px;
    line-height:1.5;
  }
  .blog-page .blog-related .blog-all-link{
    margin-top:28px;
  }

  .blog-page .blog-product-cta{
    display:block;
    width:100%;
    margin:0;
    padding:38px 0 44px;
  }
  .blog-page .blog-product-cta h2{
    width:100%;
    max-width:15ch;
    margin:0;
    font-size:30px;
    line-height:1.08;
  }
  .blog-page .blog-product-cta > div{
    width:100%;
    max-width:none;
    margin:18px 0 0;
    padding:0;
  }
  .blog-page .blog-product-cta p{
    max-width:none;
    margin:0 0 20px;
    font-size:15px;
    line-height:1.55;
  }

  /* O footer deixa de herdar qualquer grade desktop. */
  .blog-page .site-footer{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .blog-page .site-footer .footer-top{
    display:block;
    width:100%;
  }
  .blog-page .site-footer .footer-brand{
    width:100%;
    max-width:none;
    margin:0 0 36px;
  }
  .blog-page .site-footer .footer-nav{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
    width:100%;
    min-width:0;
  }
  .blog-page .site-footer .footer-nav > div{
    width:100%;
    min-width:0;
  }
  .blog-page .site-footer .footer-nav a{
    width:fit-content;
    max-width:100%;
  }
  .blog-page .site-footer .footer-bottom{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
    width:100%;
  }
  .blog-page .site-footer .footer-legal{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .blog-page .cookie-settings-link{
    max-width:calc(100vw - 24px);
  }
}

/* V4.15 — mobile hardening: neutraliza larguras/grades herdadas do desktop */
@media (max-width: 640px){
  html, body{max-width:100%; overflow-x:hidden;}

  /* A interna passa a usar um único gutter real. Não depende de % nem de min-width herdado. */
  body.blog-page main > .blog-shell{
    box-sizing:border-box !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:20px !important;
    margin-right:20px !important;
  }
  body.blog-page .blog-shell > *,
  body.blog-page .blog-reading,
  body.blog-page .blog-prose,
  body.blog-page .blog-prose > *,
  body.blog-page article{
    box-sizing:border-box;
    min-width:0 !important;
    max-width:100% !important;
  }

  /* Remove definitivamente a grade TOC + artigo no telefone. */
  body.blog-page .blog-reading{
    display:block !important;
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  body.blog-page .blog-toc{
    width:100% !important;
    margin:0 0 32px !important;
  }
  body.blog-page .blog-prose{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }

  /* Evita que qualquer componente editorial recrie uma largura mínima. */
  body.blog-page .blog-opening,
  body.blog-page .blog-article-summary,
  body.blog-page .blog-concept,
  body.blog-page .blog-inline-cta,
  body.blog-page .blog-authority,
  body.blog-page .blog-authority__offer,
  body.blog-page .blog-authority__brand,
  body.blog-page .blog-authority__message,
  body.blog-page .blog-article-faq{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  /* Fechamento: uma pilha única e previsível. */
  body.blog-page .blog-related{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  body.blog-page .blog-related .blog-grid{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    gap:32px !important;
  }
  body.blog-page .blog-related .blog-card,
  body.blog-page .blog-related .blog-card__link,
  body.blog-page .blog-related .blog-card__media,
  body.blog-page .blog-related .blog-card__body{
    display:block;
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  body.blog-page .blog-related .blog-card__media{
    aspect-ratio:16/10 !important;
    height:auto !important;
  }

  body.blog-page .blog-product-cta{
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  body.blog-page .blog-product-cta h2,
  body.blog-page .blog-product-cta > div{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }

  /* Footer está fora do .blog-shell: recebe seu próprio gutter mobile. */
  body.blog-page footer.site-footer{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }
  body.blog-page footer.site-footer .footer-top,
  body.blog-page footer.site-footer .footer-bottom{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }
  body.blog-page footer.site-footer .footer-top{
    display:block !important;
  }
  body.blog-page footer.site-footer .footer-brand{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 0 36px !important;
  }
  body.blog-page footer.site-footer .footer-nav{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    gap:30px !important;
  }
  body.blog-page footer.site-footer .footer-nav > div{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
  body.blog-page footer.site-footer .footer-bottom,
  body.blog-page footer.site-footer .footer-legal{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
  }
}

@media (max-width: 380px){
  body.blog-page main > .blog-shell{margin-left:16px !important;margin-right:16px !important;}
  body.blog-page footer.site-footer .footer-top,
  body.blog-page footer.site-footer .footer-bottom{padding-left:16px !important;padding-right:16px !important;}
}


/* V4.16 — relacionados mobile: mídia estática, inteira e na proporção nativa.
   Não altera o grid do artigo nem o desktop. */
@media (max-width: 640px){
  body.blog-page .blog-related .blog-card__media{
    position:relative !important;
    width:100% !important;
    aspect-ratio:3 / 2 !important;
    height:auto !important;
    min-height:0 !important;
    overflow:hidden !important;
  }
  body.blog-page .blog-related .blog-card__media img{
    position:static !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    aspect-ratio:3 / 2 !important;
    object-fit:contain !important;
    object-position:center !important;
    transform:none !important;
    margin:0 !important;
  }
}

/* V4.18 — relacionados mobile: respiro pertence ao card, não ao grid.
   Isso evita que regras anteriores de grid/flex anulem visualmente a separação. */
@media (max-width:640px){
  body.blog-page .blog-related .blog-grid{
    display:block !important;
  }
  body.blog-page .blog-related .blog-card{
    display:block !important;
    margin:0 0 56px !important;
    padding:0 !important;
  }
  body.blog-page .blog-related .blog-card:last-child{
    margin-bottom:0 !important;
  }
  body.blog-page .blog-related .blog-card__link{
    display:block !important;
    height:auto !important;
  }
  body.blog-page .blog-related .blog-card__body{
    padding:16px 0 0 !important;
  }
  body.blog-page .blog-related .blog-all-link{
    margin-top:32px !important;
  }
}


/* V4.19 — fechamento mobile: gutter lateral real para blocos fora do .blog-shell.
   .blog-related e .blog-product-cta são irmãos do .blog-shell no HTML da interna,
   portanto não herdam o gutter mobile do artigo. */
@media (max-width:640px){
  body.blog-page .blog-related,
  body.blog-page .blog-product-cta{
    box-sizing:border-box !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:20px !important;
    margin-right:20px !important;
  }

  body.blog-page .blog-related{
    margin-top:48px !important;
  }

  body.blog-page .blog-related .blog-section__head,
  body.blog-page .blog-related .blog-grid,
  body.blog-page .blog-related .blog-all-link{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
  }

  body.blog-page .blog-related .blog-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 56px !important;
  }

  body.blog-page .blog-related .blog-card:last-child{
    margin-bottom:0 !important;
  }

  body.blog-page .blog-product-cta{
    margin-top:0 !important;
  }
}

@media (max-width:380px){
  body.blog-page .blog-related,
  body.blog-page .blog-product-cta{
    margin-left:16px !important;
    margin-right:16px !important;
  }
}

/* POST 02 | Trabalho invisível */
.work-cover{aspect-ratio:3/2;background:#ffb01c;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;padding:72px 8%;overflow:hidden}
.work-cover__messages{display:flex;flex-direction:column;justify-content:center;gap:16px}.work-cover__messages span{background:#f6f1e7;border:1px solid rgba(17,17,17,.22);padding:16px 20px;max-width:420px;font-size:18px;line-height:1.35;box-shadow:8px 8px 0 rgba(17,17,17,.08)}.work-cover__messages span:nth-child(even){margin-left:56px}.work-cover__tasks{display:flex;flex-direction:column;justify-content:center;gap:14px}.work-cover__tasks i{font-style:normal;font-size:12px;letter-spacing:.12em;font-weight:700;border:1px solid #111;padding:14px 16px;text-align:center;background:rgba(246,241,231,.35)}
.work-timeline{margin:0 0 32px;border-block:1px solid var(--line)}.work-timeline>div{display:grid;grid-template-columns:70px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.work-timeline>div:last-child{border-bottom:0}.work-timeline time{font-size:13px;font-weight:700;letter-spacing:.06em}.blog-page .work-timeline p{margin:0}
.work-process__message{max-width:420px;margin:28px auto 24px;background:#111;color:#fff;padding:18px 22px;text-align:center;font-size:20px}.work-process__steps{max-width:520px;margin:auto;display:grid;grid-template-columns:1fr;text-align:center}.work-process__steps div{background:#f6f1e7;border:1px solid rgba(17,17,17,.2);padding:14px 18px}.work-process__steps b{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:4px}.work-process__steps span{font-size:15px}.work-process__steps i{font-style:normal;padding:5px}.work-process__insight{margin:28px auto 0;max-width:520px;padding-top:20px;border-top:1px solid rgba(17,17,17,.25);display:flex;justify-content:space-between;gap:24px}.work-process__insight span,.work-process__insight strong{font-size:16px}
.work-math{text-align:center}.work-math__equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1.25fr;align-items:stretch;gap:12px;margin:30px 0 24px}.work-math__equation>div{background:#f6f1e7;padding:24px 12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.work-math__equation>i{font-style:normal;align-self:center;font-size:28px}.work-math__equation strong{font-size:34px;line-height:1}.work-math__equation span{font-size:13px;margin-top:8px}.work-math__equation .work-math__result{background:#111;color:#fff}.work-math__equation .work-math__result strong{font-size:44px}.work-math small{display:block;margin-top:14px;opacity:.68}
.blog-prose blockquote.work-big-quote{border:0;padding:28px 0;margin:44px 0;font-size:clamp(30px,4vw,46px);line-height:1.12;font-weight:500;letter-spacing:-.04em}
.work-diagnostic figcaption{display:flex;flex-direction:column;gap:6px}.work-diagnostic figcaption span{font-size:15px;font-weight:400}.work-diagnostic__table{margin-top:28px;border:1px solid rgba(17,17,17,.25)}.work-diagnostic__table>div{display:grid;grid-template-columns:.7fr 1.25fr 1.7fr .7fr;min-height:52px;border-bottom:1px solid rgba(17,17,17,.18);align-items:center}.work-diagnostic__table>div:last-child{border-bottom:0}.work-diagnostic__table>* > *{padding:12px;border-right:1px solid rgba(17,17,17,.18)}.work-diagnostic__table>* > *:last-child{border-right:0}.work-diagnostic__head{background:#111;color:#fff;font-size:12px;letter-spacing:.04em}.work-diagnostic__table span{font-weight:700}.work-diagnostic__table i{display:block;height:1px;background:rgba(17,17,17,.25);margin:0 12px;padding:0}
@media(max-width:760px){.work-cover{grid-template-columns:1fr;gap:28px;padding:36px 24px}.work-cover__messages span{font-size:15px;padding:12px 14px}.work-cover__messages span:nth-child(even){margin-left:24px}.work-cover__tasks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.work-cover__tasks i{font-size:10px;padding:10px 8px}.work-math__equation{grid-template-columns:1fr;gap:8px}.work-math__equation>i{font-size:20px}.work-math__equation>div{padding:18px 12px}.work-process__insight{flex-direction:column;gap:6px}.work-diagnostic__table{overflow-x:auto}.work-diagnostic__table>div{min-width:620px}}


/* POST 02 | refinamento de abertura + animação da capa */
.work-timeline-intro{
  margin:0 0 22px;
  font-size:clamp(18px,2vw,23px);
  line-height:1.35;
  letter-spacing:-.015em;
}

@keyframes workMessageIn{
  0%{opacity:0;transform:translate3d(-18px,10px,0) scale(.985)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes workTaskIn{
  0%{opacity:0;transform:translate3d(14px,0,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes workTaskPulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-2px)}
}

.work-cover__messages span{
  opacity:0;
  animation:workMessageIn .48s cubic-bezier(.2,.75,.25,1) forwards;
  animation-delay:calc(.16s + (var(--i) * .22s));
}
.work-cover__tasks i{
  opacity:0;
  animation:
    workTaskIn .38s cubic-bezier(.2,.75,.25,1) forwards,
    workTaskPulse 3.8s ease-in-out infinite;
  animation-delay:
    calc(.30s + (var(--i) * .22s)),
    calc(1.7s + (var(--i) * .18s));
}
.work-cover__messages span:nth-child(1){transform-origin:left center}
.work-cover__messages span:nth-child(2){transform-origin:right center}
.work-cover__messages span:nth-child(3){transform-origin:left center}
.work-cover__messages span:nth-child(4){transform-origin:right center}

@media (prefers-reduced-motion:reduce){
  .work-cover__messages span,
  .work-cover__tasks i{
    opacity:1;
    animation:none !important;
    transform:none !important;
  }
}

/* V4.23 — respiro antes da assinatura BOM DIGITAL no fechamento editorial */
.blog-page .blog-authority{
  padding-top:36px;
}
@media(max-width:640px){
  .blog-page .blog-authority{
    padding-top:30px;
  }
}

/* Blog navigation: only Blog is the persistent current section. */
.blog-page .nav-products__trigger::after{right:100%}
.blog-page .nav-products:hover .nav-products__trigger::after,
.blog-page .nav-products.is-open .nav-products__trigger::after{right:0}


/* POST 03 | Uma boa automação começa na jornada */
@keyframes journeyStepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.journey-cover{aspect-ratio:3/2;background:#ffb01c;padding:72px 7%;display:flex;flex-direction:column;justify-content:center;gap:34px;overflow:hidden}
.journey-cover__track{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.journey-cover__track span{background:#f6f1e7;border:1px solid rgba(17,17,17,.25);padding:18px 20px;font-size:12px;font-weight:800;letter-spacing:.1em;opacity:0;animation:journeyStepIn .45s ease forwards;animation-delay:calc(.15s + (var(--i) * .15s))}
.journey-cover__track i{font-style:normal;font-size:24px}
.journey-cover>p{margin:0;text-align:center;font-size:clamp(22px,3vw,34px);font-weight:600;letter-spacing:-.03em}
.journey-label{font-size:11px!important;letter-spacing:.11em;font-weight:800;margin-bottom:18px!important}
.journey-islands__compare{display:grid;grid-template-columns:1fr;gap:34px;margin-top:26px}
.journey-islands__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.journey-islands__grid span{border:1px solid rgba(17,17,17,.2);background:#f6f1e7;padding:20px;font-weight:700}
.journey-islands__grid small{display:block;margin-top:6px;font-size:10px;letter-spacing:.1em}
.journey-islands__connected{background:#111;color:#fff;padding:28px}
.journey-islands__connected>div{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px 0 22px}
.journey-islands__connected span{background:#ffb01c;color:#111;padding:12px 14px;font-size:12px;font-weight:800}
.journey-islands__connected i{font-style:normal}
.journey-layers__stack{display:grid;grid-template-columns:1fr;gap:8px;margin-top:26px}
.journey-layers__stack>div{background:#f6f1e7;border:1px solid rgba(17,17,17,.18);padding:24px}
.journey-layers__stack>div:nth-of-type(2){background:#ffb01c}
.journey-layers__stack span{font-size:11px;font-weight:800;letter-spacing:.12em}
.journey-layers__stack h3{margin:8px 0 8px!important;font-size:22px!important}
.journey-layers__stack p{margin:0!important}
.journey-layers__stack>i{text-align:center;font-style:normal;font-size:22px}
.journey-layers__footer{text-align:center;margin:24px 0 0!important}
.journey-method__flow{max-width:600px;margin:28px auto;display:grid;grid-template-columns:1fr;text-align:center}
.journey-method__flow div{background:#f6f1e7;border:1px solid rgba(17,17,17,.2);padding:16px 20px}
.journey-method__flow div:nth-of-type(3){background:#ffb01c}
.journey-method__flow b{display:block;font-size:12px;letter-spacing:.11em;margin-bottom:5px}
.journey-method__flow span{font-size:15px}
.journey-method__flow i{font-style:normal;padding:5px}
.journey-method>p{text-align:center!important}
@media(max-width:760px){
 .journey-cover{padding:40px 22px;gap:24px}
 .journey-cover__track{display:grid;grid-template-columns:1fr;gap:7px}
 .journey-cover__track i{text-align:center;transform:rotate(90deg);font-size:18px}
 .journey-cover__track span{text-align:center;padding:13px 12px}
 .journey-islands__grid{grid-template-columns:1fr}
 .journey-islands__connected>div{flex-direction:column}
 .journey-islands__connected i{transform:rotate(90deg)}
}
@media(prefers-reduced-motion:reduce){.journey-cover__track span{opacity:1;animation:none}}


/* POST 03 V2 | capa editorial conectada */
@keyframes jMessage{0%{opacity:0;transform:translateY(14px) scale(.98)}100%{opacity:1;transform:none}}
@keyframes jStep{0%{opacity:.18;transform:translateY(8px)}45%{opacity:1;transform:translateY(0)}100%{opacity:1;transform:translateY(0)}}
@keyframes jContext{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@keyframes jFlow{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.journey-cover--connected{position:relative;aspect-ratio:3/2;background:#ffb01c;padding:58px 7%;display:grid;grid-template-columns:minmax(190px,.78fr) 1.4fr;grid-template-rows:auto auto auto;column-gap:7%;row-gap:24px;align-content:center;overflow:hidden}
.journey-cover--connected .journey-cover__message{background:#f6f1e7;border:1px solid rgba(17,17,17,.35);padding:22px 24px;font-size:clamp(17px,2vw,24px);line-height:1.25;font-weight:650;letter-spacing:-.025em;box-shadow:7px 7px 0 #111;animation:jMessage .5s cubic-bezier(.2,.8,.2,1) both}
.journey-cover--connected .journey-cover__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-items:stretch}
.journey-cover--connected .journey-cover__steps span{display:flex;align-items:center;justify-content:center;min-height:58px;background:#111;color:#fff;padding:10px 8px;font-size:10px;font-weight:850;letter-spacing:.09em;opacity:.18;animation:jStep .38s ease both;animation-delay:calc(.42s + var(--i)*.18s)}
.journey-cover--connected .journey-cover__line{position:absolute;left:31%;right:7%;top:50%;height:2px;background:#111;transform-origin:left;animation:jFlow .8s .32s cubic-bezier(.2,.8,.2,1) both;z-index:0}
.journey-cover--connected .journey-cover__context{grid-column:2;display:flex;gap:8px;flex-wrap:wrap}
.journey-cover--connected .journey-cover__context i{font-style:normal;border:1px solid #111;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:750;background:#ffb01c;animation:jContext .35s ease both;animation-delay:calc(.62s + var(--i)*.15s)}
.journey-cover--connected>p{grid-column:1/-1;margin:8px 0 0;text-align:center;font-size:clamp(20px,2.5vw,31px);line-height:1.1;font-weight:650;letter-spacing:-.035em}
@media(max-width:760px){
 .journey-cover--connected{aspect-ratio:auto;min-height:500px;padding:34px 22px;grid-template-columns:1fr;grid-template-rows:auto;gap:22px}
 .journey-cover--connected .journey-cover__message{max-width:86%;padding:18px}
 .journey-cover--connected .journey-cover__steps{grid-column:1;grid-template-columns:1fr 1fr}
 .journey-cover--connected .journey-cover__context{grid-column:1}
 .journey-cover--connected .journey-cover__line{display:none}
 .journey-cover--connected>p{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
 .journey-cover--connected *{animation:none!important;opacity:1!important;transform:none!important}
}

/* Card visual do Post 03: mesma linguagem da interna */
.blog-card[data-slug="automacao-comeca-na-jornada"] .blog-card__visual,
.blog-card--jornada .blog-card__visual{background:#ffb01c!important;position:relative;overflow:hidden}

.card-journey-art{height:100%;min-height:240px;background:#ffb01c;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.card-journey-art__msg{align-self:flex-start;background:#f6f1e7;border:1px solid #111;box-shadow:5px 5px 0 #111;padding:14px 16px;font-weight:700;line-height:1.15}
.card-journey-art__flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.card-journey-art__flow span{background:#111;color:#fff;padding:9px 8px;font-size:9px;font-weight:850;letter-spacing:.08em}
.card-journey-art__flow i{font-style:normal;font-size:13px}
.card-journey-art__chips{display:flex;gap:7px}
.card-journey-art__chips b{border:1px solid #111;border-radius:999px;padding:5px 9px;font-size:9px}

/* POST 03 V3 | ilustração editorial */
@keyframes jsMsg{from{opacity:0;transform:translate(-18px,8px)}to{opacity:1;transform:none}}
@keyframes jsChip{from{opacity:0;transform:translate(-28px,14px)}to{opacity:1;transform:none}}
@keyframes jsDraw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes jsCard{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes jsResult{from{opacity:0;transform:translateX(18px) scale(.96)}to{opacity:1;transform:none}}
@keyframes jsPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
.journey-story{position:relative;aspect-ratio:3/2;background:#ffb01c;overflow:hidden;min-height:430px}
.journey-story__message{position:absolute;left:8%;top:18%;width:31%;background:#fff;border-radius:14px;padding:22px 24px 22px 34px;box-shadow:7px 7px 0 #111;animation:jsMsg .48s cubic-bezier(.2,.8,.2,1) both}
.journey-story__message:after{content:"";position:absolute;left:28px;bottom:-14px;border-width:15px 18px 0 0;border-style:solid;border-color:#fff transparent transparent}
.journey-story__message p{margin:0!important;font-size:clamp(16px,2vw,23px)!important;line-height:1.18!important;font-weight:700!important;letter-spacing:-.03em}
.journey-story__dot{position:absolute;left:14px;top:17px;width:7px;height:7px;border-radius:50%;background:#ff5900}
.journey-story__path{position:absolute;left:35%;right:15%;top:52%;height:70px}
.journey-story__path-line{position:absolute;left:0;right:0;top:32px;height:2px;background:#111;transform-origin:left;animation:jsDraw .85s .35s cubic-bezier(.2,.8,.2,1) both}
.journey-story__path:after{content:"";position:absolute;right:-1px;top:27px;width:9px;height:9px;border-top:2px solid #111;border-right:2px solid #111;transform:rotate(45deg)}
.journey-story__node{position:absolute;top:27px;width:12px;height:12px;border:2px solid #111;background:#ffb01c;border-radius:50%;animation:jsPulse 1.8s ease-in-out infinite}.journey-story__node.n1{left:18%;animation-delay:.75s}.journey-story__node.n2{left:48%;animation-delay:1s}.journey-story__node.n3{left:75%;animation-delay:1.25s}
.journey-story__chips{position:absolute;left:29%;top:42%;display:flex;gap:7px;z-index:3}.journey-story__chips span{background:#fff;border:1px solid #111;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;opacity:0;animation:jsChip .52s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.42s + var(--i)*.14s)}
.journey-story__cards{position:absolute;left:49%;top:17%;width:26%;height:25%}.journey-story__card{position:absolute;width:105px;height:68px;border:1px solid #111;border-radius:8px;padding:15px;background:#f7f2e8;animation:jsCard .45s ease both}.journey-story__card.card-a{left:0;top:0;animation-delay:.78s}.journey-story__card.card-b{right:0;bottom:0;background:#111;animation-delay:1.02s}.journey-story__card i{display:block;width:70%;height:3px;background:#777;margin:0 0 8px}.journey-story__card i:nth-child(2){width:48%}.journey-story__card.card-b i{background:#ddd}.journey-story__card b{position:absolute;right:11px;bottom:8px;color:#ffb01c;font-size:20px}
.journey-story__result{position:absolute;right:7%;top:36%;width:112px;height:82px;background:#fff;border:1px solid #111;border-radius:9px;padding:17px;display:flex;align-items:flex-start;gap:9px;box-shadow:6px 6px 0 #111;animation:jsResult .5s 1.28s ease both}.journey-story__result>span{width:7px;height:7px;border-radius:50%;background:#ff5900;flex:none}.journey-story__result div{flex:1}.journey-story__result i{display:block;height:3px;background:#777;margin:0 0 7px}.journey-story__result i+i{width:65%}.journey-story__result b{position:absolute;right:9px;bottom:6px;font-size:20px}
.journey-story__caption{position:absolute;left:8%;bottom:12%;margin:0!important;font-size:clamp(22px,3vw,38px)!important;line-height:1!important;font-weight:650!important;letter-spacing:-.045em;max-width:520px}
@media(max-width:760px){.journey-story{aspect-ratio:auto;min-height:520px}.journey-story__message{left:8%;top:10%;width:68%;padding:18px 18px 18px 28px}.journey-story__path{left:16%;right:14%;top:52%}.journey-story__chips{left:12%;top:42%;flex-wrap:wrap}.journey-story__cards{left:auto;right:8%;top:29%;width:44%}.journey-story__card{width:82px;height:58px}.journey-story__result{right:8%;top:56%;width:94px;height:72px}.journey-story__caption{left:8%;right:8%;bottom:9%;font-size:28px!important}}
@media(prefers-reduced-motion:reduce){.journey-story *{animation:none!important;opacity:1!important;transform:none!important}}


/* POST 04 | Sua IA conhece o seu negócio? */
@keyframes ctxQuestion{from{opacity:0;transform:translate(-18px,10px)}to{opacity:1;transform:none}}
@keyframes ctxChip{0%{opacity:0;transform:translate(-20px,14px)}100%{opacity:1;transform:none}}
@keyframes ctxLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ctxCore{0%{transform:scale(.9);opacity:.4}100%{transform:scale(1);opacity:1}}
@keyframes ctxAnswer{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.context-story{position:relative;aspect-ratio:3/2;min-height:430px;background:#ffb01c;overflow:hidden}
.context-story__question{position:absolute;left:7%;top:18%;width:29%;background:#fff;border-radius:14px;padding:24px 24px 24px 36px;box-shadow:7px 7px 0 #111;animation:ctxQuestion .48s cubic-bezier(.2,.8,.2,1) both}
.context-story__question:after{content:"";position:absolute;left:28px;bottom:-14px;border-width:15px 18px 0 0;border-style:solid;border-color:#fff transparent transparent}
.context-story__question>span{position:absolute;left:15px;top:18px;width:7px;height:7px;border-radius:50%;background:#ff5900}
.context-story__question p{margin:0!important;font-size:clamp(18px,2.2vw,26px)!important;line-height:1.12!important;font-weight:700!important;letter-spacing:-.035em}
.context-story__orbit{position:absolute;left:34%;top:29%;width:39%;height:42%}
.context-story__line{position:absolute;left:0;right:0;top:50%;height:2px;background:#111;transform-origin:left;animation:ctxLine .9s .28s cubic-bezier(.2,.8,.2,1) both}
.context-story__orbit b{position:absolute;background:#fff;border:1px solid #111;border-radius:999px;padding:7px 11px;font-size:10px;letter-spacing:.01em;opacity:0;animation:ctxChip .4s ease forwards;animation-delay:calc(.42s + var(--i)*.12s)}
.context-story__orbit b:nth-of-type(1){left:3%;top:5%}.context-story__orbit b:nth-of-type(2){left:30%;top:28%}.context-story__orbit b:nth-of-type(3){left:7%;bottom:7%}.context-story__orbit b:nth-of-type(4){right:3%;top:4%}.context-story__orbit b:nth-of-type(5){right:2%;bottom:8%}
.context-story__brain{position:absolute;left:61%;top:37%;width:90px;height:90px;border-radius:50%;background:#111;display:grid;place-items:center;animation:ctxCore .5s .95s ease both}
.context-story__core{color:#ffb01c;font-size:24px;font-weight:850}.context-story__brain i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff}.context-story__brain i:nth-child(2){left:14px;top:20px}.context-story__brain i:nth-child(3){right:15px;top:25px}.context-story__brain i:nth-child(4){left:24px;bottom:13px}
.context-story__answer{position:absolute;right:7%;top:34%;width:112px;height:84px;background:#fff;border:1px solid #111;border-radius:9px;padding:17px;box-shadow:6px 6px 0 #111;animation:ctxAnswer .5s 1.25s ease both}.context-story__answer span{display:block;width:7px;height:7px;border-radius:50%;background:#ff5900;margin-bottom:9px}.context-story__answer i{display:block;height:3px;background:#777;margin-bottom:7px}.context-story__answer i:nth-of-type(2){width:62%}.context-story__answer b{position:absolute;right:10px;bottom:6px;font-size:20px}
.context-story__caption{position:absolute;left:7%;bottom:10%;margin:0!important;font-size:clamp(23px,3vw,38px)!important;line-height:1.02!important;letter-spacing:-.045em}
.context-map__question{margin:26px auto 20px;max-width:440px;background:#111;color:#fff;padding:20px;text-align:center;font-size:22px;font-weight:700}
.context-map__branches{display:grid;grid-template-columns:1fr 1fr;gap:10px}.context-map__branches>div{background:#f6f1e7;border:1px solid rgba(17,17,17,.2);padding:20px}.context-map__branches span,.context-system__grid span,.context-limits__flow span{font-size:10px;font-weight:850;letter-spacing:.1em}.context-map__branches p{margin:7px 0 0!important}
.context-map__result{margin-top:10px;background:#ffb01c;border:1px solid #111;padding:22px;text-align:center}.context-map__result span{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:6px}
.context-limits__flow{display:flex;align-items:stretch;gap:7px;margin-top:26px}.context-limits__flow>div{flex:1;background:#f6f1e7;border:1px solid rgba(17,17,17,.2);padding:18px}.context-limits__flow>i{align-self:center;font-style:normal}.context-limits__flow p{margin:7px 0 0!important;font-size:14px!important}.context-limits__human{background:#111!important;color:#fff}
.context-system__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.context-system__grid>div{background:#f6f1e7;border:1px solid rgba(17,17,17,.2);padding:20px}.context-system__grid p{margin:7px 0 0!important}.context-system__center{margin:10px auto 0;background:#ffb01c;border:1px solid #111;padding:22px;text-align:center}.context-system__center span{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:6px}
@media(max-width:760px){.context-story{aspect-ratio:auto;min-height:540px}.context-story__question{left:8%;top:9%;width:68%;padding:18px 18px 18px 30px}.context-story__orbit{left:10%;top:37%;width:72%;height:31%}.context-story__brain{left:54%;top:44%;width:76px;height:76px}.context-story__answer{right:7%;top:61%;width:92px;height:70px}.context-story__caption{left:8%;right:8%;bottom:7%;font-size:28px!important}.context-map__branches,.context-system__grid{grid-template-columns:1fr}.context-limits__flow{flex-direction:column}.context-limits__flow>i{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){.context-story *{animation:none!important;opacity:1!important;transform:none!important}}


/* POST 04 V2 | identidade clara, radial e animada */
@keyframes coRequest{from{opacity:0;transform:translate(-14px,8px)}to{opacity:1;transform:none}}
@keyframes coPiece{0%{opacity:0;transform:scale(.86) translateY(8px)}100%{opacity:1;transform:none}}
@keyframes coDraw{from{stroke-dashoffset:160}to{stroke-dashoffset:0}}
@keyframes coCore{0%{opacity:.15;transform:scale(.72)}65%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
@keyframes coNext{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}
@keyframes coDot{0%,100%{transform:scale(1)}50%{transform:scale(1.35)}}
.context-orbit{position:relative;aspect-ratio:3/2;min-height:440px;background:#f4f0e7;overflow:hidden;border:1px solid rgba(17,17,17,.08)}
.context-orbit__request{position:absolute;left:6%;top:12%;width:28%;background:#fff;border:1px solid #111;border-radius:12px;padding:20px 20px 20px 31px;box-shadow:6px 6px 0 #111;z-index:4;animation:coRequest .45s cubic-bezier(.2,.8,.2,1) both}
.context-orbit__request:after{content:"";position:absolute;left:26px;bottom:-13px;border-width:14px 17px 0 0;border-style:solid;border-color:#fff transparent transparent}
.context-orbit__request>span{position:absolute;left:12px;top:16px;width:7px;height:7px;border-radius:50%;background:#ff5900}
.context-orbit__request p{margin:0!important;font-size:clamp(17px,2vw,23px)!important;line-height:1.14!important;font-weight:700!important;letter-spacing:-.03em}
.context-orbit__network{position:absolute;left:26%;right:5%;top:18%;height:58%}
.context-orbit__network svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.co-line,.co-out{fill:none;stroke:#111;stroke-width:1.6;stroke-dasharray:160;stroke-dashoffset:160;animation:coDraw .65s ease forwards}
.co-line.l1{animation-delay:.65s}.co-line.l2{animation-delay:.78s}.co-line.l3{animation-delay:.91s}.co-line.l4{animation-delay:1.04s}.co-out{stroke-width:2.2;animation-delay:1.42s}
.context-orbit__piece{position:absolute;min-width:104px;background:#fff;border:1px solid rgba(17,17,17,.55);padding:11px 13px 10px;opacity:0;animation:coPiece .36s ease forwards;animation-delay:calc(.36s + var(--i)*.13s)}
.context-orbit__piece i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffb01c;margin-right:6px}.context-orbit__piece strong{font-size:9px;letter-spacing:.09em}.context-orbit__piece small{display:block;margin:6px 0 0 13px;font-size:10px;color:#555}
.context-orbit__piece.p1{left:1%;top:3%;transform:rotate(-2deg)}.context-orbit__piece.p2{left:4%;bottom:2%;transform:rotate(2deg)}.context-orbit__piece.p3{right:3%;top:1%;transform:rotate(2deg)}.context-orbit__piece.p4{right:0;bottom:1%;transform:rotate(-2deg)}
.context-orbit__core{position:absolute;left:50%;top:50%;width:118px;height:118px;margin:-59px 0 0 -59px;border-radius:50%;background:#111;display:grid;place-items:center;z-index:3;animation:coCore .48s 1.18s ease both}
.context-orbit__core span{color:#fff;font-size:11px;font-weight:850;letter-spacing:.11em}.context-orbit__core b{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffb01c;animation:coDot 1.7s ease-in-out infinite}.context-orbit__core b:nth-child(2){left:20px;top:25px}.context-orbit__core b:nth-child(3){right:21px;top:31px;animation-delay:.2s}.context-orbit__core b:nth-child(4){left:47px;bottom:17px;animation-delay:.4s}
.context-orbit__next{position:absolute;right:-1%;top:50%;transform:translateY(-50%);background:#ffb01c;border:1px solid #111;padding:14px 16px;min-width:108px;opacity:0;animation:coNext .42s 1.72s ease forwards}.context-orbit__next small{display:block;font-size:8px;font-weight:850;letter-spacing:.09em}.context-orbit__next strong{display:block;font-size:27px;line-height:1;margin-top:4px}
.context-orbit__caption{position:absolute;left:6%;bottom:8%;margin:0!important;font-size:clamp(21px,2.6vw,34px)!important;line-height:1.04!important;letter-spacing:-.04em;max-width:610px}
.context-update{position:relative}.context-update>div{border:1px solid rgba(17,17,17,.22);padding:18px;margin-top:10px}.context-update span{display:block;font-size:9px;font-weight:850;letter-spacing:.1em;margin-bottom:6px}.context-update__old{background:#f4f0e7}.context-update__incoming{background:#fff;border-style:dashed!important}.context-update__check{background:#111;color:#fff}.context-update__check p{margin:0!important}.context-update__new{background:#ffb01c!important;border-color:#111!important}
@media(max-width:760px){.context-orbit{aspect-ratio:auto;min-height:570px}.context-orbit__request{left:7%;top:7%;width:63%}.context-orbit__network{left:5%;right:5%;top:30%;height:45%}.context-orbit__piece{min-width:88px;padding:9px}.context-orbit__piece small{display:none}.context-orbit__core{width:96px;height:96px;margin:-48px 0 0 -48px}.context-orbit__next{right:1%;min-width:92px}.context-orbit__caption{left:7%;right:7%;bottom:6%;font-size:26px!important}}
@media(prefers-reduced-motion:reduce){.context-orbit *{animation:none!important;opacity:1!important;stroke-dashoffset:0!important}}


/* BLOG HOME | Posts 03 e 04 — capas reduzidas para leitura em thumbnail */
.blog-card__media--motion{
  position:relative;
  overflow:hidden;
}
.blog-card__media--motion > img{
  opacity:0;
}
.blog-cover-motion{
  position:absolute;
  inset:0;
  pointer-events:none;
}

/* POST 03 — JORNADA
   Uma única trajetória, três etapas e uma saída. */
.blog-cover-motion--jornada{
  background:#ffb01c;
}
.journey-simple__line{
  position:absolute;
  left:18%;
  right:19%;
  top:50%;
  height:2px;
  background:#111;
  transform-origin:left center;
  animation:journeyLine 4.8s ease-in-out infinite;
}
.journey-simple__dot{
  position:absolute;
  top:50%;
  width:18px;
  height:18px;
  margin:-9px 0 0 -9px;
  border-radius:50%;
  background:#111;
  box-shadow:0 0 0 6px #ffb01c;
  opacity:.28;
}
.journey-simple__dot--1{left:27%;animation:journeyDot 4.8s .25s ease-in-out infinite}
.journey-simple__dot--2{left:50%;animation:journeyDot 4.8s .75s ease-in-out infinite}
.journey-simple__dot--3{left:73%;animation:journeyDot 4.8s 1.25s ease-in-out infinite}
.journey-simple__arrow{
  position:absolute;
  right:9%;
  top:50%;
  transform:translateY(-55%);
  font:700 clamp(30px,4vw,48px)/1 Arial,sans-serif;
  font-style:normal;
  color:#111;
  opacity:0;
  animation:journeyArrow 4.8s 1.55s ease-in-out infinite;
}
@keyframes journeyLine{
  0%,10%{transform:scaleX(0);opacity:.15}
  34%,78%{transform:scaleX(1);opacity:1}
  92%,100%{opacity:0}
}
@keyframes journeyDot{
  0%,12%,88%,100%{opacity:.28;transform:scale(.78)}
  30%,64%{opacity:1;transform:scale(1.18)}
  72%{opacity:1;transform:scale(1)}
}
@keyframes journeyArrow{
  0%,30%{opacity:0;transform:translate(-10px,-55%)}
  48%,76%{opacity:1;transform:translate(0,-55%)}
  92%,100%{opacity:0;transform:translate(7px,-55%)}
}

/* POST 04 — CONTEXTO
   Três sinais entram; um núcleo organiza; uma saída aparece. */
.blog-cover-motion--contexto{
  background:#f4f0e7;
}
.context-simple__source{
  position:absolute;
  left:18%;
  width:12px;
  height:12px;
  margin:-6px 0 0 -6px;
  border-radius:50%;
  background:#ff5900;
  opacity:0;
}
.context-simple__source--1{top:31%;animation:contextSource 5s .05s ease-in-out infinite}
.context-simple__source--2{top:50%;animation:contextSource 5s .28s ease-in-out infinite}
.context-simple__source--3{top:69%;animation:contextSource 5s .51s ease-in-out infinite}
.context-simple__core{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%) scale(.82);
  width:34%;
  aspect-ratio:1;
  border-radius:50%;
  background:#111;
  display:grid;
  place-items:center;
  color:#fff;
  font:700 clamp(8px,1.15vw,13px)/1 Arial,sans-serif;
  letter-spacing:.08em;
  opacity:.2;
  animation:contextCore 5s ease-in-out infinite;
}
.context-simple__link{
  position:absolute;
  left:67%;
  top:50%;
  width:15%;
  height:2px;
  background:#ff5900;
  transform-origin:left center;
  opacity:0;
  animation:contextLink 5s ease-in-out infinite;
}
.context-simple__out{
  position:absolute;
  right:9%;
  top:50%;
  transform:translateY(-55%);
  color:#ff5900;
  font:700 clamp(30px,4vw,48px)/1 Arial,sans-serif;
  font-style:normal;
  opacity:0;
  animation:contextOut 5s ease-in-out infinite;
}
@keyframes contextSource{
  0%,8%{opacity:0;transform:translateX(-12px) scale(.7)}
  22%,66%{opacity:1;transform:translateX(0) scale(1)}
  78%,100%{opacity:0;transform:translateX(38px) scale(.55)}
}
@keyframes contextCore{
  0%,28%{opacity:.2;transform:translate(-50%,-50%) scale(.82)}
  45%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  52%{transform:translate(-50%,-50%) scale(1.06)}
  90%,100%{opacity:.2;transform:translate(-50%,-50%) scale(.82)}
}
@keyframes contextLink{
  0%,50%{opacity:0;transform:scaleX(0)}
  64%,78%{opacity:1;transform:scaleX(1)}
  92%,100%{opacity:0}
}
@keyframes contextOut{
  0%,58%{opacity:0;transform:translate(-10px,-55%)}
  70%,80%{opacity:1;transform:translate(0,-55%)}
  92%,100%{opacity:0;transform:translate(7px,-55%)}
}
@media(prefers-reduced-motion:reduce){
  .blog-cover-motion *{animation:none!important}
  .journey-simple__line{transform:none;opacity:1}
  .journey-simple__dot{opacity:1;transform:none}
  .journey-simple__arrow{opacity:1;transform:translateY(-55%)}
  .context-simple__source{opacity:1;transform:none}
  .context-simple__core{opacity:1;transform:translate(-50%,-50%)}
  .context-simple__link{opacity:1;transform:none}
  .context-simple__out{opacity:1;transform:translateY(-55%)}
}

/* POST 05 | BOM Presença */
@keyframes psSearch{0%,8%{opacity:0;transform:translateY(12px)}18%,82%{opacity:1;transform:none}94%,100%{opacity:0}}
@keyframes psCard{0%,14%{opacity:0;transform:translateY(14px) scale(.94)}28%,82%{opacity:1;transform:none}94%,100%{opacity:0}}
@keyframes psPath{0%,30%{transform:scaleX(0);opacity:0}48%,82%{transform:scaleX(1);opacity:1}94%,100%{opacity:0}}
@keyframes psCenter{0%,46%{opacity:.15;transform:translate(-50%,-50%) scale(.82)}60%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}68%{transform:translate(-50%,-50%) scale(1.06)}94%,100%{opacity:.15}}
.presence-story{position:relative;aspect-ratio:3/2;min-height:440px;background:#dfe9f2;overflow:hidden;border:1px solid rgba(17,17,17,.08)}
.presence-story__search{position:absolute;left:7%;top:12%;width:38%;height:58px;border:2px solid #111;border-radius:999px;background:#fff;display:flex;align-items:center;padding:0 24px 0 50px;animation:psSearch 5.4s ease-in-out infinite;z-index:3}
.presence-story__search>span{position:absolute;left:20px;width:15px;height:15px;border:2px solid #111;border-radius:50%}.presence-story__search>span:after{content:"";position:absolute;width:8px;height:2px;background:#111;right:-6px;bottom:-3px;rotate:45deg}
.presence-story__search strong{font-size:13px}.presence-story__search>i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#ff5900}
.presence-story__places{position:absolute;inset:25% 8% 20% 8%}
.presence-story__place{position:absolute;width:145px;height:88px;background:#fff;border:1px solid #111;padding:15px;box-shadow:5px 5px 0 rgba(17,17,17,.12);opacity:0;animation:psCard 5.4s ease-in-out infinite}
.presence-story__place b{font-size:10px;letter-spacing:.1em}.presence-story__place i{display:block;height:4px;background:#a5adb5;margin-top:12px}.presence-story__place i:last-child{width:62%}
.ps-site{left:2%;top:18%;animation-delay:.12s}.ps-search{left:25%;bottom:0;animation-delay:.28s}.ps-reviews{right:23%;top:0;animation-delay:.44s}.ps-map{right:0;bottom:13%;animation-delay:.6s}
.presence-story__center{position:absolute;left:50%;top:55%;width:124px;height:124px;border-radius:50%;background:#111;color:#fff;display:grid;place-content:center;text-align:center;z-index:4;animation:psCenter 5.4s ease-in-out infinite}.presence-story__center span{font-size:10px;letter-spacing:.13em}.presence-story__center strong{font-size:15px;margin-top:4px}
.presence-story__path{position:absolute;height:2px;background:#ff5900;transform-origin:left;opacity:0;animation:psPath 5.4s ease-in-out infinite}.psp1{left:28%;top:48%;width:23%;rotate:10deg}.psp2{left:49%;top:55%;width:27%;rotate:-18deg;animation-delay:.16s}.psp3{left:48%;top:57%;width:31%;rotate:18deg;animation-delay:.3s}
.presence-story__caption{position:absolute;left:7%;bottom:7%;margin:0!important;font-size:clamp(22px,2.7vw,35px)!important;line-height:1.04!important;letter-spacing:-.04em}
.presence-find__flow{display:flex;align-items:stretch;gap:7px;margin-top:26px}.presence-find__flow>div{flex:1;background:#f3f6f8;border:1px solid rgba(17,17,17,.2);padding:18px}.presence-find__flow>i{align-self:center;font-style:normal}.presence-find__flow span,.presence-roles__grid span{font-size:9px;font-weight:850;letter-spacing:.1em}.presence-find__flow p{margin:7px 0 0!important;font-size:14px!important}
.presence-roles__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:26px}.presence-roles__grid>div{background:#f3f6f8;border:1px solid rgba(17,17,17,.2);padding:18px 12px;text-align:center}.presence-roles__grid strong{display:block;margin-top:8px;font-size:15px}.presence-roles__base{margin-top:8px;background:#111;color:#fff;text-align:center;padding:16px;font-size:10px;font-weight:850;letter-spacing:.1em}
.presence-lockup{display:inline-flex;align-items:baseline;gap:7px;text-decoration:none;color:inherit}.presence-lockup span{font-weight:900}.presence-lockup strong{font-size:1.35em}
@media(max-width:760px){.presence-story{aspect-ratio:auto;min-height:570px}.presence-story__search{left:7%;right:7%;width:auto;top:7%}.presence-story__places{inset:24% 5% 22%}.presence-story__place{width:112px;height:74px;padding:11px}.presence-story__center{width:104px;height:104px;top:53%}.presence-story__caption{left:7%;right:7%;bottom:6%;font-size:26px!important}.presence-find__flow{flex-direction:column}.presence-find__flow>i{transform:rotate(90deg)}.presence-roles__grid{grid-template-columns:1fr 1fr}.presence-roles__grid>div:last-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.presence-story *{animation:none!important;opacity:1!important;transform:none!important}}

/* V1.2.68 — Post 05: one business, different signals, one perception */
.presence-signal,.blog-cover-motion--presenca-digital{position:relative;overflow:hidden;background:#dfe9f2;color:#111}
.presence-signal--article{min-height:500px}
.ps-core{position:absolute;left:50%;top:45%;width:138px;height:138px;transform:translate(-50%,-50%);border:2px solid #111;border-radius:30px;background:#fff;display:grid;place-items:center;animation:psCore 6s ease-in-out infinite}
.ps-core b{width:50px;height:50px;border-radius:50%;background:#111;position:relative}
.ps-core b:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#ff5900;right:-5px;bottom:-3px}
.ps{position:absolute;width:52px;height:52px;display:grid;place-items:center;font-style:normal;opacity:0;animation:psIn 6s ease-in-out infinite}
.ps--search{left:20%;top:25%}.ps--search:before{content:"";width:23px;height:23px;border:3px solid #111;border-radius:50%}.ps--search:after{content:"";position:absolute;width:15px;height:3px;background:#111;transform:translate(13px,13px) rotate(45deg)}
.ps--pin{left:28%;top:61%;animation-delay:.25s}.ps--pin:before{content:"";width:24px;height:31px;border:3px solid #111;border-radius:50% 50% 50% 7px;transform:rotate(-45deg)}.ps--pin:after{content:"";position:absolute;width:7px;height:7px;border:2px solid #ff5900;border-radius:50%}
.ps--star{right:26%;top:24%;font-size:39px;animation-delay:.5s}
.ps--check{right:20%;top:60%;font-size:27px;font-weight:800;border:2px solid #111;border-radius:50%;animation-delay:.75s}
.presence-signal--article p{position:absolute;left:7%;bottom:7%;margin:0!important;font-size:clamp(24px,3vw,38px)!important;line-height:1.02!important;letter-spacing:-.04em;opacity:0;animation:psCopy 6s ease-in-out infinite}

/* card principal: usa o mesmo sistema, realmente animado em HTML/CSS */
.blog-card__media--presenca-digital>img{opacity:0}
.blog-cover-motion--presenca-digital{position:absolute;inset:0}
.blog-cover-motion--presenca-digital .ps-core{top:50%;width:70px;height:70px;border-radius:20px}
.blog-cover-motion--presenca-digital .ps-core b{width:27px;height:27px}
.blog-cover-motion--presenca-digital .ps-core b:after{width:9px;height:9px}
.blog-cover-motion--presenca-digital .ps{width:34px;height:34px}
.blog-cover-motion--presenca-digital .ps--search{left:15%;top:23%}
.blog-cover-motion--presenca-digital .ps--pin{left:23%;top:63%}
.blog-cover-motion--presenca-digital .ps--star{right:22%;top:21%;font-size:27px}
.blog-cover-motion--presenca-digital .ps--check{right:15%;top:61%;font-size:19px}
.blog-cover-motion--presenca-digital .ps--search:before{width:16px;height:16px;border-width:2px}
.blog-cover-motion--presenca-digital .ps--search:after{width:10px;height:2px;transform:translate(9px,9px) rotate(45deg)}
.blog-cover-motion--presenca-digital .ps--pin:before{width:17px;height:22px;border-width:2px}
.blog-cover-motion--presenca-digital .ps--pin:after{width:5px;height:5px;border-width:1.5px}

@keyframes psIn{0%,12%{opacity:0;transform:translateY(8px) scale(.78)}25%,72%{opacity:1;transform:none}88%,100%{opacity:0;transform:translateY(-3px) scale(.96)}}
@keyframes psCore{0%,18%{transform:translate(-50%,-50%) scale(.88);box-shadow:0 0 0 0 rgba(255,89,0,0)}38%,72%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 0 8px rgba(255,89,0,.12)}88%,100%{transform:translate(-50%,-50%) scale(.96);box-shadow:0 0 0 0 rgba(255,89,0,0)}}
@keyframes psCopy{0%,34%{opacity:0;transform:translateY(8px)}46%,78%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-3px)}}
@media(max-width:760px){.presence-signal--article{min-height:440px}.presence-signal--article .ps-core{top:42%;width:104px;height:104px}.presence-signal--article .ps--search{left:11%;top:21%}.presence-signal--article .ps--pin{left:16%;top:55%}.presence-signal--article .ps--star{right:14%;top:21%}.presence-signal--article .ps--check{right:10%;top:56%}.presence-signal--article p{left:7%;right:7%;font-size:28px!important}}
@media(prefers-reduced-motion:reduce){.presence-signal *,.blog-cover-motion--presenca-digital *{animation:none!important}.ps{opacity:1!important}.presence-signal--article p{opacity:1!important}}


/* POST 06 | BOM Evolução */
.evolution-story{position:relative;min-height:500px;background:#ece6f4;overflow:hidden;border:1px solid rgba(17,17,17,.08)}
.evolution-story__path{position:absolute;left:12%;right:12%;top:43%;height:3px;background:#111;transform-origin:left center;animation:evoPath 5.8s ease-in-out infinite}
.evolution-story__point{position:absolute;top:43%;width:18px;height:18px;margin:-8px 0 0 -8px;border-radius:50%;background:#111;animation:evoPoint 5.8s ease-in-out infinite}
.evolution-story__point--1{left:25%}.evolution-story__point--2{left:50%;animation-delay:.25s}.evolution-story__point--3{left:75%;animation-delay:.5s}
.evolution-story__lens{position:absolute;left:50%;top:43%;width:116px;height:116px;border:5px solid #ff5900;border-radius:50%;transform:translate(-50%,-50%) scale(.75);opacity:0;animation:evoLens 5.8s ease-in-out infinite}
.evolution-story__lens:after{content:"";position:absolute;width:66px;height:7px;background:#ff5900;right:-50px;bottom:-26px;rotate:45deg;border-radius:4px}
.evolution-story__change{position:absolute;right:17%;top:26%;font:700 58px/1 Arial,sans-serif;opacity:0;animation:evoChange 5.8s ease-in-out infinite}
.evolution-story__caption{position:absolute;left:7%;bottom:7%;margin:0!important;font-size:clamp(24px,3vw,38px)!important;line-height:1.02!important;letter-spacing:-.04em}
.evolution-observe__flow{display:flex;align-items:stretch;gap:8px;margin-top:26px}.evolution-observe__flow>div{flex:1;background:#f5f2f8;border:1px solid rgba(17,17,17,.18);padding:20px}.evolution-observe__flow>i{align-self:center;font-style:normal}.evolution-observe__flow span,.evolution-loop__grid span{font-size:9px;font-weight:850;letter-spacing:.1em}.evolution-observe__flow strong{display:block;margin-top:8px}
.evolution-loop__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:26px}.evolution-loop__grid>div{background:#f5f2f8;border:1px solid rgba(17,17,17,.18);padding:20px}.evolution-loop__grid strong{display:block;margin-top:8px}.evolution-loop__grid p{font-size:14px!important;margin:8px 0 0!important}
@keyframes evoPath{0%,10%{transform:scaleX(0);opacity:.15}32%,82%{transform:scaleX(1);opacity:1}95%,100%{opacity:0}}
@keyframes evoPoint{0%,18%{opacity:.25;transform:scale(.75)}35%,78%{opacity:1;transform:scale(1)}90%,100%{opacity:.25}}
@keyframes evoLens{0%,35%{opacity:0;transform:translate(-50%,-50%) scale(.75)}48%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}88%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes evoChange{0%,56%{opacity:0;transform:translate(-10px,10px)}68%,80%{opacity:1;transform:none}94%,100%{opacity:0;transform:translate(8px,-8px)}}
@media(max-width:760px){.evolution-story{min-height:440px}.evolution-story__lens{width:92px;height:92px}.evolution-story__change{right:10%;font-size:44px}.evolution-story__caption{left:7%;right:7%;font-size:28px!important}.evolution-observe__flow{flex-direction:column}.evolution-observe__flow>i{transform:rotate(90deg)}.evolution-loop__grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.evolution-story *{animation:none!important}.evolution-story__path{transform:none;opacity:1}.evolution-story__point,.evolution-story__lens,.evolution-story__change{opacity:1!important}}

.blog-cover-motion--evolucao{background:#ece6f4}
.evolution-card__line{position:absolute;left:13%;right:13%;top:52%;height:2px;background:#111;transform-origin:left;animation:evoPath 5.8s ease-in-out infinite}
.evolution-card__dot{position:absolute;top:52%;width:12px;height:12px;margin:-5px;border-radius:50%;background:#111;animation:evoPoint 5.8s ease-in-out infinite}.evolution-card__dot--1{left:27%}.evolution-card__dot--2{left:50%;animation-delay:.2s}.evolution-card__dot--3{left:73%;animation-delay:.4s}
.evolution-card__lens{position:absolute;left:50%;top:52%;width:58px;height:58px;border:3px solid #ff5900;border-radius:50%;transform:translate(-50%,-50%);animation:evoLens 5.8s ease-in-out infinite}.evolution-card__lens:after{content:"";position:absolute;width:30px;height:4px;background:#ff5900;right:-22px;bottom:-13px;rotate:45deg}
.evolution-card__arrow{position:absolute;right:12%;top:18%;font:700 36px/1 Arial,sans-serif;font-style:normal;animation:evoChange 5.8s ease-in-out infinite}

.blog-card__media--evolucao > img{opacity:0;position:absolute;inset:0;pointer-events:none}