/* Componentes editoriais locais; valores cromáticos derivados dos tokens da marca. */
.brand img{width:173px;height:32px;display:block}.app-identity img{width:130px;height:24px}.workspace-icon img{width:24px;height:24px}.module-footer img{width:86px;height:16px}
.pular{position:absolute;left:16px;top:8px;padding:12px;background:var(--porcelain);color:var(--carbon);z-index:100;transform:translateY(-180%)}.pular:focus{transform:none}
.desktop-nav a[aria-current=page]:after{transform:scaleX(1)}
.chapter{padding:var(--spacing-region) 0}.paper{background:var(--porcelain);color:var(--carbon)}.carbon{background:var(--carbon);color:var(--porcelain)}.stone{background:var(--stone);color:var(--carbon)}
.editorial-heading{display:block;margin-bottom:var(--spacing-section)}.editorial-heading .eyebrow{font-size:14px;line-height:1.5;font-weight:500;margin-bottom:var(--spacing-control);color:var(--oxblood)}.carbon .editorial-heading .eyebrow{color:var(--readable)}
.editorial-heading h2,.closing h2{font-size:clamp(32px,3.35vw,48px);line-height:1.15;font-weight:500;letter-spacing:-.03em;max-width:950px}
.large-copy{font-size:clamp(22px,2.15vw,32px);line-height:1.4;letter-spacing:-.02em;max-width:680px}.muted,.prose{color:var(--light-secondary)}.carbon .muted,.carbon .prose{color:var(--dark-secondary)}.prose{max-width:640px;font-size:18px;line-height:1.7}.prose p+p{margin-top:24px}
.offer-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.offer{border:1px solid var(--light-border);border-radius:8px;background:var(--light-surface);padding:40px;display:flex;flex-direction:column}.offer-expanded{border-top:3px solid var(--oxblood);padding-top:38px}.offer .eyebrow{color:var(--oxblood)}.offer h3{font-size:36px;line-height:1.15;font-weight:500;letter-spacing:-.03em;margin:20px 0}.offer-summary{font-size:20px;max-width:460px;min-height:3.2em}.offer ul{list-style:none;padding:0;margin:28px 0 32px}.offer li{padding:14px 0;border-bottom:1px solid var(--light-border);color:var(--light-secondary)}.offer-note{font-size:13px;color:var(--light-secondary);margin-top:auto}.section-actions{margin-top:32px}.paper .button{background:var(--carbon);color:var(--porcelain)}.paper .button:hover{background:var(--oxblood)}.paper .text-action{border-color:var(--light-border)}.paper .text-action:hover{border-color:var(--oxblood)}
.autonomy-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px);align-items:start}.autonomy-statement>p:first-child{font-size:30px;line-height:1.4;letter-spacing:-.02em}.autonomy-statement .muted{margin-top:24px;max-width:520px}.rule-list article{display:flex;gap:24px;padding:24px 0;border-top:1px solid var(--light-border)}.rule-list article>span{color:var(--oxblood);font-size:13px;padding-top:5px}.rule-list h3{font-size:24px;font-weight:500;margin-bottom:8px}.rule-list p{color:var(--light-secondary);max-width:510px}.carbon .rule-list article{border-top-color:var(--dark-border)}.carbon .rule-list article>span{color:var(--readable)}.carbon .rule-list p{color:var(--dark-secondary)}.carbon .scope-note{color:var(--dark-muted)}
.method-list{list-style:none;margin:0;padding:0;max-width:1440px}.method-list li{display:grid;grid-template-columns:var(--spacing-sectionCompact) clamp(176px,22vw,280px) minmax(0,1fr);gap:var(--spacing-sectionCompact);padding:var(--spacing-card) 0;border-top:1px solid var(--light-border);align-items:start}.method-list li>*{min-width:0;overflow-wrap:break-word}.step-index{color:var(--oxblood);font-size:14px;font-variant-numeric:tabular-nums;padding-top:7px}.method-list h3{font-size:28px;font-weight:500;line-height:1.3;letter-spacing:-.02em}.method-list p{color:var(--light-secondary);max-width:60ch}
.capability-rows{margin-top:var(--spacing-sectionCompact);max-width:1440px}.capability-rows article{display:grid;grid-template-columns:minmax(200px,320px) minmax(0,1fr);gap:var(--spacing-sectionCompact);padding:28px 0;border-top:1px solid var(--light-border)}.capability-rows h3{font-size:22px;font-weight:500;line-height:1.4;max-width:320px}.capability-rows p{color:var(--light-secondary);max-width:700px}
.closing{padding:80px 0;background:var(--oxblood);color:var(--porcelain)}.closing-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center}/* O rótulo do fechamento herda a cor da faixa. `.editorial-heading .eyebrow` pinta de Oxblood, que sobre o fundo Oxblood dá 1,00:1 — some. */.closing .eyebrow{margin-bottom:20px}.closing .editorial-heading .eyebrow{color:inherit}.closing-grid>div>p:not(.eyebrow){max-width:460px;margin-bottom:28px}.closing .button{background:var(--porcelain);color:var(--carbon)}.closing .button:hover{background:var(--light-surface)}
.site-footer{padding:48px 0 24px;background:var(--carbon);color:var(--porcelain)}.footer-top{display:flex;align-items:center;gap:40px;padding-bottom:40px}.footer-top>p{color:var(--dark-muted);font-size:14px}.footer-top>a:last-child{margin-left:auto;min-height:44px;display:flex;align-items:center;font-size:14px;gap:16px}.footer-bottom{display:flex;justify-content:space-between;gap:32px;padding-top:24px;border-top:1px solid var(--dark-border);color:var(--dark-muted);font-size:12px}.footer-bottom nav{display:flex;gap:24px;flex-wrap:wrap}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom>span{padding-top:12px}
.page-hero{padding:64px 0 72px;background:var(--carbon);color:var(--porcelain);overflow:hidden}.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:80px;align-items:center}.page-hero h1{font-size:clamp(36px,3.75vw,56px);font-weight:500;line-height:1.12;letter-spacing:-.035em;margin:28px 0;max-width:1050px}/* O PADRAO E A TINTA DE FUNDO CLARO, e a escura fica escopada.   Era o contrario: o padrao era --dark-secondary e cada superficie clara   entrava numa lista de excecoes (.contact-intro, .legal-copy). Lista de   excecao envelhece — o movimento 02 da Home e da Plataforma nasceu fora   dela e o texto de apoio mediu 1,43:1 sobre Porcelain, praticamente   invisivel. Das oito ocorrencias do site, quatro estao em superficie clara   e quatro em .page-hero, que e Carbon; entao o padrao passa a ser o claro e   o escuro se declara onde o fundo e escuro. Superficie nova nasce certa. */.page-value{font-size:18px;line-height:1.65;color:var(--light-secondary);max-width:720px}.page-hero .page-value,.hero .page-value,.carbon .page-value{color:var(--dark-secondary)}.page-hero .hero-actions{flex-wrap:wrap;gap:16px 24px;margin-top:32px}.page-hero-art{display:flex;justify-content:center;align-items:center;min-height:280px}.page-hero-art>img{width:clamp(160px,16vw,260px);height:auto}.integration-plate{background:var(--porcelain);color:var(--carbon);padding:24px;border-radius:8px;border:1px solid var(--dark-border);width:100%;max-width:460px}.integration-plate>span{display:block;font-size:22px;font-weight:500;margin-bottom:40px}.integration-plate>div{padding:28px 24px;background:var(--oxblood);color:var(--porcelain);border-radius:4px}.integration-plate small{display:block;margin-bottom:20px;font-size:12px}.integration-plate img{width:173px;height:32px;max-width:100%}/* ── HERO COM ARTE QUE SANGRA ─────────────────────────────────────────   A primeira versão punha a arte na coluna direita, num retângulo de 460px.   Estava errado: o Hero é a imagem inteira, ponta a ponta, e não uma figura   emoldurada ao lado do texto. Isto repete o tratamento que a Home já usava   e que já estava aprovado — arte dimensionada pela ALTURA da seção,   ancorada à direita, e uma máscara que a apaga para a esquerda até virar   Carbon puro sob o texto.   `block-size:100%` com a proporção nativa faz a largura sair sozinha: o   assunto nunca é cortado na vertical, e o que transborda para a esquerda é   justamente o que a máscara come. Daí `overflow:hidden`, que a .page-hero   já declarava. */.page-hero--arte{position:relative;isolation:isolate;display:flex;align-items:center;min-block-size:clamp(440px,40vw,620px)}.page-hero--arte .page-hero-grid{grid-template-columns:minmax(0,1fr)}.page-hero--arte .page-hero-copy{max-inline-size:620px}.page-hero--arte .container{inline-size:100%}.page-hero__arte{position:absolute;inset-block:0;inset-inline-end:0;inset-inline-start:auto;block-size:100%;inline-size:auto;max-inline-size:none;object-fit:cover;object-position:right center;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent,var(--carbon) 34%);mask-image:linear-gradient(to right,transparent,var(--carbon) 34%)}/* Abaixo de 900px não há espaço lateral para a arte conviver com o texto:   ela empilha, ocupa a largura toda e mostra a cena inteira — que é o que o   Hero da Home já faz nessa faixa. */@media(max-width:900px){/* A arte vem DEPOIS da copy. No HTML ela e o primeiro filho da secao, porque no desktop precisa ser o fundo; empilhada, primeiro filho significaria a pessoa abrir a pagina e ver uma imagem antes de saber onde esta. A propriedade order resolve sem mexer no HTML — e e o mesmo recurso que o Hero da Home ja usa nesta faixa. */.page-hero--arte{display:flex;flex-direction:column;min-block-size:0}.page-hero--arte .page-hero-copy{max-inline-size:none}.page-hero--arte .container{order:1}.page-hero__arte{position:relative;inset:auto;order:2;inline-size:100%;block-size:auto;aspect-ratio:1672/941;object-fit:contain;object-position:center center;margin-block-start:40px;-webkit-mask-image:none;mask-image:none}}/* Nada aqui esconde a arte em prefers-reduced-transparency. A preferência trata de interface translúcida — vidro, backdrop-filter —, não de degradê em arte decorativa; o site já a atende no .glass-shell. E o Hero da Home, aprovado, mantém a mesma máscara nesse modo. Esconder só aqui seria a página interna perder a arte sozinha, por regra minha, sem ninguém ter pedido. */
.demo-gate{display:flex;justify-content:space-between;align-items:center;gap:48px;padding:32px;border:1px solid var(--dark-border);border-radius:8px}.demo-gate p{max-width:680px;color:var(--dark-secondary);margin-top:16px}.demo-gate .button{flex-shrink:0}.status-label{font-size:13px;color:var(--readable)}
.signal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.signal-list p{padding-top:24px;border-top:1px solid var(--light-border);font-size:20px;line-height:1.5;max-width:540px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:64px}/* Padrão é a tinta de fundo CLARO; a escura fica escopada em .carbon. */.before-after article{padding-top:28px;border-top:1px solid var(--light-border)}.before-after .eyebrow{color:var(--oxblood)}.carbon .before-after article{border-top-color:var(--dark-border)}.carbon .before-after .eyebrow{color:var(--readable)}.before-after h3{font-weight:500;font-size:32px;line-height:1.25;letter-spacing:-.025em;margin:24px 0}.before-after article>p:last-child{color:var(--light-secondary);max-width:520px}.carbon .before-after article>p:last-child{color:var(--dark-secondary)}.identity-block{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:center}.identity-block>img{width:160px;height:160px}
.contact-section{padding:64px 0 96px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.contact-intro h1,.legal-copy h1{font-size:clamp(40px,4.4vw,64px);font-weight:500;line-height:1.08;letter-spacing:-.035em;margin:24px 0}.direct-contact{padding:28px 0;margin-top:40px;border-top:1px solid var(--light-border);border-bottom:1px solid var(--light-border)}.direct-contact p{font-size:13px;color:var(--light-secondary);margin-bottom:12px}.direct-contact a{font-size:18px;min-height:44px;display:inline-flex;align-items:center;gap:16px;overflow-wrap:anywhere}.contact-composer{padding:40px;background:var(--light-surface);border:1px solid var(--light-border);border-radius:8px;min-width:0}.contact-composer h2{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.02em;margin-bottom:12px}.contact-composer>.muted{font-size:14px}.contact-composer fieldset{padding:0;border:0;margin:28px 0;min-width:0}.field{margin-bottom:20px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-pair .field{min-width:0}.field label,.message-result label{display:block;font-size:13px;font-weight:500;margin-bottom:8px}.field input,.field textarea,.field select,.message-result textarea{display:block;min-width:0;width:100%;min-height:48px;border:1px solid var(--light-strong);border-radius:4px;background:var(--light-surface);color:var(--carbon);padding:12px;font:inherit;font-size:16px}.field textarea,.message-result textarea{resize:vertical;line-height:1.6}.field-help{font-size:12px;color:var(--light-secondary);margin-top:12px;line-height:1.6}.field-help a,.legal-copy a{text-decoration:underline;text-underline-offset:4px}.field-error{font-size:13px;color:var(--error);margin-top:6px}.field [aria-invalid=true]{border-color:var(--error)}.contact-status{font-size:14px;margin:20px 0}.message-result{padding-top:24px;border-top:1px solid var(--light-border);margin-top:24px}.message-result h3{font-size:22px;font-weight:500;margin-bottom:20px}.message-result .hero-actions{flex-wrap:wrap;gap:12px 24px}.contact-composer button:disabled{opacity:.6;cursor:not-allowed}.contact-composer input:focus-visible,.contact-composer textarea:focus-visible,.contact-composer select:focus-visible{outline:2px solid var(--oxblood);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[hidden]{display:none!important}
.legal-copy{max-width:1000px}.legal-copy h2{font-size:26px;line-height:1.3;letter-spacing:-.02em;font-weight:500;margin:40px 0 16px}.legal-copy p{max-width:760px}.legal-copy p+p{margin-top:16px}
@media(min-width:1600px){.page-hero{padding:72px 0 88px}.page-hero-grid{grid-template-columns:1.4fr 1fr;gap:120px}.page-hero h1{font-size:64px}.contact-grid{grid-template-columns:1fr 1fr;gap:120px}.contact-composer{max-width:850px;width:100%}.offer{padding:48px}.offer-expanded{padding-top:46px}.offer h3{font-size:40px}.chapter{padding:var(--spacing-chapter) 0}.footer-top .brand img{width:194px;height:36px}}
@media(min-width:2200px){.header .brand img{width:194px;height:36px}}
@media(max-width:1100px){.page-hero-grid{gap:40px;grid-template-columns:1.5fr 1fr}.page-hero .button,.page-hero .text-action{font-size:13px}.offer{padding:28px}.offer-expanded{padding-top:26px}.contact-grid{gap:40px}.contact-composer{padding:28px}.field-pair{grid-template-columns:1fr;gap:0}.method-list li{column-gap:var(--spacing-card)}}
@media(max-width:900px){.chapter{padding:64px 0}.page-hero{padding:40px 0 56px}.page-hero-grid{grid-template-columns:1fr;gap:40px}.page-hero-art{min-height:0;justify-content:flex-start}.page-hero-art>img{width:120px}.page-hero h1{font-size:44px;max-width:720px}.partner-art{justify-content:stretch}.integration-plate{max-width:100%}.integration-plate>span{margin-bottom:24px}.editorial-heading{display:block;margin-bottom:32px}.editorial-heading .eyebrow{margin-bottom:var(--spacing-control)}.autonomy-grid{gap:32px}.autonomy-statement>p:first-child{font-size:24px}.offer h3{font-size:30px}.offer-summary{font-size:18px}.closing-grid{grid-template-columns:1fr;gap:32px}.closing{padding:56px 0}.footer-top{flex-wrap:wrap;gap:24px}.footer-top>a:last-child{margin-left:0;flex-basis:100%}.footer-bottom{display:block}.footer-bottom nav{gap:8px 24px;margin-top:12px}.contact-grid{grid-template-columns:1fr;gap:48px}.contact-intro .scope-note{max-width:600px}.contact-composer{max-width:760px}.field-pair{grid-template-columns:1fr 1fr;gap:20px}.contact-intro h1 br{display:none}.direct-contact{margin-top:24px}.demo-gate{flex-direction:column;align-items:flex-start;gap:24px}.signal-list{gap:24px}.signal-list p{font-size:18px}.before-after{gap:32px}.identity-block{grid-template-columns:160px 1fr;gap:32px}}
@media(max-width:650px){.chapter{padding:48px 0}.editorial-heading h2,.closing h2{font-size:32px}.editorial-heading h2 br{display:none}.offer-pair,.autonomy-grid,.before-after,.signal-list{grid-template-columns:1fr;gap:24px}.offer{padding:24px}.offer-expanded{padding-top:22px}.offer h3{font-size:32px}.offer ul{margin:20px 0 24px}.offer-summary{min-height:0}.autonomy-statement>p:first-child{font-size:24px}.rule-list article{gap:20px;padding:20px 0}.method-list li{grid-template-columns:var(--spacing-card) minmax(0,1fr);gap:var(--spacing-related) var(--spacing-control);padding:var(--spacing-card) 0}.method-list p{grid-column:2}.method-list h3{font-size:24px}.step-index{padding-top:3px}.capability-rows{margin-top:32px}.capability-rows article{grid-template-columns:1fr;gap:12px;padding:24px 0}.capability-rows h3{font-size:22px;max-width:100%}.page-hero h1{font-size:36px;margin:24px 0}.page-value{font-size:16px}.page-hero .hero-actions{display:flex;align-items:stretch;flex-direction:column}.page-hero .hero-actions>*{justify-content:space-between;width:100%}.page-hero-art>img{width:96px}.page-hero-grid{gap:32px}.integration-plate{padding:20px}.integration-plate>div{padding:24px 20px}.demo-gate{padding:24px}.demo-gate .button{width:100%}.signal-list p{font-size:18px}.before-after h3{font-size:28px}.large-copy{font-size:24px}.prose{font-size:16px}.identity-block{grid-template-columns:1fr;gap:32px}.identity-block>img{width:96px;height:96px}.contact-section{padding:40px 0 48px}.contact-intro h1,.legal-copy h1{font-size:40px}.contact-composer{padding:24px 20px}.contact-composer h2{font-size:26px}.field-pair{grid-template-columns:1fr;gap:0}.direct-contact a{font-size:16px}.contact-composer>.button{width:100%}.message-result .hero-actions>*{width:100%;justify-content:space-between}.footer-top{gap:20px}.footer-top>p{flex-basis:100%}.footer-top>a:last-child{font-size:12px}.site-footer{padding:32px 0 24px}.footer-bottom nav{gap:4px 20px}.closing-grid{gap:28px}.closing .button{max-width:100%}.hero-actions a{overflow-wrap:anywhere}.data-table{overflow:auto}.app-chrome{gap:8px}.app-identity img{width:116px;height:auto}.sample-badge{white-space:normal;line-height:1.4;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media(forced-colors:active){.button,.route-card,.offer,.glass-shell{border:1px solid ButtonText}.hero-art{display:none}.field-error{color:CanvasText}}

/* Continuidade de superfície: um intervalo compartilhado entre capítulos. */
.section-heading .eyebrow,.contact-intro>.eyebrow,.legal-copy>.eyebrow,.closing .eyebrow{font-size:14px;line-height:1.5}
.chapter.paper + .chapter.paper,.chapter.carbon + .chapter.carbon,.chapter.stone + .chapter.stone{padding-top:0}
.routes-section + .chapter.paper,.page-hero + .chapter.carbon{padding-top:var(--spacing-card)}
/* As colunas de leitura podem encolher sem alargar a página. */
.offer-pair>*,.autonomy-grid>*,.before-after>*,.signal-list>*,.capability-rows article>*,.closing-grid>*,.contact-grid>*{min-width:0}
.capability-rows h3,.capability-rows p,.offer h3{overflow-wrap:break-word}
/* Filtro e comparação continuam operacionais com rótulos sempre legíveis. */
.filter select{min-height:44px}
.bar-row.unselected{opacity:1}
.bar-row.unselected .fill{opacity:.8}
.data-table{overflow-x:auto}
.data-table summary:focus-visible{outline-offset:-3px}
@media(forced-colors:active){.bar-row .fill{background:CanvasText}.bar-row.unselected .fill{opacity:1}}
/* ── AS CAPTURAS DA DEMONSTRACAO ──────────────────────────────────────   Sem janela de navegador falsa, sem vidro, sem sombra pesada: a captura   ja e a interface, e emoldura-la de novo seria fingir um contexto que ela   nao tem. Uma borda fina de 1px basta para dizer onde a imagem comeca. */.demo-proof,.demo-preview{margin-block-start:var(--spacing-card)}.demo-proof figure,.demo-preview figure{margin:0;min-inline-size:0}.demo-proof img,.demo-preview img{display:block;inline-size:100%;block-size:auto;border:1px solid var(--light-border);border-radius:var(--radius-medium)}.demo-proof figcaption,.demo-preview figcaption{margin-block-start:10px;font-size:13px;font-weight:620;letter-spacing:.06em;text-transform:uppercase;color:var(--light-secondary)}/* HOME · principal e inset. O inset e menor de proposito e alinha pela BASE   do principal, para os dois terminarem na mesma linha e a diferenca de   tamanho ler como hierarquia, e nao como desalinho. */.demo-preview{display:grid;grid-template-columns:1fr;gap:var(--spacing-card)}.demo-proof{display:grid;grid-template-columns:1fr;gap:var(--spacing-card)}@media(min-width:1024px){.demo-proof{grid-template-columns:minmax(0,2.5fr) minmax(0,1fr);align-items:end;gap:var(--spacing-section)}}@media(min-width:901px){.demo-preview{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}/* Em Stone a borda de 1px some contra o fundo; a superficie manda na tinta. */.stone .demo-proof img,.stone .demo-preview img{border-color:var(--light-strong)}.carbon .demo-proof img,.carbon .demo-preview img{border-color:var(--dark-border)}.carbon .demo-proof figcaption,.carbon .demo-preview figcaption{color:var(--dark-secondary)}/* ── SÍNTESE DE PRODUTO ────────────────────────────────────────────────   Nome e uma linha. Dois por linha; o item marcado como largo ocupa a linha   inteira, e `sintese--trio` põe três lado a lado — as duas formas que a   composição aprovada desenha.   A tinta é a do fundo CLARO por padrão, e a do escuro fica escopada em   .carbon. Foi a lição do bloco de Autonomia: componente que fixa a tinta de   um tema só funciona por coincidência de contexto, e some quando a   superfície muda debaixo dele. */.sintese{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;margin-block-start:var(--spacing-sectionCompact)}.sintese--trio{grid-template-columns:repeat(3,minmax(0,1fr))}.sintese>article{border-block-start:1px solid var(--light-border);padding-block:20px 24px;min-inline-size:0}.sintese>article.largo{grid-column:1/-1}.sintese h3{font-size:22px;font-weight:500;line-height:1.35;margin:0;overflow-wrap:break-word}.sintese p{margin:8px 0 0;color:var(--light-secondary);max-inline-size:620px}.carbon .sintese>article{border-block-start-color:var(--dark-border)}.carbon .sintese p{color:var(--dark-secondary)}/* No fechamento Oxblood não existe token de borda: o véu translúcido de   Porcelain é o mesmo recurso que o resto do site usa sobre cor cheia. */.closing .sintese>article{border-block-start-color:rgba(245,242,239,.28)}.closing .sintese h3{font-size:20px}@media(max-width:900px){.sintese,.sintese--trio{grid-template-columns:1fr}.sintese h3{font-size:20px}}