/* ==========================================================================
   Movimento Chargeback Legal — estrutura do site
   Usa apenas os tokens de mcl.css. Carregado depois dele.
   ========================================================================== */
.pular { position: absolute; left: -9999px; top: 0; background: var(--tinta); color: var(--branco); padding: var(--e-3) var(--e-4); z-index: 100; }
.pular:focus { left: var(--e-4); top: var(--e-4); }

/* ---------- Cabeçalho ---------- */
.topo { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; background: var(--branco); border-bottom: 1px solid var(--linha); }
.topo__barra { display: flex; align-items: center; gap: var(--e-5); min-height: 72px; }
.topo__logo img { height: 34px; width: auto; }
.menu { margin-left: auto; }
.menu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--e-5); align-items: center; }
.menu a { color: var(--texto); text-decoration: none; font-size: var(--t-sm); font-weight: 500; padding-block: var(--e-2); }
.menu a:hover, .menu a[aria-current="page"] { color: var(--andrade); }
.menu a[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--andrade); }
.topo__cta { min-height: 42px; padding-inline: 1.1rem; }
.menu-botao { display: none; margin-left: auto; background: none; border: 1px solid var(--linha); border-radius: var(--raio); width: 44px; height: 44px; align-items: center; justify-content: center; color: var(--tinta); cursor: pointer; }
.menu-botao svg { width: 22px; height: 22px; }
@media (max-width: 1099px) {
  .menu-botao { display: inline-flex; }
  .topo__cta { display: none; }
  .menu { position: fixed; inset: 0 0 0 auto; width: min(86vw, 360px); background: var(--branco); box-shadow: var(--sombra-lg); padding: calc(var(--e-8) + env(safe-area-inset-top, 0px)) var(--e-6) var(--e-6); transform: translateX(100%); visibility: hidden; transition: transform var(--transicao), visibility var(--transicao); z-index: 60; overflow-y: auto; }
  .menu.aberto { transform: none; visibility: visible; }
  .menu ul { flex-direction: column; align-items: stretch; gap: 0; }
  .menu li a { display: block; padding: var(--e-4) 0; border-bottom: 1px solid var(--linha); font-size: var(--t-base); }
  .menu a[aria-current="page"] { box-shadow: none; }
  .menu__fechar { position: absolute; top: calc(var(--e-4) + env(safe-area-inset-top, 0px)); right: var(--e-4); }
  .menu__cta { margin-top: var(--e-5); width: 100%; }
}
@media (min-width: 1100px) { .menu__fechar, .menu__cta { display: none !important; } }
.veu { position: fixed; inset: 0; background: rgba(11,24,48,.4); z-index: 55; }

/* ---------- Cabeçalho de página interna ---------- */
.cabeca-pagina { padding-block: var(--e-7) var(--e-6); border-bottom: 1px solid var(--linha); background: var(--papel); }
.cabeca-pagina .container { display: grid; gap: var(--e-4); }
.cabeca-pagina h1 { max-width: 24ch; }
.cabeca-pagina .lead { max-width: 64ch; }
.meta-artigo { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-2) var(--e-4); font: 400 var(--t-xs)/1.5 var(--fonte-dado); color: var(--texto-3); }
.meta-artigo img { width: 32px; height: 32px; border-radius: 50%; }
.meta-artigo a { color: var(--texto-2); }

/* ---------- Corpo de artigo ---------- */
.corpo-artigo { padding-block: var(--e-7) var(--e-8); }
.prosa table { width: 100%; border-collapse: collapse; font-size: var(--t-sm); }
.prosa .tabela-wrap table { min-width: 560px; }
.prosa th { text-align: left; font: 600 var(--t-xs)/1.4 var(--fonte-texto); text-transform: uppercase; letter-spacing: .06em; color: var(--texto-2); background: var(--papel); padding: var(--e-3) var(--e-4); border-bottom: 1px solid var(--linha); }
.prosa td { padding: var(--e-3) var(--e-4); border-bottom: 1px solid var(--linha); vertical-align: top; }
.prosa tr:last-child td { border-bottom: 0; }
.prosa .callout p, .prosa .callout li { font-size: var(--t-sm); }
.prosa .callout > :last-child { margin-bottom: 0; }
.prosa .callout ul { padding-left: 1.1rem; }
.cta-meio .btn { justify-self: start; margin-top: var(--e-2); }
.sumario--mobile { background: var(--papel); border: 0; border-radius: var(--raio); padding: var(--e-4) var(--e-5); }
.sumario--mobile summary { cursor: pointer; font: 500 var(--t-xs)/1.4 var(--fonte-dado); text-transform: uppercase; letter-spacing: .08em; color: var(--texto-2); }
.sumario--mobile ol { margin-top: var(--e-3); }
@media (min-width: 1024px) { .sumario--mobile { display: none; } }
@media (max-width: 1023px) { .artigo__lateral { display: none; } }
.lateral-cta { margin-top: var(--e-6); padding: var(--e-5); background: var(--tinta); color: #C9D1E3; border-radius: var(--raio); display: grid; gap: var(--e-3); font-size: var(--t-sm); }
.lateral-cta strong { color: var(--branco); font-family: var(--fonte-display); font-size: var(--t-lg); line-height: 1.25; font-weight: 500; }
.relacionados { display: grid; gap: var(--e-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); }

/* ---------- Home: hero ---------- */
.hero { padding-block: var(--e-8); background: var(--tinta); color: #C9D1E3; position: relative; overflow: hidden; }
.hero::after { content: ""; position: absolute; right: -10%; bottom: -40%; width: 60vw; height: 60vw; max-width: 760px; max-height: 760px; background: radial-gradient(closest-side, rgba(38,56,143,.55), transparent); pointer-events: none; }
.hero .container { position: relative; z-index: 1; display: grid; gap: var(--e-7); align-items: center; }
@media (min-width: 960px) { .hero .container { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } }
.hero__texto { display: grid; gap: var(--e-5); }
.hero h1 { color: var(--branco); max-width: 15ch; }
.hero h1 em { font-style: italic; color: #AFC0F2; }
.hero .lead { color: #C9D1E3; }
.hero .rotulo { color: #AFC0F2; }
.hero__acoes { display: flex; flex-wrap: wrap; gap: var(--e-3); align-items: center; }
.hero__garantias { display: flex; flex-wrap: wrap; gap: var(--e-2) var(--e-5); list-style: none; margin: 0; padding: 0; font-size: var(--t-sm); color: #AFC0E0; }
.hero__garantias li { display: flex; gap: var(--e-2); align-items: center; }
.hero__garantias svg { width: 16px; height: 16px; color: #7FD4B4; flex: none; }
.hero__aviso { font-size: var(--t-xs); color: #AFC0E0; }
.hero__aviso a { color: #DCE2F5; }
.btn--contorno-claro { border-color: rgba(255,255,255,.35); color: var(--branco); background: transparent; }
.btn--contorno-claro:hover { border-color: var(--branco); color: var(--branco); }

.video { position: relative; aspect-ratio: 16 / 9; max-width: 100%; border-radius: var(--raio-lg); overflow: hidden; background: var(--tinta-2); cursor: pointer; border: 0; padding: 0; width: 100%; display: block; }
.video img { width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: opacity var(--transicao); }
.video:hover img { opacity: 1; }
.video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.video__play { position: absolute; inset: 0; margin: auto; width: 72px; height: 72px; border-radius: 50%; background: var(--branco); display: grid; place-items: center; box-shadow: var(--sombra-lg); }
.video__play svg { width: 26px; height: 26px; color: var(--andrade); margin-left: 4px; }
.video__legenda { position: absolute; left: 0; right: 0; bottom: 0; padding: var(--e-6) var(--e-4) var(--e-3); background: linear-gradient(transparent, rgba(11,24,48,.88)); color: var(--branco); font-size: var(--t-sm); text-align: left; }

/* ---------- Faixa de credenciais ---------- */
.credenciais { border-bottom: 1px solid var(--linha); }
.credenciais ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
.credenciais li { padding: var(--e-5) var(--e-4); display: grid; gap: 2px; border-right: 1px solid var(--linha); }
.credenciais li:last-child { border-right: 0; }
@media (max-width: 640px) { .credenciais li { border-right: 0; border-bottom: 1px solid var(--linha); } .credenciais li:last-child { border-bottom: 0; } }
.credenciais strong { font: 500 var(--t-xl)/1.1 var(--fonte-display); color: var(--tinta); }
.credenciais span { font-size: var(--t-sm); color: var(--texto-2); }

/* ---------- Seções ---------- */
.cabeca-secao { display: grid; gap: var(--e-3); margin-bottom: var(--e-7); max-width: 62ch; }
.cabeca-secao p { color: var(--texto-2); }
.secao--tinta .cabeca-secao p { color: #C9D1E3; }
.secao--tinta .rotulo { color: #AFC0F2; }
.grade-3 { display: grid; gap: var(--e-5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.grade-2c { display: grid; gap: var(--e-6); grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); align-items: start; }
.acoes-secao { margin-top: var(--e-7); display: flex; flex-wrap: wrap; gap: var(--e-3); }

.passo { display: grid; gap: var(--e-3); padding-top: var(--e-5); border-top: 2px solid var(--tinta); align-content: start; }
.passo__n { font: 500 var(--t-xs)/1 var(--fonte-dado); color: var(--andrade); letter-spacing: .08em; }
.passo h3 { font-size: var(--t-xl); }
.passo p { color: var(--texto-2); font-size: var(--t-sm); }

.publico { display: grid; gap: var(--e-2); padding: var(--e-5); background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); align-content: start; }
.publico h3 { font-size: var(--t-lg); }
.publico p { font-size: var(--t-sm); color: var(--texto-2); }
.publico .plataformas { font: 400 var(--t-xs)/1.6 var(--fonte-dado); color: var(--texto-3); }

.manifesto-curto { display: grid; gap: var(--e-6); align-items: center; }
@media (min-width: 960px) { .manifesto-curto { grid-template-columns: 1.2fr 1fr; } }
.manifesto-curto blockquote { margin: 0; font: italic 400 var(--t-2xl)/1.25 var(--fonte-display); color: var(--branco); text-wrap: balance; }
.manifesto-curto .pilha p { color: #C9D1E3; }

.depoimento { display: grid; gap: var(--e-6); align-items: center; }
@media (min-width: 960px) { .depoimento { grid-template-columns: 1fr 1fr; } }
.depoimento blockquote { margin: 0; font: italic 400 var(--t-xl)/1.4 var(--fonte-display); color: var(--tinta); }

.sobre-dr { display: grid; gap: var(--e-7); align-items: center; }
@media (min-width: 960px) { .sobre-dr { grid-template-columns: .8fr 1.2fr; } }
.sobre-dr__foto { position: relative; max-width: 440px; }
.sobre-dr__foto img { border-radius: var(--raio-lg); aspect-ratio: 3 / 4; object-fit: cover; width: 100%; }
.sobre-dr__oab { position: absolute; left: var(--e-4); bottom: var(--e-4); background: var(--branco); padding: var(--e-2) var(--e-3); border-radius: var(--raio-sm); font: 500 var(--t-xs)/1.3 var(--fonte-dado); color: var(--tinta); box-shadow: var(--sombra); }
.lista-check { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--e-3); }
.lista-check li { display: grid; grid-template-columns: 20px 1fr; gap: var(--e-3); align-items: start; }
.lista-check svg { width: 20px; height: 20px; color: var(--andrade); margin-top: 3px; }
.lista-check strong { color: var(--tinta); }

/* ---------- Contato ---------- */
.contato { display: grid; gap: var(--e-7); }
@media (min-width: 960px) { .contato { grid-template-columns: .9fr 1.1fr; } }
.contato__dados { display: grid; gap: var(--e-5); align-content: start; }
.contato__item { display: grid; gap: 2px; }
.contato__item span { font: 500 var(--t-xs)/1.4 var(--fonte-dado); text-transform: uppercase; letter-spacing: .08em; color: var(--texto-3); }
.contato__item a, .contato__item p { color: var(--tinta); font-size: var(--t-lg); text-decoration: none; }
.form { display: grid; gap: var(--e-4); padding: var(--e-6); background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio-lg); }
.form__linha { display: grid; gap: var(--e-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
.campo { display: grid; gap: var(--e-1); }
.campo label { font-size: var(--t-sm); font-weight: 600; color: var(--tinta); }
.campo input, .campo select, .campo textarea { font: inherit; font-size: var(--t-base); color: var(--texto); background: var(--branco); border: 1px solid #C6CDDB; border-radius: var(--raio-sm); padding: .7rem .8rem; width: 100%; }
.campo textarea { min-height: 120px; resize: vertical; }
.campo input:focus, .campo select:focus, .campo textarea:focus { outline: 2px solid var(--andrade); outline-offset: 0; border-color: var(--andrade); }
.form__aceite { display: grid; grid-template-columns: 20px 1fr; gap: var(--e-3); font-size: var(--t-xs); color: var(--texto-2); align-items: start; }
.form__aceite input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--andrade); }
.form__erro { color: var(--risco); font-size: var(--t-sm); font-weight: 600; }

/* ---------- Central do Chargeback ---------- */
.filtro-cats { display: flex; flex-wrap: wrap; gap: var(--e-2); margin-bottom: var(--e-6); }
.filtro-cats a { display: inline-flex; padding: .45rem .9rem; border: 1px solid var(--linha); border-radius: var(--raio); font-size: var(--t-sm); color: var(--texto-2); text-decoration: none; background: var(--branco); }
.filtro-cats a:hover { border-color: var(--andrade); color: var(--andrade); }
.filtro-cats a[aria-current="page"] { background: var(--tinta); border-color: var(--tinta); color: var(--branco); }
.destaque-pilar { display: grid; gap: var(--e-3); padding: var(--e-6); border-radius: var(--raio-lg); background: var(--andrade-50); border: 1px solid var(--andrade-100); text-decoration: none; color: inherit; margin-bottom: var(--e-7); }
.destaque-pilar:hover { color: inherit; border-color: var(--andrade); }
.destaque-pilar h2 { font-size: var(--t-2xl); }
.destaque-pilar p { color: var(--texto-2); max-width: 64ch; }
.bloco-cat { margin-bottom: var(--e-8); }
.bloco-cat__topo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: var(--e-3); margin-bottom: var(--e-5); }
.bloco-cat__topo p { color: var(--texto-2); font-size: var(--t-sm); max-width: 60ch; }

/* ---------- Página de dúvidas ---------- */
.faq-grupo { margin-bottom: var(--e-7); }
.faq-grupo > h2 { font-size: var(--t-xl); margin-bottom: var(--e-3); }
.faq .leia { display: inline-block; margin-top: var(--e-2); font-size: var(--t-sm); font-weight: 600; }

/* ---------- Página O Movimento ---------- */
.mov-hero { background: var(--tinta); color: #C9D1E3; padding-block: var(--e-7) var(--e-8); }
.mov-hero .container { display: grid; gap: var(--e-5); }
.mov-hero h1 { color: var(--branco); max-width: 18ch; }
.mov-hero .lead { color: #C9D1E3; }
.mov-hero .rotulo { color: #AFC0F2; }
.mov-hero .breadcrumb a { color: #AFC0E0; }
.mov-hero .breadcrumb { color: #7E8DAE; }
.mov-hero .breadcrumb li + li::before { color: #4A5B80; }
.mov-hero .resposta-rapida { background: rgba(255,255,255,.06); color: #DCE2F5; border-left-color: #AFC0F2; max-width: 70ch; }
.mov-hero .resposta-rapida strong:first-child { color: #AFC0F2; }
.manifesto { list-style: none; margin: 0; padding: 0; display: grid; counter-reset: m; }
.manifesto li { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: var(--e-4); padding-block: var(--e-5); border-top: 1px solid rgba(255,255,255,.14); }
.manifesto li::before { counter-increment: m; content: counter(m, upper-roman); font: 500 var(--t-sm)/2.2 var(--fonte-dado); color: #AFC0F2; }
.manifesto strong { display: block; font: 400 var(--t-2xl)/1.2 var(--fonte-display); color: var(--branco); text-wrap: balance; margin-bottom: var(--e-2); }
.manifesto span { color: #C9D1E3; max-width: 60ch; display: block; }
.frente { display: grid; gap: var(--e-3); padding: var(--e-6); border: 1px solid var(--linha); border-radius: var(--raio-lg); background: var(--branco); align-content: start; }
.frente h3 { font-size: var(--t-xl); }
.frente p { font-size: var(--t-sm); color: var(--texto-2); }
.frente a { font-size: var(--t-sm); font-weight: 600; }
.texto-longo { display: grid; gap: var(--e-4); max-width: var(--largura-leitura); }
.texto-longo p { color: var(--texto); }

/* ---------- Casos ---------- */
.caso-detalhe { display: grid; gap: var(--e-6); padding-block: var(--e-7); border-bottom: 1px solid var(--linha); }
.caso-detalhe:last-child { border-bottom: 0; }
@media (min-width: 960px) { .caso-detalhe { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); } }
.caso-detalhe dl { margin: 0; display: grid; gap: var(--e-3); font-size: var(--t-sm); }
.caso-detalhe dt { font: 500 var(--t-xs)/1.4 var(--fonte-dado); text-transform: uppercase; letter-spacing: .06em; color: var(--texto-3); }
.caso-detalhe dd { margin: 0; color: var(--texto); }

/* ---------- Rodapé ---------- */
.rodape { background: var(--tinta); color: #AFC0E0; padding-block: var(--e-8) var(--e-6); font-size: var(--t-sm); }
.rodape a { color: #DCE2F5; text-decoration: none; }
.rodape a:hover { color: var(--branco); text-decoration: underline; }
.rodape__grade { display: grid; gap: var(--e-6); grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); padding-bottom: var(--e-7); border-bottom: 1px solid rgba(255,255,255,.12); }
.rodape__marca img { height: 34px; width: auto; margin-bottom: var(--e-4); }
.rodape h2 { font: 500 var(--t-xs)/1 var(--fonte-dado); text-transform: uppercase; letter-spacing: .08em; color: #8494B8; margin-bottom: var(--e-4); }
.rodape ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--e-2); }
.rodape__redes { display: flex; gap: var(--e-3); margin-top: var(--e-4); }
.rodape__redes a { width: 40px; height: 40px; border: 1px solid rgba(255,255,255,.2); border-radius: var(--raio); display: grid; place-items: center; }
.rodape__redes svg { width: 18px; height: 18px; }
.rodape__base { padding-top: var(--e-5); display: grid; gap: var(--e-3); font-size: var(--t-xs); color: #8494B8; }
.rodape__base button { background: none; border: 0; padding: 0; color: #DCE2F5; font: inherit; cursor: pointer; text-decoration: underline; }

/* ---------- WhatsApp flutuante ---------- */
.wa-flutuante { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 40; width: 58px; height: 58px; border-radius: 50%; background: var(--whatsapp); color: var(--branco); display: grid; place-items: center; box-shadow: 0 6px 20px rgba(11,24,48,.25); }
.wa-flutuante:hover { background: var(--whatsapp-700); color: var(--branco); }
.wa-flutuante svg { width: 30px; height: 30px; }

/* ---------- Cookies (LGPD) ---------- */
.cookie-banner { position: fixed; left: 16px; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 70; max-width: 720px; margin-inline: auto; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio-lg); box-shadow: var(--sombra-lg); padding: var(--e-5); display: none; gap: var(--e-4); }
.cookie-banner.show { display: grid; }
.cookie-banner p { font-size: var(--t-sm); color: var(--texto-2); }
.cookie-acoes { display: flex; flex-wrap: wrap; gap: var(--e-2); }
.cookie-acoes .btn { min-height: 40px; padding-inline: 1rem; }
.cookie-modal { position: fixed; inset: 0; z-index: 80; background: rgba(11,24,48,.5); display: none; align-items: center; justify-content: center; padding: 16px; }
.cookie-modal.show { display: flex; }
.cookie-modal__caixa { background: var(--branco); border-radius: var(--raio-lg); max-width: 520px; width: 100%; max-height: 90vh; overflow-y: auto; padding: var(--e-6); display: grid; gap: var(--e-4); }
.cookie-modal__topo { display: flex; justify-content: space-between; align-items: center; gap: var(--e-4); }
.cookie-modal__topo h2 { font-size: var(--t-xl); }
.cookie-cat { display: grid; grid-template-columns: 1fr auto; gap: var(--e-4); align-items: center; padding-block: var(--e-3); border-bottom: 1px solid var(--linha); }
.cookie-cat strong { color: var(--tinta); display: block; }
.cookie-cat span { font-size: var(--t-xs); color: var(--texto-2); }
.cookie-cat input { width: 20px; height: 20px; accent-color: var(--andrade); }
.botao-icone { background: none; border: 0; width: 40px; height: 40px; display: grid; place-items: center; cursor: pointer; color: var(--texto-2); border-radius: var(--raio); }
.botao-icone:hover { background: var(--papel); }
.botao-icone svg { width: 20px; height: 20px; }

/* ---------- Páginas legais ---------- */
.legal { max-width: var(--largura-leitura); display: grid; gap: var(--e-4); }
.legal h2 { font-size: var(--t-xl); margin-top: var(--e-5); }
.legal h3 { font-size: var(--t-lg); margin-top: var(--e-3); }
.legal ul, .legal ol { margin: 0; padding-left: 1.25rem; display: grid; gap: var(--e-2); }
.legal .destaque { padding: var(--e-4) var(--e-5); background: var(--papel); border-left: 3px solid var(--andrade); }
.legal table { border-collapse: collapse; width: 100%; font-size: var(--t-sm); }
.legal th, .legal td { border: 1px solid var(--linha); padding: var(--e-2) var(--e-3); text-align: left; }

/* ---------- 404 ---------- */
.erro { padding-block: var(--e-9); }
.erro .container { display: grid; gap: var(--e-4); }
.erro .container > * { max-width: 640px; }
.erro__codigo { font: 500 var(--t-sm)/1 var(--fonte-dado); color: var(--andrade); }

/* ---------- Ilustrações ---------- */
.card-artigo__img { width: 100%; height: auto; aspect-ratio: 16 / 10; border-radius: var(--raio-sm); background: var(--andrade-50); }
.cabeca-pagina--capa .container { align-items: center; }
.cabeca-pagina__texto { display: grid; gap: var(--e-4); min-width: 0; }
.cabeca-pagina__capa { width: 100%; max-width: 520px; height: auto; aspect-ratio: 16 / 10; border-radius: var(--raio-lg); border: 1px solid var(--linha); }
@media (min-width: 960px) { .cabeca-pagina--capa .container { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--e-7); } .cabeca-pagina__capa { justify-self: end; } }
@media (max-width: 959px) { .cabeca-pagina__capa { max-width: 100%; } }
.destaque-pilar { grid-template-columns: minmax(0, 1fr); align-items: center; }
@media (min-width: 860px) { .destaque-pilar { grid-template-columns: minmax(0, 340px) minmax(0, 1fr); gap: var(--e-6); } }
.destaque-pilar__img { width: 100%; height: auto; aspect-ratio: 16 / 10; border-radius: var(--raio); }
.figura { margin: 0; display: grid; gap: var(--e-2); }
.figura img { width: 100%; height: auto; border-radius: var(--raio); border: 1px solid var(--linha); }
.figura figcaption { font: 400 var(--t-xs)/1.5 var(--fonte-dado); color: var(--texto-3); }