/* Maxtec premium layer v1. Carrega depois do CSS do build; nao remove texto nem estrutura. */
:root{
  --mx-navy-950:#0b1730;
  --mx-navy-900:#0f2044;
  --mx-navy-800:#17305f;
  --mx-orange:#ff4400;
  --mx-orange-soft:#ff7a45;
  --mx-ease:cubic-bezier(.16,1,.3,1);
  --mx-shadow-tint:hsl(220 60% 18% / .28);
}
html{scroll-behavior:smooth}
::selection{background:#ff4400;color:#fff}

/* ---------- HERO (home) ---------- */
section:has(.grid > .lg\:col-span-12 > h1.text-display){
  background:
    radial-gradient(60rem 34rem at 88% -10%, rgba(255,68,0,.20), transparent 60%),
    radial-gradient(48rem 30rem at -10% 110%, rgba(56,110,220,.22), transparent 62%),
    linear-gradient(160deg,var(--mx-navy-950) 0%,var(--mx-navy-900) 55%,#132a57 100%) !important;
  color:#fff;
  isolation:isolate;
  min-height:min(100dvh,820px);
  display:flex;align-items:center;
  padding-bottom:7.5rem !important;
}
section:has(.grid > .lg\:col-span-12 > h1.text-display) > div[aria-hidden="true"]{
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) !important;
  background-size:56px 56px !important;
  opacity:.55 !important;
  mask-image:radial-gradient(70% 90% at 30% 30%,#000 20%,transparent 75%) !important;
  -webkit-mask-image:radial-gradient(70% 90% at 30% 30%,#000 20%,transparent 75%) !important;
}
section:has(.grid > .lg\:col-span-12 > h1.text-display)::before{
  content:"";position:absolute;z-index:0;right:-12rem;top:-10rem;width:36rem;height:36rem;border-radius:50%;
  background:radial-gradient(circle,rgba(255,68,0,.35),transparent 65%);
  filter:blur(20px);
  animation:mx-float 14s ease-in-out infinite alternate;
  pointer-events:none;
}
@keyframes mx-float{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-3rem,4rem,0) scale(1.12)}}

section:has(.grid > .lg\:col-span-12 > h1.text-display) h1.text-display{
  color:#fff !important;
  font-size:clamp(2rem,4.4vw,3.7rem);
  line-height:1.02;
  letter-spacing:-.02em;
  text-shadow:0 2px 30px rgba(0,0,0,.35);
}
section:has(.grid > .lg\:col-span-12 > h1.text-display) h1.text-display .text-secondary-ink{
  color:hsl(var(--secondary-on-dark)) !important;
}
section:has(.grid > .lg\:col-span-12 > h1.text-display) h1.text-display .bg-secondary{
  background:linear-gradient(90deg,var(--mx-orange),var(--mx-orange-soft)) !important;
  box-shadow:0 0 24px rgba(255,68,0,.65);
}
section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-7 p{
  color:rgba(255,255,255,.82) !important;
  font-size:clamp(1.05rem,1.5vw,1.3rem);
}
section:has(.grid > .lg\:col-span-12 > h1.text-display) li,
section:has(.grid > .lg\:col-span-12 > h1.text-display) li span{color:rgba(255,255,255,.8) !important}
section:has(.grid > .lg\:col-span-12 > h1.text-display) li strong{color:#fff !important}
section:has(.grid > .lg\:col-span-12 > h1.text-display) li svg{color:var(--mx-orange-soft) !important}
section:has(.grid > .lg\:col-span-12 > h1.text-display) .rounded-full.border{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.22) !important;
  color:#ffd2bd !important;
  backdrop-filter:blur(8px);
}
/* botao secundario sobre fundo escuro */
section:has(.grid > .lg\:col-span-12 > h1.text-display) a.border-2{
  color:#fff !important;border-color:rgba(255,255,255,.35) !important;background:rgba(255,255,255,.06) !important;
}
section:has(.grid > .lg\:col-span-12 > h1.text-display) a.border-2:hover{
  background:rgba(255,255,255,.14) !important;border-color:#fff !important;
}

/* foto do hero como palco a direita, com fusao no azul */
@media (min-width:1024px){
  section:has(.grid > .lg\:col-span-12 > h1.text-display) figure{
    position:absolute !important;
    inset:0 0 0 auto;
    width:44%;
    max-width:none;
    margin:0;
    border:0 !important;border-radius:0 !important;box-shadow:none !important;
    z-index:0;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);
    mask-image:linear-gradient(90deg,transparent 0,#000 38%);
    opacity:.9;
  }
  section:has(.grid > .lg\:col-span-12 > h1.text-display) figure picture,
  section:has(.grid > .lg\:col-span-12 > h1.text-display) figure img{
    display:block;width:100%;height:100%;aspect-ratio:auto !important;object-fit:cover;
  }
  section:has(.grid > .lg\:col-span-12 > h1.text-display) figure::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(11,23,48,.35),rgba(11,23,48,.05) 40%,rgba(11,23,48,.75));
  }
  section:has(.grid > .lg\:col-span-12 > h1.text-display) figcaption{
    z-index:2;left:auto !important;right:6rem;bottom:5.5rem !important;width:auto !important;
    background:rgba(11,23,48,.72) !important;backdrop-filter:blur(8px);
    padding:.5rem .9rem !important;border-radius:999px;font-size:.66rem !important;
  }
  section:has(.grid > .lg\:col-span-12 > h1.text-display) > .container{position:static !important}
  section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-12,
  section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-7{position:relative;z-index:2}
  section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-12{grid-column:1 / -1}
  section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-7{grid-column:1 / span 7}
}
@media (max-width:1023px){
  section:has(.grid > .lg\:col-span-12 > h1.text-display) figure{border-radius:1rem !important;margin-top:.5rem}
  section:has(.grid > .lg\:col-span-12 > h1.text-display){padding-bottom:5rem !important}
}

/* faixa de numeros (inserida por maxtec-premium.js) */
.mx-stats{position:relative;z-index:5;margin-top:-4.2rem;padding:0 1rem}
.mx-stats ul{list-style:none;margin:0 auto;padding:0;max-width:72rem;display:grid;gap:1px;
  grid-template-columns:repeat(2,1fr);background:hsl(220 20% 88%);border-radius:1rem;overflow:hidden;
  box-shadow:0 30px 60px -30px var(--mx-shadow-tint),0 0 0 1px hsl(220 20% 88%)}
@media (min-width:768px){.mx-stats ul{grid-template-columns:repeat(4,1fr)}}
.mx-stats li{background:#fff;padding:1.4rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}
.mx-stats strong{font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1;color:hsl(var(--primary));font-variant-numeric:tabular-nums}
.mx-stats strong em{font-style:normal;color:var(--mx-orange)}
.mx-stats span{font-size:.82rem;line-height:1.35;color:hsl(var(--muted-foreground))}

/* ---------- Botoes: brilho e resposta tatil ---------- */
a.bg-secondary-ink,button.bg-secondary-ink{position:relative;overflow:hidden;isolation:isolate;transition:transform .35s var(--mx-ease),box-shadow .35s var(--mx-ease),background-color .2s}
a.bg-secondary-ink::after,button.bg-secondary-ink::after{
  content:"";position:absolute;inset:0;z-index:-1;transform:translateX(-120%) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:transform .7s var(--mx-ease)}
a.bg-secondary-ink:hover::after,button.bg-secondary-ink:hover::after{transform:translateX(120%) skewX(-18deg)}
a.bg-secondary-ink:hover,button.bg-secondary-ink:hover{transform:translateY(-2px);box-shadow:0 14px 30px -10px rgba(255,68,0,.55)}
a.bg-secondary-ink:active,button.bg-secondary-ink:active{transform:translateY(0) scale(.98)}
:focus-visible{outline:2px solid var(--mx-orange);outline-offset:3px}

/* ---------- Cartoes: elevacao com sombra tingida ---------- */
a.group.rounded-xl,a.group.rounded-2xl,li > a.group.block{
  transition:transform .45s var(--mx-ease),box-shadow .45s var(--mx-ease),border-color .3s,background-color .3s}
a.group.rounded-xl:hover,a.group.rounded-2xl:hover,li > a.group.block:hover{
  transform:translateY(-4px);box-shadow:0 22px 40px -22px var(--mx-shadow-tint)}

/* ---------- Titulos de secao: barra que desenha ao entrar ---------- */
header.mb-8 > .h-1\.5.w-20{transform-origin:left;}

@keyframes mx-rise{from{opacity:.2;transform:translate3d(0,26px,0)}to{opacity:1;transform:none}}
@keyframes mx-bar{from{transform:scaleX(.15)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  section:has(.grid > .lg\:col-span-12 > h1.text-display)::before{animation:none}
}

/* ---------- Layout do post de blog: pagina inteira, com barra lateral ---------- */
.mx-post-grid{display:block}
@media (min-width:1024px){
  .mx-post-grid{display:grid;grid-template-columns:minmax(0,1fr) 20rem;column-gap:3.5rem;align-items:start}
  .mx-post-grid > *:not(.mx-post-aside){grid-column:1}
  .mx-post-grid > .mx-post-aside{grid-column:2;grid-row:1 / span 30;position:sticky;top:7rem}
  .mx-post-grid .conteudo-post{max-width:none}
}
.mx-post-aside{margin-top:3rem;display:grid;gap:1.25rem}
@media (min-width:1024px){.mx-post-aside{margin-top:0}}
.mx-aside-card{border:1px solid hsl(var(--border));border-radius:1rem;padding:1.4rem;background:#fff;box-shadow:0 18px 40px -28px var(--mx-shadow-tint)}
.mx-aside-cta{background:linear-gradient(160deg,var(--mx-navy-900),var(--mx-navy-800));border-color:transparent;color:#fff}
.mx-aside-kicker{display:block;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--secondary-ink))}
.mx-aside-cta .mx-aside-kicker{color:#ffb595}
.mx-aside-card p{margin:.7rem 0 0;font-size:.92rem;line-height:1.55;color:hsl(var(--muted-foreground))}
.mx-aside-cta p{color:rgba(255,255,255,.82)}
.mx-btn-primary{display:flex;align-items:center;justify-content:center;margin-top:1.1rem;padding:.85rem 1rem;border-radius:.6rem;background:hsl(var(--secondary-ink));color:#fff;font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:transform .3s var(--mx-ease),box-shadow .3s var(--mx-ease)}
.mx-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(255,68,0,.6)}
.mx-aside-card ul{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.15rem}
.mx-aside-card li a{display:block;padding:.6rem .7rem;border-radius:.55rem;font-size:.9rem;font-weight:700;color:hsl(var(--foreground));text-decoration:none;transition:background-color .2s,color .2s,padding-left .3s var(--mx-ease)}
.mx-aside-card li a:hover{background:hsl(var(--muted));color:hsl(var(--secondary-ink));padding-left:1rem}

/* corpo do artigo: blocos mais claros */
.conteudo-post h2{position:relative;margin-top:2.75rem;padding-top:1.1rem}
.conteudo-post h2::before{content:"";position:absolute;left:0;top:0;width:3rem;height:4px;border-radius:2px;background:var(--mx-orange)}
.conteudo-post figure{box-shadow:0 30px 60px -34px var(--mx-shadow-tint)}
.conteudo-post ul,.conteudo-post ol{padding-left:1.2rem}
.conteudo-post li::marker{color:var(--mx-orange);font-weight:800}
.conteudo-post blockquote{border-left:4px solid var(--mx-orange);background:hsl(var(--muted));border-radius:0 .8rem .8rem 0;padding:1rem 1.25rem;font-style:normal}

/* ---------- Popup de contato ---------- */
.mx-pop{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:1rem}
.mx-pop.is-open{display:flex}
.mx-pop-backdrop{position:absolute;inset:0;background:rgba(7,14,30,.62);backdrop-filter:blur(6px)}
.mx-pop-card{position:relative;width:min(100%,30rem);border-radius:1.25rem;overflow:hidden;background:#fff;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
.mx-pop-head{padding:1.6rem 1.6rem 1.3rem;color:#fff;background:linear-gradient(150deg,var(--mx-navy-950),var(--mx-navy-800))}
.mx-pop-head::after{content:"";position:absolute;right:-3rem;top:-3rem;width:12rem;height:12rem;border-radius:50%;background:radial-gradient(circle,rgba(255,68,0,.55),transparent 65%);pointer-events:none}
.mx-pop-head h2{position:relative;margin:0;font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:1.55rem;line-height:1.1;text-transform:uppercase;letter-spacing:-.01em}
.mx-pop-head p{position:relative;margin:.6rem 0 0;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.85)}
.mx-pop-body{padding:1.4rem 1.6rem 1.6rem;display:grid;gap:.75rem}
.mx-pop-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1rem;border-radius:.7rem;font-weight:800;font-size:.85rem;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;transition:transform .3s var(--mx-ease),box-shadow .3s var(--mx-ease)}
.mx-pop-btn:hover{transform:translateY(-2px)}
.mx-pop-btn.is-wa{background:#128c4a;color:#fff;box-shadow:0 12px 26px -14px rgba(18,140,74,.8)}
.mx-pop-btn.is-form{background:hsl(var(--secondary-ink));color:#fff;box-shadow:0 12px 26px -14px rgba(255,68,0,.8)}
.mx-pop-note{margin:.2rem 0 0;font-size:.8rem;color:hsl(var(--muted-foreground));text-align:center}
.mx-pop-close{position:absolute;top:.7rem;right:.7rem;z-index:3;width:2.3rem;height:2.3rem;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.3rem;line-height:1;cursor:pointer;transition:background-color .2s}
.mx-pop-close:hover{background:rgba(255,255,255,.28)}
@media (prefers-reduced-motion:no-preference){
  .mx-pop.is-open .mx-pop-card{animation:mx-pop-in .5s var(--mx-ease) both}
  .mx-pop.is-open .mx-pop-backdrop{animation:mx-fade .35s ease both}
}
@keyframes mx-pop-in{from{opacity:0;transform:translate3d(0,26px,0) scale(.96)}to{opacity:1;transform:none}}
@keyframes mx-fade{from{opacity:0}to{opacity:1}}

/* ---------- Popup React existente do blog (Antes de sair) ---------- */
div[role="dialog"][aria-labelledby="popup-saida-titulo"]{background:rgba(7,14,30,.62) !important;backdrop-filter:blur(6px)}
div[role="dialog"][aria-labelledby="popup-saida-titulo"] > div{
  border:0 !important;border-radius:1.25rem !important;overflow:hidden;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.6) !important;
  border-top:6px solid var(--mx-orange) !important;
}
div[role="dialog"][aria-labelledby="popup-saida-titulo"] > div::before{
  content:"";position:absolute;right:-4rem;top:-4rem;width:14rem;height:14rem;border-radius:50%;
  background:radial-gradient(circle,rgba(255,68,0,.16),transparent 65%);pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  div[role="dialog"][aria-labelledby="popup-saida-titulo"] > div{animation:mx-pop-in .5s var(--mx-ease) both}
}

/* =====================  v2  ===================== */

/* logos de clientes: centraliza a imagem dentro do cartao (o picture era mais largo que a img) */
img[src*="/img/clientes/"]{display:block;margin-inline:auto}
picture:has(> img[src*="/img/clientes/"]){display:flex;justify-content:center;align-items:center;width:auto;max-width:100%}

/* texto: alinhado a esquerda por padrao (sem buracos entre palavras);
   justificado apenas em textos longos, em tela larga, onde a coluna tem largura para isso */
main p,main li,.conteudo-post p,.conteudo-post li{text-align:left;hyphens:manual;-webkit-hyphens:manual;text-wrap:pretty;overflow-wrap:break-word}
@media (min-width:1024px){
  .conteudo-post > p,
  main .space-y-5 > p,
  main .border-l-4 > p,
  main .text-center > p.text-sm,
  main .text-center > p.text-lg{text-align:justify;text-justify:inter-word;word-spacing:-.02em}
  main .text-center > p.text-sm,
  main .text-center > p.text-lg{text-align-last:center}
}

/* HERO centrado e limpo, sem a barra laranja */
section:has(.grid > .lg\:col-span-12 > h1.text-display) h1.text-display span.bg-secondary,
section:has(.grid > .lg\:col-span-12 > h1.text-display) h1.text-display .absolute{display:none !important}
section:has(.grid > .lg\:col-span-12 > h1.text-display) .grid{justify-items:center;text-align:center}
section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-12,
section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-7{grid-column:1 / -1 !important;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}
section:has(.grid > .lg\:col-span-12 > h1.text-display) h1.text-display{text-align:center;text-wrap:balance;max-width:20ch;font-size:clamp(1.95rem,7.4vw,3.6rem);line-height:1.06;margin-inline:auto}
section:has(.grid > .lg\:col-span-12 > h1.text-display) h1.text-display .block{display:block}
@media (min-width:1024px){section:has(.grid > .lg\:col-span-12 > h1.text-display) h1.text-display{max-width:26ch}}
section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-7 p{text-align:center;text-align-last:center;max-width:38rem;margin-inline:auto;text-wrap:balance}
section:has(.grid > .lg\:col-span-12 > h1.text-display) .flex.flex-col.gap-4{justify-content:center;align-items:center}
section:has(.grid > .lg\:col-span-12 > h1.text-display) ul.grid{max-width:36rem;margin-inline:auto;text-align:left;justify-content:center}
section:has(.grid > .lg\:col-span-12 > h1.text-display) li{text-align:left}
/* foto como fundo em todas as telas */
section:has(.grid > .lg\:col-span-12 > h1.text-display) figure{position:absolute !important;inset:0 !important;width:100% !important;max-width:none !important;height:100%;margin:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;z-index:0;opacity:.34 !important;-webkit-mask-image:none !important;mask-image:none !important}
section:has(.grid > .lg\:col-span-12 > h1.text-display) figure picture,section:has(.grid > .lg\:col-span-12 > h1.text-display) figure img{display:block;width:100%;height:100%;aspect-ratio:auto !important;object-fit:cover}
section:has(.grid > .lg\:col-span-12 > h1.text-display) figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,23,48,.55),rgba(11,23,48,.2) 45%,rgba(11,23,48,.85))}
section:has(.grid > .lg\:col-span-12 > h1.text-display) figcaption{left:50% !important;right:auto !important;bottom:5.2rem !important;transform:translateX(-50%);width:max-content !important;max-width:calc(100% - 2rem);text-align:center !important;background:rgba(11,23,48,.62) !important;border-radius:999px;padding:.4rem .9rem !important;font-size:.62rem !important;white-space:nowrap}
section:has(.grid > .lg\:col-span-12 > h1.text-display) > .container{position:static !important}
section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-12,section:has(.grid > .lg\:col-span-12 > h1.text-display) .lg\:col-span-7{position:relative;z-index:2}
section:has(.grid > .lg\:col-span-12 > h1.text-display){min-height:min(100dvh,780px);text-align:center;padding-top:6.5rem;padding-bottom:6.5rem !important}
@media (prefers-reduced-motion:no-preference){
  section:has(.grid > .lg\:col-span-12 > h1.text-display) figure img{animation:mx-drift 26s ease-in-out infinite alternate}
}
@keyframes mx-drift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-1.5%,-1%,0)}}

/* botoes CTA menores */
a.h-14,button.h-14,a.h-12,button.h-12,a.h-11,button.h-11{height:2.6rem !important;min-height:0;padding-inline:1.25rem !important;font-size:.8rem !important;letter-spacing:.06em;gap:.5rem}
a.h-14 svg,button.h-14 svg,a.h-12 svg,button.h-12 svg{width:1rem !important;height:1rem !important}
.mx-btn-primary,.mx-pop-btn{padding:.7rem 1rem !important;font-size:.78rem !important}
@media (max-width:639px){
  a.h-14,button.h-14{width:100%;max-width:19rem}
  header a.h-9,header a.h-10{height:2.2rem !important}
}

/* seta de voltar ao topo */
.mx-top{position:fixed;left:1rem;bottom:1rem;z-index:60;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(15,32,68,.92);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px -12px rgba(11,23,48,.6);backdrop-filter:blur(8px);opacity:0;transform:translate3d(0,14px,0) scale(.9);pointer-events:none;transition:opacity .35s var(--mx-ease),transform .35s var(--mx-ease),background-color .2s}
.mx-top.is-on{opacity:1;transform:none;pointer-events:auto}
.mx-top:hover{background:var(--mx-orange)}
.mx-top:active{transform:scale(.94)}
.mx-top svg{width:1.15rem;height:1.15rem}

/* revelar ao rolar (IntersectionObserver, funciona no iOS e sem depender de timeline de CSS) */
@media (prefers-reduced-motion:no-preference){
  html.mx-js .mx-rv{opacity:0;transform:translate3d(0,22px,0)}
  html.mx-js .mx-rv.mx-in{opacity:1;transform:none;transition:opacity .75s var(--mx-ease) calc(var(--mx-i,0) * 70ms),transform .75s var(--mx-ease) calc(var(--mx-i,0) * 70ms)}
  html.mx-js .mx-rv.mx-left{transform:translate3d(-26px,0,0)}
  html.mx-js .mx-rv.mx-left.mx-in{transform:none}
}
/* toque no celular: resposta imediata */
@media (hover:none){
  a.group.rounded-xl:active,a.group.rounded-2xl:active,li > a.group.block:active{transform:scale(.98);box-shadow:0 10px 24px -16px var(--mx-shadow-tint)}
  a.group.rounded-xl:hover,a.group.rounded-2xl:hover,li > a.group.block:hover{transform:none}
}

/* MOBILE: ritmo, tamanhos e faixa de numeros */
@media (max-width:767px){
  .container{padding-left:1.25rem !important;padding-right:1.25rem !important}
  main section{scroll-margin-top:5rem}
  .text-h2{font-size:clamp(1.55rem,7vw,2rem);text-wrap:balance}
  header.mb-8{margin-bottom:1.5rem}
  .mx-stats{margin-top:-3rem}
  .mx-stats li{padding:1.05rem .9rem}
  .mx-stats strong{font-size:1.8rem}
  .mx-post-aside{margin-top:2rem}
  .conteudo-post{font-size:1.02rem}
  .conteudo-post h2{margin-top:2rem}
  .mx-pop-card{border-radius:1rem}
  .mx-pop-head h2{font-size:1.3rem}
  section:has(.grid > .lg\:col-span-12 > h1.text-display){padding-top:5.6rem;min-height:min(100dvh,700px)}
  section:has(.grid > .lg\:col-span-12 > h1.text-display) ul.grid{grid-template-columns:1fr;gap:.55rem;max-width:20rem}
  section:has(.grid > .lg\:col-span-12 > h1.text-display) .rounded-full.border{font-size:.6rem !important;letter-spacing:.14em !important;padding:.35rem .8rem !important}
}

/* paragrafos de apoio nos cabecalhos centralizados: mesmo corpo de texto, leitura confortavel */
main .text-center > p.text-sm{font-size:1rem;line-height:1.75;max-width:44rem}
main .text-center > p.text-lg{max-width:44rem}

section:has(.grid > .lg\:col-span-12 > h1.text-display) ul.grid{justify-items:start}
@media (max-width:767px){
  section:has(.grid > .lg\:col-span-12 > h1.text-display) figcaption{display:none}
  section:has(.grid > .lg\:col-span-12 > h1.text-display){padding-top:6.4rem}
}

/* Leia tambem (links internos) */
.mx-related{padding:3rem 0 4rem;background:hsl(var(--muted) / .6)}
.mx-related-in{max-width:72rem;margin:0 auto;padding:0 1.25rem}
.mx-related h2{margin:0 0 1.25rem;font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:1.4rem;text-transform:uppercase;color:hsl(var(--primary))}
.mx-related ul{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:1fr}
@media (min-width:768px){.mx-related ul{grid-template-columns:1fr 1fr}}
.mx-related li{text-align:left}
.mx-related a{display:block;height:100%;padding:1rem 1.15rem;border:1px solid hsl(var(--border));border-radius:.8rem;background:#fff;color:hsl(var(--primary));font-weight:700;line-height:1.35;text-decoration:none;text-align:left;transition:transform .35s var(--mx-ease),border-color .25s,box-shadow .35s var(--mx-ease)}
.mx-related a:hover{transform:translateY(-3px);border-color:hsl(var(--secondary) / .5);box-shadow:0 18px 34px -22px var(--mx-shadow-tint);color:hsl(var(--secondary-ink))}

/* autoria e resposta rapida nos posts */
.mx-byline{margin:0 0 1.25rem;font-size:.9rem;color:hsl(var(--muted-foreground));text-align:left !important}
.mx-byline strong{color:hsl(var(--primary))}
.mx-quick{margin:0 0 2rem;padding:1.15rem 1.25rem;border-left:4px solid var(--mx-orange);border-radius:0 .8rem .8rem 0;background:hsl(var(--muted))}
.mx-quick strong{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--secondary-ink))}
.mx-quick p{margin:.5rem 0 0;font-size:1.02rem;line-height:1.65;color:hsl(var(--foreground));text-align:left !important}