/*
 * VM Contabilidade · site novo (12/10/2026). Design: Quadro (quadro-template.framer.website) aplicado inteiro, com a
 * identidade clara da VM. A abertura e a mesa dos casos ficam em cine.css (v3). Troca da referência para a VM:
 *   azul das fotos  -> couro e taupe por cima dos renders da sede nova
 *   branco          -> papel e chão (creme)
 *   vermelho        -> vinho, com a palavra em Georgia na etiqueta (como nas artes da VM)
 *   Figtree 900     -> Helvetica em caixa alta (a letra da marca); Georgia só na etiqueta e nos destaques
 * Regras da marca: sem preto (nada abaixo do Grafite #48453E), logotipo não se altera, número nunca em Georgia.
 */
/* número nunca em Georgia: a serifa da marca desenha os algarismos em Helvetica sozinha (unicode-range).
   A face dos algarismos vem por último porque, quando as faixas se cruzam, o navegador confere a última primeiro. */
@font-face{font-family:'VM Serifa';src:local('Georgia');font-weight:400;font-style:normal}
@font-face{font-family:'VM Serifa';src:local('Georgia Bold'),local('Georgia-Bold');font-weight:700;font-style:normal}
@font-face{font-family:'VM Serifa';src:local('Georgia Italic'),local('Georgia-Italic');font-weight:400;font-style:italic}
@font-face{font-family:'VM Serifa';src:local('Helvetica Neue'),local('HelveticaNeue'),local('Helvetica'),local('Arial');font-weight:400;unicode-range:U+0030-0039}
@font-face{font-family:'VM Serifa';src:local('Helvetica Neue Bold'),local('HelveticaNeue-Bold'),local('Helvetica Bold'),local('Arial Bold');font-weight:700;unicode-range:U+0030-0039}
:root {
  --chao: #F3E5DB; --papel: #F9F0E9; --elevada: #FCF5F1; --sombra-num: #EDDFD3;
  --couro: #6F4523; --taupe: #6E4E32; --grafite: #48453E; --g2: #5C5952; --g3: #6C6560;
  --vinho: #9D1C3B; --ouro: #CF8F45; --ouro2: #F1BF76; --ouro3: #ECC18E; --creme: #F5F3EF;
  --linha: rgba(72, 69, 62, .14);
  --serif: 'VM Serifa', Georgia, 'Times New Roman', serif;
  --sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --pad: clamp(20px, 2vw, 32px);
  --ease: cubic-bezier(.23, 1, .32, 1);
  --topo: 92px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--papel); -webkit-text-size-adjust: 100%; scroll-padding-top: var(--topo); }
body { font-family: var(--sans); font-weight: 500; color: var(--grafite); background: var(--papel); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: clip; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
ol, ul { list-style: none; }
.tab { font-family: var(--sans); font-variant-numeric: tabular-nums; }
p, h3, dd, summary { text-wrap: pretty; }
h1, h2 { text-wrap: balance; }
:focus-visible { outline: 2px solid var(--vinho); outline-offset: 3px; }

/* ------------------------------------------------------------ peças */
/* o título gigante: caixa alta pesada, apertada (a voz do Quadro) */
.gigante { font-family: var(--sans); font-weight: 700; text-transform: uppercase; font-size: clamp(56px, 11.1vw, 168px); line-height: .82; letter-spacing: -.045em; }
.gigante--meio { font-size: clamp(38px, 7.2vw, 108px); line-height: .9; letter-spacing: -.04em; }
/* a etiqueta: a palavra que pesa em Georgia, sobre vinho (como nas artes da VM) */
.et { display: inline; padding: 0 .12em .04em; background: var(--vinho); color: var(--creme); font-family: var(--serif); font-weight: 400; letter-spacing: -.01em;
  -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.et--torta { display: inline-block; transform: rotate(-1.6deg); line-height: .95; padding: .02em .12em .08em; }
.cor { color: var(--vinho); font-family: var(--serif); font-weight: 400; letter-spacing: -.02em; }
.gigante .cor { text-transform: none; }
/* o selo pequeno (WHAT WE WORK ON) */
.selo { display: inline-block; padding: 7px 14px; border-radius: 99px; background: var(--chao); font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--g2); }
.selo--claro { background: rgba(245, 243, 239, .16); color: var(--creme); }
/* os botões em pílula (GET STARTED) */
.pilula { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 26px; border: 0; border-radius: 99px; font: 700 13.5px/1 var(--sans);
  letter-spacing: .05em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: transform .16s var(--ease), background .25s ease, color .25s ease; }
.pilula:active { transform: scale(.97); }
.pilula--vinho { background: var(--vinho); color: var(--creme); }
.pilula--vinho:hover { background: #87162F; }
.pilula--clara { background: var(--elevada); color: var(--grafite); }
.pilula--topo { background: var(--elevada); color: var(--grafite); }
/* as linhas de coluna das cenas de foto */
.grade { position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(90deg, rgba(245, 243, 239, .13) 1px, transparent 1px);
  background-size: 20% 100%; background-position: -1px 0; }

/* ------------------------------------------------------------ topo */
.topo { position: fixed; inset: 0 0 auto 0; z-index: 30; height: var(--topo); display: flex; align-items: center; gap: 40px; padding: 0 var(--pad); transition: background .4s ease; }
.topo__marca { position: relative; display: block; width: 210px; }
.topo__logo { width: 210px; height: auto; transition: opacity .35s ease; }
.topo__logo--claro { position: absolute; inset: 0; opacity: 0; }
.topo__nav { display: flex; gap: 56px; margin-left: auto; }
.topo__nav a { font-size: 13.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; color: var(--creme); transition: color .35s ease; }
.topo.claro { background: rgba(249, 240, 233, .88); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.topo.claro .topo__logo--foto { opacity: 0; } .topo.claro .topo__logo--claro { opacity: 1; }
.topo.claro .topo__nav a { color: var(--grafite); }
.topo.claro .pilula--topo { background: var(--vinho); color: var(--creme); }

/* a luz do Quadro, em couro, nas falas e no contato */
.fala::before, .contato::before { content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(60% 55% at 58% 42%, rgba(243, 229, 219, .1), transparent 70%),
    radial-gradient(55% 60% at 0% 100%, rgba(207, 143, 69, .45), transparent 70%),
    linear-gradient(100deg, rgba(110, 78, 50, .9) 0%, rgba(111, 69, 35, .55) 45%, rgba(72, 54, 38, .7) 100%); }

/* os papéis: sobem com a rolagem por cima do título e dá para arrastar */
.papel { position: absolute; left: 50%; top: 50%; width: min(440px, 34vw); padding: 40px 42px 36px; background: var(--elevada); color: var(--grafite); cursor: grab; touch-action: none;
  box-shadow: 0 40px 80px -30px rgba(72, 54, 38, .55), 0 2px 6px rgba(72, 54, 38, .12);
  transform: translate(-50%, -50%) translate(calc(var(--x) + var(--dx, 0px)), calc(var(--y) + var(--sobe, 120vh) + var(--dy, 0px))) rotate(calc(var(--r) + var(--dr, 0deg))); will-change: transform; }
.papel.arrastando { cursor: grabbing; box-shadow: 0 60px 110px -30px rgba(72, 54, 38, .65), 0 2px 6px rgba(72, 54, 38, .12); }
.papel::after { content: '”'; position: absolute; right: 36px; top: 10px; font: 400 140px/1 var(--serif); color: var(--ouro3); opacity: .7; }
.papel__t { font-size: clamp(34px, 3.5vw, 50px); font-weight: 700; line-height: 1; letter-spacing: -.03em; }
.papel__t em { font-family: var(--serif); font-weight: 400; font-style: normal; color: var(--vinho); letter-spacing: -.02em; }
.papel__x { margin-top: 26px; max-width: 26em; font-size: 15px; line-height: 1.5; color: var(--g3); }

/* ------------------------------------------------------------ 3. o que a gente faz */
.faz { position: relative; background: var(--papel); }
.faz__abre { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: calc(var(--topo) + 20px) var(--pad) 40px; text-align: center; }
.faz__frase { max-width: 12em; }
[data-acende] .letra { opacity: .14; transition: opacity .25s linear; }
[data-acende] .letra.on { opacity: 1; }
.numeros { position: relative; height: 420vh; height: 420svh; }
.numeros__fixo { position: sticky; top: 0; height: 100vh; height: 100svh; display: grid; place-items: center; overflow: hidden; }
.numeros__grande { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.numeros__grande span { grid-area: 1 / 1; font-size: min(70vh, 56vw); font-weight: 700; line-height: .8; letter-spacing: -.06em; color: var(--sombra-num); opacity: 0; transform: translateY(18%);
  transition: opacity .6s var(--ease), transform .8s var(--ease); }
.numeros__grande span.on { opacity: 1; transform: none; }
.numeros__itens { position: relative; display: grid; place-items: center; text-align: center; }
.numeros__itens article { grid-area: 1 / 1; display: grid; justify-items: center; gap: 22px; opacity: 0; transform: translateY(40px); transition: opacity .5s var(--ease), transform .7s var(--ease); pointer-events: none; }
.numeros__itens article.on { opacity: 1; transform: none; pointer-events: auto; }
.numeros__itens h3 { padding-bottom: 14px; border-bottom: 3px solid var(--vinho); }
.numeros__itens p { max-width: 24em; font-size: 15px; color: var(--g2); }

/* ------------------------------------------------------------ 4. o resultado */
.resultado { position: relative; background: var(--papel); padding: 40px 0 clamp(80px, 12vw, 160px); overflow: hidden; }
.resultado__faixa { white-space: nowrap; font-size: clamp(120px, 26vw, 400px); font-weight: 700; line-height: .82; letter-spacing: -.05em; text-transform: uppercase; color: var(--sombra-num);
  transform: translateX(calc(var(--fx, 0) * -1px)); will-change: transform; }
.resultado__colunas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: -6vw calc(var(--pad) + 4vw) 0; position: relative; }
.resultado__colunas article { padding: 0 32px 0 28px; border-left: 1px solid var(--linha); }
.resultado__colunas svg { width: 24px; height: 24px; fill: none; stroke: var(--grafite); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; margin-bottom: 30px; }
.resultado__colunas h3 { font-size: clamp(24px, 2.3vw, 34px); font-weight: 700; line-height: 1.05; letter-spacing: -.02em; }
.resultado__colunas h3 em { font-family: var(--serif); font-weight: 400; font-style: normal; color: var(--vinho); }
.resultado__colunas p { margin-top: 18px; max-width: 22em; font-size: 15px; color: var(--g2); }
/* ------------------------------------------------------------ 5 e 10. as falas (depoimento sobre foto) */
.fala, .contato { position: relative; isolation: isolate; min-height: 100vh; min-height: 100svh; display: flex; align-items: center; padding: calc(var(--topo) + 40px) calc(var(--pad) + 4vw) 90px; color: var(--creme); overflow: hidden; }
.fala::before, .contato::before { z-index: -1; }
.fala__fundo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; transform: scale(1.06) translateY(calc(var(--py, 0) * 4%)); filter: saturate(.85); }
.fala .grade, .contato .grade { z-index: -1; }
.fala__dentro { max-width: min(860px, 64vw); }
.fala__tags { display: flex; flex-wrap: wrap; gap: 8px; }
.fala__tags span { padding: 6px 12px; border-radius: 99px; background: rgba(245, 243, 239, .14); font-size: 12px; }
.fala__texto { position: relative; margin-top: 30px; padding-left: 34px; border-left: 6px solid var(--vinho); }
.fala__texto p { font-size: clamp(30px, 4vw, 58px); font-weight: 700; line-height: 1; letter-spacing: -.02em; text-transform: uppercase; }
[data-acende-palavra] .palavra { opacity: .28; transition: opacity .3s linear; }
[data-acende-palavra] .palavra.on { opacity: 1; }
.fala__quem { margin: 22px 0 0 40px; font-size: 14px; opacity: .85; }
.fala .pilula { margin: 30px 0 0 40px; }

/* ------------------------------------------------------------ 7. o processo */
.processo { position: relative; background: var(--papel); padding: clamp(90px, 10vw, 150px) calc(var(--pad) + 4vw); overflow: hidden; }
.processo__fundo { position: absolute; left: 50%; top: 42%; transform: translate(-50%, -50%); white-space: nowrap; font-size: clamp(110px, 17vw, 260px); font-weight: 700; line-height: .8; letter-spacing: -.05em;
  text-transform: uppercase; color: var(--sombra-num); pointer-events: none; }
.processo__t { position: relative; max-width: 13em; margin: 0 auto; text-align: center; }
.processo__passos { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(80px, 10vw, 140px); }
.processo__passos li { display: flex; flex-direction: column; min-height: 320px; padding: 0 28px 0 22px; border-left: 1px solid var(--linha); }
.processo__passos span { font-size: 13px; font-weight: 700; letter-spacing: .06em; color: var(--vinho); }
.processo__passos h3 { margin-top: 18px; font-size: clamp(20px, 1.8vw, 26px); font-weight: 700; line-height: 1.08; letter-spacing: -.02em; }
.processo__passos p { margin-top: auto; padding-top: 30px; font-size: 14.5px; color: var(--g2); max-width: 20em; }
.js .processo__passos li { opacity: 0; transform: translateY(30px); transition: opacity .7s var(--ease), transform .9s var(--ease); }
.js .processo__passos li.on { opacity: 1; transform: none; }
.processo__passos li:nth-child(2) { transition-delay: .1s; } .processo__passos li:nth-child(3) { transition-delay: .2s; } .processo__passos li:nth-child(4) { transition-delay: .3s; }

/* ------------------------------------------------------------ 8. sobre */
.sobre { background: var(--papel); padding: clamp(90px, 10vw, 150px) calc(var(--pad) + 4vw); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px 72px; align-items: center; }
.sobre__texto { display: grid; justify-items: start; gap: 22px; max-width: 34em; }
.sobre h2 { font-size: clamp(30px, 3.2vw, 46px); font-weight: 700; line-height: 1.05; letter-spacing: -.03em; }
.sobre__texto > p:not(.selo) { font-size: 15.5px; color: var(--g2); }
.sobre__foto { position: relative; margin: 0; aspect-ratio: 4 / 5; max-height: 640px; }
.sobre__foto i { position: absolute; inset: 4% -4% -4% 4%; background: var(--chao); transform: rotate(3deg); }
.sobre__foto img { position: relative; width: 100%; height: 100%; object-fit: cover; object-position: 58% 50%; transform: rotate(-2deg) translateY(calc(var(--py, 0) * -24px)); box-shadow: 0 40px 80px -40px rgba(72, 54, 38, .6); }
.sobre__numeros { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; margin-top: 40px; }
.sobre__numeros div { padding-bottom: 18px; border-bottom: 1px solid var(--vinho); text-align: center; }
.sobre__numeros dt { font-size: clamp(36px, 3.4vw, 50px); font-weight: 700; letter-spacing: -.03em; }
.sobre__numeros dd { margin-top: 8px; font-size: 14.5px; color: var(--g2); }
.sobre__google { grid-column: 1 / -1; display: grid; justify-items: center; gap: 12px; text-align: center; font-size: 14.5px; color: var(--g2); max-width: 46em; justify-self: center; }
.sobre__rostos { display: flex; }
.sobre__rostos i, .sobre__rostos b { display: grid; place-items: center; width: 38px; height: 38px; margin-left: -8px; border-radius: 50%; border: 2px solid var(--papel); font: 700 14px/1 var(--sans); font-style: normal; color: var(--creme); background: var(--taupe); }
.sobre__rostos i:nth-child(2) { background: var(--couro); } .sobre__rostos i:nth-child(3) { background: var(--vinho); } .sobre__rostos i:nth-child(4) { background: var(--ouro); } .sobre__rostos i:nth-child(5) { background: var(--g2); }
.sobre__rostos b { background: var(--grafite); font-size: 12px; }

/* ------------------------------------------------------------ 9. avisos */
.avisos { background: var(--papel); padding: clamp(90px, 10vw, 150px) calc(var(--pad) + 4vw); display: grid; justify-items: center; gap: 28px; text-align: center; }
.avisos__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 40px; width: 100%; text-align: left; }
.aviso { display: grid; gap: 10px; align-content: start; text-decoration: none; }
.aviso img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; transition: transform .6s var(--ease); }
.aviso:hover img { transform: scale(1.02); }
.aviso small { margin-top: 8px; font-size: 12.5px; color: var(--g3); }
.aviso h3 { font-size: 19px; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.aviso p { font-size: 14.5px; color: var(--g2); }
.avisos__mais { margin-top: 18px; }

/* ------------------------------------------------------------ 11. contato */
.contato__dentro { width: 100%; display: grid; justify-items: center; gap: 22px; text-align: center; }
.contato__apoio { max-width: 36em; font-size: 15px; opacity: .9; }
.form { width: min(860px, 100%); margin-top: 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 18px; text-align: left; }
.form label, .form legend { display: grid; gap: 8px; font-size: 13px; font-weight: 700; letter-spacing: .02em; }
.form input, .form textarea { width: 100%; padding: 12px 14px; border: 0; border-radius: 6px; background: rgba(252, 245, 241, .14); color: var(--creme); font: 500 15px/1.4 var(--sans);
  box-shadow: inset 0 0 0 1px rgba(245, 243, 239, .25); }
.form input:focus, .form textarea:focus { outline: none; box-shadow: inset 0 0 0 2px var(--ouro2); }
.form textarea::placeholder { color: rgba(245, 243, 239, .55); }
.form fieldset { grid-row: span 2; border: 0; }
.form__caso { grid-column: 2; grid-row: 1 / span 3; }
.form__caso textarea { min-height: 220px; resize: vertical; }
.form__opcoes { display: grid; gap: 10px; margin-top: 10px; }
.form__opcoes label { display: flex; align-items: center; gap: 10px; font-weight: 500; letter-spacing: 0; cursor: pointer; }
.form__opcoes input { width: 18px; height: 18px; padding: 0; accent-color: var(--vinho); }
.form .pilula { grid-column: 1 / -1; justify-self: center; margin-top: 14px; }

/* ------------------------------------------------------------ 12. perguntas */
.perguntas { background: var(--papel); padding: clamp(90px, 10vw, 150px) calc(var(--pad) + 4vw); display: grid; justify-items: center; gap: 24px; text-align: center; }
.perguntas__t { font-size: clamp(26px, 2.6vw, 38px); font-weight: 700; line-height: 1.05; letter-spacing: -.02em; text-transform: uppercase; }
.perguntas__lista { width: min(1080px, 100%); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 64px; margin-top: 40px; text-align: left; }
.perguntas details { border-bottom: 1px solid var(--linha); }
.perguntas summary { display: flex; justify-content: space-between; gap: 16px; padding: 22px 0; font-size: 15.5px; font-weight: 700; cursor: pointer; list-style: none; }
.perguntas summary::-webkit-details-marker { display: none; }
.perguntas summary::after { content: '+'; font-size: 22px; font-weight: 400; line-height: 1; color: var(--vinho); transition: transform .3s var(--ease); }
.perguntas details[open] summary::after { transform: rotate(45deg); }
.perguntas details p { padding: 0 0 22px; font-size: 15px; color: var(--g2); max-width: 36em; }

/* ------------------------------------------------------------ rodapé */
.rodape { background: var(--papel); padding: 40px calc(var(--pad) + 4vw) 32px; border-top: 1px solid var(--linha); }
.rodape__insta { display: grid; justify-items: center; gap: 18px; text-align: center; padding: clamp(70px, 8vw, 110px) 0 clamp(70px, 8vw, 110px); }
.rodape__insta h2 { font-size: clamp(26px, 2.6vw, 38px); font-weight: 700; text-transform: uppercase; letter-spacing: -.02em; line-height: 1.05; }
.rodape__insta p { font-size: 15px; color: var(--g2); max-width: 34em; }
.rodape__base { display: grid; grid-template-columns: 1.3fr 1fr 1.2fr; gap: 32px; padding-top: 40px; border-top: 1px solid var(--linha); font-size: 14px; color: var(--g2); }
.rodape__base img { width: 220px; }
.rodape__slogan { margin-top: 14px; font-family: var(--serif); font-style: italic; font-size: 16px; color: var(--couro); }
.rodape__base nav { display: grid; gap: 8px; align-content: start; }
.rodape__base nav a, .rodape__base address a { text-decoration: none; }
.rodape__base nav a:hover, .rodape__base address a:hover { color: var(--vinho); }
.rodape__base address { font-style: normal; line-height: 1.7; }
.rodape__legal { grid-column: 1 / -1; padding-top: 24px; border-top: 1px solid var(--linha); font-size: 12.5px; color: var(--g3); }

/* ------------------------------------------------------------ celular */
@media (max-width: 980px) {
  :root { --topo: 72px; }
  .topo { gap: 16px; }
  .topo__marca, .topo__logo { width: 160px; }
  .topo__nav { display: none; }
  .pilula--topo { margin-left: auto; min-height: 38px; padding: 0 16px; font-size: 12px; }
  .grade { background-size: 33.33% 100%; }
  .gigante--meio { font-size: clamp(34px, 10.5vw, 72px); }
  .papel { width: 84vw; padding: 26px 24px 24px; }
  .papel:nth-child(1) { --x: -3vw !important; --y: -26vh !important; } .papel:nth-child(2) { --x: 4vw !important; --y: -8vh !important; }
  .papel:nth-child(3) { --x: -4vw !important; --y: 10vh !important; } .papel:nth-child(4) { --x: 3vw !important; --y: 27vh !important; }
  .papel__x { margin-top: 14px; font-size: 14px; }
  .papel::after { font-size: 96px; right: 22px; }
  .resultado__colunas { grid-template-columns: minmax(0, 1fr); gap: 40px; margin: 0 var(--pad); }
  .resultado__colunas article { border-left: 0; border-top: 1px solid var(--linha); padding: 30px 0 0; text-align: center; display: grid; justify-items: center; }
  .resultado__colunas svg { margin-bottom: 16px; }
  .fala, .contato { padding: calc(var(--topo) + 30px) var(--pad) 70px; }
  .fala__dentro { max-width: none; }
  .fala__texto { padding-left: 20px; border-left-width: 5px; }
  .fala__quem, .fala .pilula { margin-left: 25px; }
  .processo { padding-left: var(--pad); padding-right: var(--pad); }
  .processo__passos { grid-template-columns: minmax(0, 1fr); gap: 0; text-align: center; }
  .processo__passos li { min-height: 0; padding: 34px 0; border-left: 0; border-top: 1px solid var(--linha); align-items: center; }
  .processo__passos p { margin-top: 14px; padding-top: 0; }
  .sobre { grid-template-columns: minmax(0, 1fr); padding-left: var(--pad); padding-right: var(--pad); text-align: center; }
  .sobre__texto { justify-items: center; justify-self: center; }
  .sobre__foto { max-width: 420px; justify-self: center; width: 86%; }
  .sobre__numeros { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .avisos { padding-left: var(--pad); padding-right: var(--pad); }
  .avisos__grade { grid-template-columns: minmax(0, 1fr); }
  .form { grid-template-columns: minmax(0, 1fr); }
  .form__caso, .form fieldset { grid-column: 1; grid-row: auto; }
  .perguntas { padding-left: var(--pad); padding-right: var(--pad); }
  .perguntas__lista { grid-template-columns: minmax(0, 1fr); }
  .rodape { padding-left: var(--pad); padding-right: var(--pad); }
  .rodape__base { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .fala__fundo, .sobre__foto img { transform: none; filter: none; }
  [data-acende] .letra, [data-acende-palavra] .palavra { opacity: 1; transition: none; }
  .js .processo__passos li { opacity: 1; transform: none; transition: none; }
  .numeros__grande span, .numeros__itens article { transition: none; }
}