/* Site institucional da XCORP. Cores e fontes do site da Wix (tema: grafite, amarelo, cinzas). */
@font-face { font-family: Gotham; src: url(/fontes/gotham-light.woff2) format('woff2'); font-weight: 300; font-display: swap; }
@font-face { font-family: Gotham; src: url(/fontes/gotham-medium.woff2) format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: Merriweather; src: url(/fontes/merriweather.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Merriweather; src: url(/fontes/merriweather-italic.woff2) format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: Merriweather; src: url(/fontes/merriweather-bold.woff2) format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: Merriweather; src: url(/fontes/merriweather-bold-italic.woff2) format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }

:root {
  --grafite: #2f2e2e;
  --amarelo: #f6bc00;
  --cinza: #605e5e;
  --cinza-claro: #a0a09f;
  --fundo-claro: #f3f3f3;
  --branco: #fff;
  --serifa: Merriweather, Georgia, serif;
  --sans: Gotham, 'Helvetica Neue', Arial, sans-serif;
  --titulo-grande: clamp(2.3rem, 1.2rem + 4.2vw, 5rem);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--grafite); color: var(--branco); font: 300 1rem/1.5 var(--sans); overflow-x: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
b, strong { font-weight: 500; }
h1, h2, h3 { margin: 0; font-weight: 400; }
p { margin: 0 0 1em; }
ul { margin: 0; }
section { scroll-margin-top: 6.5rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.caixa { width: min(100% - 2rem, 1220px); margin-inline: auto; }
.duas-colunas { display: grid; gap: 2rem 4rem; }
@media (min-width: 900px) { .duas-colunas { grid-template-columns: 1fr 1fr; } }
.titulo-grande { font: 400 var(--titulo-grande)/1.25 var(--serifa); color: var(--amarelo); }
.titulo-grande b { font-weight: 700; }
.pular { position: absolute; left: -9999px; top: 0; background: var(--amarelo); color: var(--grafite); padding: .5rem 1rem; z-index: 10; }
.pular:focus { left: 1rem; }
:focus-visible { outline: 2px solid var(--amarelo); outline-offset: 3px; }

.botao { display: inline-flex; align-items: center; justify-content: center; min-height: 4rem; padding: .75rem 1.5rem;
  border: 2px solid var(--amarelo); color: var(--amarelo); font: 500 1.25rem/1.2 var(--sans); text-decoration: none; text-align: center; transition: background .2s, color .2s; }
.botao:hover { background: var(--amarelo); color: var(--grafite); }

/* Cabeçalho: fixo no alto, translúcido, com a sombra do site da Wix */
.topo { position: sticky; top: 0; z-index: 10; padding: 1.5rem 0 1rem; background: rgb(47 46 46 / .85); box-shadow: 0 1px 4px rgb(0 0 0 / .6); }
.topo-grade { display: flex; align-items: center; justify-content: space-between; gap: 1rem; position: relative; }
.logo img { width: clamp(130px, 14vw, 180px); }
.menu { display: flex; align-items: center; gap: 2rem; }
.menu ul { list-style: none; padding: 0; display: flex; }
.menu-links { gap: 1.4rem; }
.menu-links a, .idiomas a { font: 500 .875rem/1 var(--sans); text-decoration: none; }
.menu-links a:hover, .idiomas a:hover, .idiomas a[aria-current] { color: var(--amarelo); }
.idiomas { gap: 1.2rem; position: absolute; right: 0; top: -1rem; }
.idiomas a { font-size: .8rem; }
.menu-botao { display: none; }
@media (max-width: 1099px) {
  .menu-botao { display: block; background: none; border: 0; color: var(--amarelo); font: 500 1rem var(--sans); padding: .5rem 0 .5rem 2.2rem; cursor: pointer;
    background: linear-gradient(var(--amarelo), var(--amarelo)) 0 35% / 1.6rem 2px no-repeat, linear-gradient(var(--amarelo), var(--amarelo)) 0 50% / 1.6rem 2px no-repeat, linear-gradient(var(--amarelo), var(--amarelo)) 0 65% / 1.6rem 2px no-repeat; }
  .menu { display: none; position: absolute; top: calc(100% + 1rem); left: -1rem; right: -1rem; z-index: 5; background: var(--grafite); padding-inline: 1rem !important; box-shadow: 0 4px 4px rgb(0 0 0 / .4); flex-direction: column; align-items: flex-start; padding: 1.5rem 0 2rem; gap: 1.5rem; }
  .menu.aberto { display: flex; }
  .menu-links { flex-direction: column; gap: 1.1rem; }
  .menu-links a { font-size: 1.15rem; }
  .idiomas { position: static; }
  .idiomas a { font-size: 1rem; }
}

/* Topo da página inicial */
.hero { padding: clamp(2rem, 6vw, 5rem) 0 clamp(2rem, 5vw, 5rem); }
.hero-grade { display: grid; gap: 2rem; }
.hero-texto h1 { position: relative; font: 400 clamp(2.4rem, 1rem + 4.6vw, 5rem)/1.25 var(--serifa); margin-bottom: 2rem; max-width: 14ch; }
.hero-texto h1::before { content: ''; position: absolute; z-index: -1; left: -.15em; top: -.25em; width: 1.1em; height: 1.4em;
  background: url(/img/chevron.svg) center / contain no-repeat; opacity: .55; filter: invert(70%) sepia(90%) saturate(1500%) hue-rotate(5deg); }
.hero { position: relative; z-index: 0; }
.hero-sub { color: var(--amarelo); font-size: clamp(1.05rem, .9rem + .5vw, 1.375rem); line-height: 1.25; max-width: 34rem; }
.hero-botao { justify-self: start; }
.relatorio { display: grid; grid-template-columns: 1fr auto; gap: .5rem 1rem; align-items: center; text-decoration: none; color: var(--amarelo); font-family: var(--serifa); text-align: right; max-width: 22rem; }
.relatorio-titulo { font-size: 1.25rem; line-height: 1.2; }
.relatorio-texto { grid-column: 1 / -1; font-style: italic; font-size: 1.05rem; line-height: 1.4; }
.relatorio-texto b { font-weight: 700; }
.relatorio:hover .relatorio-titulo { text-decoration: underline; }
.seta-baixo { display: block; width: 67px; height: 40px; margin: 2.5rem auto 0; background: url(/img/seta-baixo.png) center / contain no-repeat; }
.seta-baixo:hover { background-image: url(/img/seta-baixo-hover.png); }
@media (min-width: 900px) {
  .hero-grade { grid-template-columns: 1fr 22rem; grid-template-rows: auto auto; align-items: start; }
  .hero-texto { grid-row: 1 / 3; }
  .relatorio { grid-column: 2; grid-row: 1; justify-self: end; }
  .hero-botao { grid-column: 2; grid-row: 2; align-self: end; justify-self: stretch; margin-bottom: 4rem; }
}

/* Como saber */
.saber { padding: clamp(3rem, 9vw, 8rem) 0; }
.saber .titulo-grande { font-family: var(--serifa); font-size: clamp(2.2rem, 1rem + 3.8vw, 4.4rem); }
.texto-grande { font-size: clamp(1.15rem, 1rem + .5vw, 1.5rem); line-height: 1.4; align-self: end; }
@media (min-width: 900px) { .saber .titulo-grande { text-align: right; } .saber .texto-grande { grid-column: 2; grid-row: 2; margin-top: -1rem; } }

/* MINT */
.mint { padding: clamp(2rem, 6vw, 5rem) 0 clamp(3rem, 8vw, 7rem); }
.mint-logo { width: min(100%, 420px); margin-bottom: 1.5rem; }
.texto-claro { line-height: 1.6; max-width: 30rem; }
.mint-video h3 { font: 400 clamp(1.5rem, 1.2rem + 1vw, 1.95rem)/1.3 var(--serifa); color: var(--amarelo); margin-bottom: 1rem; }
.mint-video iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; display: block; margin-bottom: 2rem; }
.mint-video .botao { width: 100%; }

/* Quem somos */
.quem { padding: clamp(2rem, 4vw, 4rem) 0 clamp(3rem, 7vw, 6rem); }
.quem > .caixa > .titulo-grande { margin-bottom: clamp(2rem, 5vw, 5rem); }
.pessoa { display: grid; gap: 1.5rem 3rem; margin-bottom: clamp(3rem, 9vw, 8rem); }
.pessoa-foto { position: relative; justify-self: center; width: min(100%, 352px); }
.linkedin { position: absolute; right: 0; bottom: -2.5rem; width: 30px; height: 30px; background: url(/img/linkedin.webp) center / contain no-repeat; }
.pessoa h3 { font: 400 clamp(1.8rem, 1.4rem + 1.2vw, 2.5rem)/1.3 var(--serifa); color: var(--amarelo); }
.pessoa .cargo { font-family: var(--serifa); text-align: right; max-width: 30rem; margin: 0 0 1.5rem; }
.pessoa ul { padding-left: 1.1rem; max-width: 30rem; font-size: .95rem; line-height: 1.5; }
.pessoa li { margin-bottom: .2rem; }
@media (min-width: 900px) {
  .pessoa { grid-template-columns: 1fr 1fr; }
  .pessoa-foto { justify-self: end; }
}

/* O que a MINT entrega */
.entrega { background: var(--fundo-claro); color: var(--cinza); padding: clamp(3rem, 7vw, 6rem) 0; }
.itens { list-style: none; padding: 0; margin: clamp(2rem, 5vw, 4rem) 0; display: grid; gap: clamp(2rem, 5vw, 4rem); }
.itens li { max-width: 34rem; display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; }
.numero { grid-row: 1 / 3; font: 700 clamp(3.5rem, 2rem + 4vw, 6.25rem)/1 var(--serifa); color: var(--amarelo); }
.itens h3 { font: 400 1.5rem/1.6 var(--serifa); align-self: end; }
.itens p { grid-column: 2; color: #7d7b7b; font-size: clamp(1rem, .9rem + .4vw, 1.25rem); line-height: 1.8; margin: 0; }
@media (min-width: 900px) {
  .itens li:nth-child(1) { margin-left: 13%; }
  .itens li:nth-child(2) { margin-left: 39%; }
  .itens li:nth-child(3) { margin-left: 22%; }
  .numero { grid-row: 1; grid-column: 1 / -1; margin-left: -4rem; }
  .itens li { grid-template-columns: 1fr; }
  .itens p { grid-column: 1; }
}
.garantia { font: italic 400 clamp(1.2rem, 1rem + .8vw, 1.875rem)/1.45 var(--serifa); text-align: center; max-width: 50rem; margin: 0 auto; }

/* Depoimentos e clientes */
.depoimentos { padding: clamp(3rem, 7vw, 6rem) 0 3rem; }
.depoimentos-grade { display: grid; gap: 3rem 4rem; margin-top: clamp(2rem, 5vw, 4rem); }
@media (min-width: 900px) { .depoimentos-grade { grid-template-columns: 1fr 1fr; } }
.depoimentos figure { margin: 0; text-align: center; display: flex; flex-direction: column; align-items: center; }
.depoimentos figcaption { order: -1; color: var(--amarelo); font: 500 clamp(1.1rem, 1rem + .4vw, 1.5rem)/1.4 var(--sans); margin: 0 0 1rem; }
.depoimentos figcaption::before { content: ''; display: block; width: 70px; height: 70px; margin: 0 auto 1.5rem; background: url(/img/aspas.svg) center / contain no-repeat; filter: brightness(0) saturate(100%) invert(72%) sepia(83%) saturate(1500%) hue-rotate(2deg) brightness(101%); }
.depoimentos blockquote { margin: 0 0 2rem; font-size: clamp(1rem, .95rem + .3vw, 1.25rem); line-height: 1.45; max-width: 30rem; }
.depoimentos blockquote b { font-weight: 500; }
.depoimentos figure img { margin-top: auto; }
.clientes { overflow: hidden; margin-top: clamp(3rem, 6vw, 5rem); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.clientes-faixa { display: flex; width: max-content; animation: rolar 40s linear infinite; }
.clientes-faixa img { width: 100px; height: 100px; object-fit: contain; margin-inline: 50px; }
@keyframes rolar { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {  /* parada, mas numa linha só (rola para o lado se não couber) */
  .clientes { overflow-x: auto; }
  .clientes-faixa { animation: none; width: max-content; margin-inline: auto; }
  .clientes-faixa img { width: 80px; height: 80px; margin-inline: 14px; }
  .clientes-faixa img[aria-hidden] { display: none; } }

/* Como funciona e resumo */
.funciona, .resumo { padding: clamp(3rem, 8vw, 7rem) 0; }
.lista-grande { padding-left: 1.3rem; font-size: clamp(1.1rem, 1rem + .5vw, 1.5rem); line-height: 1.4; }
.lista-grande li { margin-bottom: 1.4rem; }
@media (min-width: 900px) {
  .funciona .titulo-grande, .resumo .titulo-grande, .contato .titulo-grande { text-align: right; }
  .funciona .lista-grande, .resumo .lista-grande, .contato-dados { margin-top: 12rem; }
}
.cta { display: block; max-width: 47rem; margin: clamp(3rem, 6vw, 5rem) auto 0; padding: 1.2rem 1.5rem; border: 1px solid var(--amarelo);
  color: var(--amarelo); font: 400 clamp(1.4rem, 1rem + 1.5vw, 2.5rem)/1.25 var(--serifa); text-align: center; text-decoration: none; }
.cta b { font-weight: 700; }
.cta:hover { background: rgb(246 188 0 / .1); }
.resumo { background: var(--amarelo); }
.resumo .titulo-grande { color: var(--cinza); }
.resumo .lista-grande { font-weight: 500; line-height: 1.8; }
.resumo .lista-grande li { margin-bottom: 1rem; }

/* Contato e demonstração */
.contato { padding: clamp(3rem, 6vw, 4rem) 0; }
.contato .contato-dados { margin-top: 2rem; }
.com-icone { position: relative; padding-left: 2.2rem; font-size: 1.25rem; line-height: 1.4; margin-bottom: 1.5rem; }
.com-icone::before { content: ''; position: absolute; left: 0; top: .2rem; width: 1.3rem; height: 1.3rem; background: currentColor;
  -webkit-mask: var(--icone) center / contain no-repeat; mask: var(--icone) center / contain no-repeat; }
.com-icone a { text-decoration: none; }
.com-icone a:hover { color: var(--amarelo); }
.telefone { --icone: url(/img/telefone.svg); }
.arroba { --icone: url(/img/arroba.svg); }
.demo { padding: clamp(3rem, 6vw, 5rem) 0 clamp(4rem, 9vw, 8rem); }
.demo .titulo-grande { margin-bottom: 2.5rem; max-width: 12ch; }
.demo-texto { font: 300 clamp(1.1rem, 1rem + .4vw, 1.5rem)/1.3 var(--sans); max-width: 28rem; }

/* Formulários */
.formulario { display: grid; gap: .6rem; }
.formulario label span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.formulario input, .formulario textarea { width: 100%; border: 0; border-radius: 0; background: #bdbdbd; color: var(--grafite); font: 500 .95rem var(--sans); padding: .6rem .75rem; }
.formulario textarea { resize: vertical; min-height: 8rem; }
.formulario ::placeholder { color: #555; }
.formulario button { justify-self: center; margin-top: .6rem; padding: .7rem 2rem; border: 0; background: #bdbdbd; color: var(--cinza); font: 500 1rem var(--sans); text-transform: uppercase; letter-spacing: .05em; cursor: pointer; }
.formulario button:hover { background: var(--amarelo); color: var(--grafite); }
.formulario button:disabled { opacity: .6; cursor: wait; }
.formulario .cf-turnstile { justify-self: center; }
.formulario-aviso { margin: .5rem 0 0; min-height: 1.5em; text-align: center; }
.formulario-aviso.ok { color: var(--amarelo); font-weight: 500; }
.formulario-aviso.erro { color: #ff8a80; }
/* Formulários dos relatórios: cartão branco com rótulos visíveis */
.formulario-relatorio { background: var(--branco); color: var(--cinza); padding: 1.5rem 2rem 2rem; gap: 1.2rem; }
.formulario-relatorio .formulario-titulo { text-align: center; font-weight: 500; margin: 0 0 .5rem; }
.formulario-relatorio label span { position: static; width: auto; height: auto; clip: auto; display: block; font-size: .8rem; font-weight: 500; }
.formulario-relatorio input { background: none; border-bottom: 1px solid var(--cinza); padding: .4rem 0; }
.formulario-relatorio button { justify-self: stretch; background: var(--amarelo); color: var(--branco); font-size: 1.15rem; padding: .8rem; }
.formulario-relatorio button:hover { background: #d9a600; color: var(--branco); }

/* Páginas dos relatórios */
.pagina-relatorio { padding: clamp(2rem, 6vw, 5rem) 0 clamp(4rem, 8vw, 7rem); }
.relatorio-intro { max-width: 30rem; }
.relatorio-intro h1 { font: 400 clamp(2.2rem, 1.4rem + 2.6vw, 3.5rem)/1.25 var(--serifa); color: var(--amarelo); margin-bottom: 1rem; }
.relatorio-sub { font-size: clamp(1.15rem, 1rem + .4vw, 1.5rem); line-height: 1.2; margin-bottom: 3rem; }
.relatorio-intro h2 { font: 400 clamp(1.4rem, 1.2rem + .6vw, 1.75rem)/1.2 var(--serifa); color: var(--amarelo); margin-bottom: .6rem; }
.relatorio-intro h2 ~ p { font-size: 1.25rem; line-height: 1.3; margin-bottom: 2.5rem; }
.relatorio-destaque { color: var(--amarelo); font-size: 1.25rem; line-height: 1.2; }
.relatorio-chamada { font: 400 clamp(1.5rem, 1.2rem + 1vw, 2rem)/1.4 var(--serifa); color: var(--amarelo); text-align: center; margin-top: 3rem; }
.relatorio-lado { width: min(100%, 380px); justify-self: center; }
.relatorio-versao { font: 400 clamp(1.4rem, 1.2rem + .6vw, 1.75rem)/1.2 var(--serifa); color: var(--amarelo); text-align: center; margin-bottom: 1rem; }
.veja-tambem { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; color: var(--amarelo); font: 400 1.1rem/1.4 var(--serifa); text-decoration: none; text-align: right; }
.veja-tambem img { width: 150px; }
.veja-tambem:hover span { text-decoration: underline; }
.capas { list-style: none; padding: 0; display: grid; gap: 2rem; justify-items: center; }
.capas a { display: grid; gap: .6rem; justify-items: center; font: 400 1.25rem var(--serifa); text-decoration: none; }
.capas a:hover { color: var(--amarelo); }

/* Política de privacidade */
.politica-topo { background: linear-gradient(rgb(47 46 46 / .15), rgb(47 46 46 / .75)), url(/img/fundo-cidade.webp) center / cover; padding: clamp(4rem, 12vw, 10rem) 0 clamp(3rem, 8vw, 6rem); }
.politica-topo h1 { font: 500 clamp(2.4rem, 1rem + 5vw, 5.8rem)/1.2 var(--sans); color: var(--amarelo); text-transform: uppercase; max-width: 12ch; }
.politica { padding: clamp(2rem, 5vw, 4rem) 0 clamp(4rem, 8vw, 7rem); }
.texto-longo { max-width: 53rem; font-size: 1.125rem; line-height: 1.5; }
.texto-longo h2 { font: 500 1.125rem/1.4 var(--sans); margin: 2.5rem 0 1rem; }
.texto-longo ul { padding-left: 1.3rem; margin-bottom: 1em; }
.texto-longo a { color: var(--amarelo); }

/* 404 */
.erro { padding: clamp(4rem, 10vw, 8rem) 0; }
.erro p { font-size: 1.25rem; margin: 1.5rem 0 2.5rem; }

/* Rodapé */
.rodape { padding-top: clamp(3rem, 6vw, 5rem); color: var(--cinza-claro); }
.rodape-grade { display: grid; gap: 2rem; padding-bottom: 3rem; }
.rodape-logo { width: 110px; }
.rodape-links { list-style: none; padding: 0; display: grid; gap: .45rem; font: 500 .8rem var(--sans); }
.rodape-links a { text-decoration: none; }
.rodape a:hover { color: var(--amarelo); }
.rodape .com-icone { font-size: 1rem; }
@media (min-width: 900px) { .rodape-grade { grid-template-columns: 1fr 1fr 1.4fr; padding-inline: 8%; } .rodape-links { margin-top: 2.5rem; } .rodape-contato { margin-top: 2.5rem; } }
@media (min-width: 1100px) {  /* posições do rodapé da Wix em 1440 px */
  .rodape { padding-top: 0; }
  .rodape-grade { width: min(100%, 1440px); grid-template-columns: 20.8% 13.2% 22.9% 1fr; padding: 0 0 90px; }
  .rodape-logo { grid-column: 2; width: 110px; }
  .rodape-links { grid-column: 3; margin-top: 60px; gap: 0; font-weight: 300; font-size: 13px; line-height: 26px; }
  .rodape-contato { grid-column: 4; margin-top: 60px; }
  .rodape .com-icone { font-size: 15px; line-height: 1.3; margin-bottom: 2rem; }
  .rodape-faixa { padding: 22px 1rem; font-size: 13px; line-height: 1.4; }
}
.rodape-faixa { background: var(--branco); color: var(--cinza-claro); text-align: center; font-size: .85rem; padding: .9rem 1rem; }
.rodape-faixa p { margin: 0; }

/* Banner de cookies: faixa grafite no pé da tela, como a da Wix (no celular, cartão com botões empilhados) */
.cookies { position: fixed; z-index: 20; left: 0; right: 0; bottom: 0; background: #373737; color: var(--branco); padding: 14px 24px;
  display: flex; align-items: center; gap: 12px 24px; font-size: 12px; line-height: 1.4; }
.cookies[hidden] { display: none; }
.cookies p { margin: 0; flex: 1; }
.cookies a { color: var(--branco); }
.cookies-botoes { display: flex; align-items: center; gap: 10px; }
.cookies button { font: 500 12px var(--sans); padding: 7px 14px; cursor: pointer; border: 1px solid var(--branco); background: transparent; color: var(--branco); }
.cookies button[data-consentimento="aceito"] { background: var(--branco); color: var(--grafite); }
.cookies .cookies-fechar { border: 0; padding: 4px 6px; font-size: 20px; line-height: 1; }
@media (max-width: 899px) {
  .cookies { flex-direction: column; align-items: stretch; padding: 1.5rem 1.25rem 1.25rem; font-size: .95rem; }
  .cookies-botoes { flex-direction: column-reverse; align-items: stretch; }
  .cookies button { font-size: .95rem; padding: .7rem; }
  .cookies .cookies-fechar { position: absolute; top: .4rem; right: .5rem; }
}

/* Entradas da página inicial ao aparecer na tela, com os valores do site da Wix (uma vez por visita).
   Títulos, chevron e logo MINT: "glideIn", 300 px da esquerda, já opacos durante o movimento.
   Seta para baixo: "floatIn", 60 px de cima, surgindo aos poucos.
   .js é posto no <head> e retirado se o site.js não rodar (o conteúdo nunca fica escondido). */
@media (prefers-reduced-motion: no-preference) {
  .js .pagina-inicio :is(.hero h1, .mint-logo, .titulo-grande) { transition: transform 1.2s cubic-bezier(.645, .045, .355, 1); }
  .js .pagina-inicio :is(.hero h1, .mint-logo, .titulo-grande):not(.visivel) { opacity: 0; transform: translateX(-300px); }
  .js .pagina-inicio .seta-baixo { transition: opacity 1.2s cubic-bezier(.445, .05, .55, .95), transform 1.2s cubic-bezier(.445, .05, .55, .95); }
  .js .pagina-inicio .seta-baixo:not(.visivel) { opacity: 0; transform: translateY(-60px); }
}

/* ===== Página inicial no desktop (≥ 1100 px): posições, larguras e fontes medidas no site da Wix em 1440 px
   (levantamento/medir.mjs). Posições em % de 1440, para acompanhar a largura da janela. ===== */
@media (min-width: 1100px) {
  .pagina-inicio main .caixa { width: min(100%, 1440px); }
  .pagina-inicio .duas-colunas { display: block; }
  .pagina-inicio .titulo-grande { font-size: 80px; line-height: 1.26; }

  /* Topo */
  .pagina-inicio .hero { padding: 212px 0 78px; }
  .pagina-inicio .hero-grade { display: block; position: relative; min-height: 606px; }
  .pagina-inicio .hero-texto h1 { margin: 0 0 28px 7.9%; width: 64.65%; max-width: none; font-size: 80px; line-height: 1.26; }
  .pagina-inicio .hero-sub { margin-left: 8.06%; width: 37.36%; max-width: none; font-size: 22px; line-height: 1.22; }
  .pagina-inicio .hero-botao { position: absolute; left: 50.7%; top: 432px; width: 413px; min-height: 82px; margin: 0; font-size: 22px; }
  .pagina-inicio .relatorio { position: absolute; left: 71.1%; top: -144px; width: 308px; max-width: none; grid-template-columns: 120px 179px; gap: 8px 9px; }
  .pagina-inicio .relatorio-titulo { font-size: 20px; line-height: 24px; }
  .pagina-inicio .relatorio-texto { font-size: 17px; line-height: 24px; }
  .pagina-inicio .seta-baixo { margin-top: 6px; }

  /* Como saber: título à direita na coluna da esquerda, texto começando onde o título termina */
  .pagina-inicio .saber { padding: 105px 0 0; }
  .pagina-inicio .saber .titulo-grande { margin-left: 9.44%; width: 39.44%; font-size: 70px; line-height: 1.26; }
  .pagina-inicio .saber .texto-grande { margin: 0 0 0 50%; width: 33.6%; font-size: 24px; line-height: 34px; }

  /* MINT: "Veja em ação" alinhado ao topo do texto; botão alinhado ao fim do texto */
  .pagina-inicio .mint { padding: 268px 0 0; }
  .pagina-inicio .mint .duas-colunas { display: grid; grid-template-columns: 11.74% 35.35% 6.25% 34.03%; gap: 0; }
  .pagina-inicio .mint .duas-colunas > div:first-child { grid-column: 2; }
  .pagina-inicio .mint-logo { width: 100%; max-width: none; margin-bottom: 14px; }
  .pagina-inicio .mint .texto-claro { margin-left: 4.1%; width: 93.7%; max-width: none; font-size: 22px; line-height: 1.4; }
  .pagina-inicio .mint .texto-claro p { margin-bottom: 1.4em; }
  .pagina-inicio .mint .texto-claro p:last-child { margin-bottom: 0; }
  .pagina-inicio .mint-video { grid-column: 4; display: flex; flex-direction: column; padding-top: calc(min(100vw, 1440px) * .1111 + 14px); }
  .pagina-inicio .mint-video h3 { font-size: 31px; line-height: 39px; margin-bottom: 20px; }
  .pagina-inicio .mint-video iframe { margin-bottom: 2rem; }
  .pagina-inicio .mint-video .botao { margin-top: auto; min-height: 82px; font-size: 22px; }

  /* Quem somos */
  .pagina-inicio .quem { padding: 155px 0 146px; }
  .pagina-inicio .quem > .caixa > .titulo-grande { margin: 0 0 161px 4.1%; }
  .pagina-inicio .pessoa { display: grid; grid-template-columns: 22.01% 24.44% 3.55% 34.03%; gap: 0; margin: 0; }
  .pagina-inicio .pessoa + .pessoa { margin-top: 220px; }
  .pagina-inicio .pessoa-foto { grid-column: 2; width: 100%; justify-self: stretch; margin-top: 9px; }
  .pagina-inicio .pessoa > div:last-child { grid-column: 4; }
  .pagina-inicio .pessoa h3 { font-size: 40px; line-height: 52px; }
  .pagina-inicio .pessoa .cargo { max-width: none; font-size: 16px; margin-bottom: 30px; }
  .pagina-inicio .pessoa ul { max-width: none; padding-left: 36px; font-size: 20px; line-height: 28px; }

  /* O que a MINT entrega */
  .pagina-inicio .entrega { padding: 94px 0 108px; }
  .pagina-inicio .entrega .titulo-grande { margin-left: 5.5%; width: 62.5%; }
  .pagina-inicio .itens { margin: 66px 0 0; gap: 0; }
  .pagina-inicio .itens li { width: 34.4%; max-width: none; display: block; }
  .pagina-inicio .itens li:nth-child(1) { margin-left: 22.78%; min-height: 485px; }
  .pagina-inicio .itens li:nth-child(2) { margin-left: 47.4%; min-height: 493px; }
  .pagina-inicio .itens li:nth-child(3) { margin-left: 31.5%; }
  .pagina-inicio .numero { display: block; margin: 0 0 -17px -66px; font-size: 100px; line-height: 140px; }
  .pagina-inicio .itens h3 { font-size: 24px; line-height: 43px; }
  .pagina-inicio .itens p { font-size: 20px; line-height: 36px; }
  .pagina-inicio .garantia { margin: 182px 0 0 22.5%; width: 54.9%; max-width: none; font-size: 30px; line-height: 42px; }

  /* Depoimentos e faixa de clientes */
  .pagina-inicio .depoimentos { padding: 91px 0 125px; }
  .pagina-inicio .depoimentos .titulo-grande { margin-left: 5.56%; }
  .pagina-inicio .depoimentos-grade { display: grid; grid-template-columns: 8.06% 34.4% 16.04% 34.4%; gap: 0; margin-top: 173px; }
  .pagina-inicio .depoimentos figure:first-child { grid-column: 2; }
  .pagina-inicio .depoimentos figure:last-child { grid-column: 4; }
  .pagina-inicio .depoimentos figcaption { font-size: 24px; line-height: 34px; }
  .pagina-inicio .depoimentos blockquote { max-width: 469px; font-size: 20px; line-height: 28px; }
  .pagina-inicio .clientes { margin-top: 197px; }

  /* Como funciona, resumo e contato: título à direita na coluna da esquerda, lista estreita à direita */
  .pagina-inicio .funciona { padding: 105px 0 91px; }
  .pagina-inicio .funciona .titulo-grande { margin-left: 15.76%; width: 31.6%; }
  .pagina-inicio .resumo { padding: 162px 0 117px; }
  .pagina-inicio .resumo .titulo-grande { margin-left: 15.97%; width: 34.03%; }
  .pagina-inicio .contato { padding: 43px 0 92px; }
  .pagina-inicio .contato .titulo-grande { margin-left: 15.97%; width: 32.43%; }
  .pagina-inicio .funciona .lista-grande, .pagina-inicio .resumo .lista-grande { width: 33.8%; margin: 0 0 0 50.2%; padding-left: 25px; font-size: 24px; }
  .pagina-inicio .funciona .lista-grande { margin-top: -8px; line-height: 34px; }
  .pagina-inicio .funciona .lista-grande li { margin-bottom: 34px; }
  .pagina-inicio .resumo .lista-grande { margin-top: 9px; line-height: 43px; }
  .pagina-inicio .resumo .lista-grande li { margin-bottom: 43px; }
  .pagina-inicio .cta { margin: 76px auto 0; width: 756px; max-width: none; padding: 19px 36px; font-size: 40px; line-height: 48px; }
  .pagina-inicio .contato-dados { margin: 37px 0 0 50.3% !important; }
  .pagina-inicio .contato .com-icone { font-size: 20px; line-height: 28px; margin-bottom: 52px; }

  /* Solicite uma demonstração: texto à esquerda, formulário estreito à direita */
  .pagina-inicio .demo { padding: 79px 0 220px; }
  .pagina-inicio .demo .titulo-grande { margin: 0 0 64px 6.4%; width: 61.7%; max-width: none; }
  .pagina-inicio .demo .duas-colunas { display: grid; grid-template-columns: 16.46% 32.2% 5.94% 26.53%; gap: 0; align-items: start; }
  .pagina-inicio .demo-texto { grid-column: 2; max-width: none; margin-top: 0; font-size: 24px; line-height: 31px; }
  .pagina-inicio .formulario-contato { grid-column: 4; margin-top: 0; gap: 8px; }
  .pagina-inicio .formulario-contato input { height: 28px; padding: 0 8px; font-size: 13px; }
  .pagina-inicio .formulario-contato textarea { min-height: 160px; height: 160px; padding: 6px 8px; font-size: 13px; }
  .pagina-inicio .formulario-contato button { margin-top: 14px; width: 144px; height: 44px; padding: 0; }
}