@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 500; font-display: swap;
  src: url(/assets/fontes/urbanist-500.woff2?v=25138363fe) format("woff2");
  unicode-range: U+0000-00A9, U+00AB-00B9, U+00BB-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 800; font-display: swap;
  src: url(/assets/fontes/urbanist-800.woff2?v=e0ad7d6ac0) format("woff2");
  unicode-range: U+0000-00A9, U+00AB-00B9, U+00BB-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Urbanist Reserva"; font-weight: 500; src: local("Arial"), local("ArialMT");
  size-adjust: 101.2%; ascent-override: 93.9%; descent-override: 24.7%; line-gap-override: 0%; }
@font-face { font-family: "Urbanist Reserva"; font-weight: 800; src: local("Arial Bold"), local("Arial-BoldMT");
  size-adjust: 97.7%; ascent-override: 97.2%; descent-override: 25.6%; line-gap-override: 0%; }
:root {
  --escuro: #2b0b10;
  --noite: #1e070b;
  --marca: #be1e2d;
  --marca-hover: #9c1824;
  --marca-viva: #ef4136;
  --marca-clara: #f48268;
  --marca-fundo: #fcece9;
  --marca-borda: #f2c8c0;
  --selecao: #f9cfc6;
  --fundo: #fbf6f5;
  --papel: #ffffff;
  --placa: #f3eae8;
  --tinta: #231f20;
  --tinta-2: #4a3e40;
  --tinta-3: #6c5d60;
  --linha: #eadcda;
  --borda-campo: #968587;
  --placeholder: #756769;
  --alerta: #b7791f;
  --alerta-fundo: #fbf2e4;
  --alerta-borda: #edcf9e;
  --alerta-texto: #835a1f;
  --zap: #1faa59;
  --claro-sobre-escuro: #e7d2d0;
  --raio: 8px;
  --sombra: 0 18px 40px -22px rgba(43, 11, 16, .35);
  --titulo: "Urbanist", "Urbanist Reserva", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --texto: "Urbanist", "Urbanist Reserva", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --cab: 84px;
  --saida: cubic-bezier(.16, 1, .3, 1);
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--cab) + 12px); -webkit-text-size-adjust: 100%; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
body {
  margin: 0; font-family: var(--texto); font-size: 1.0625rem; line-height: 1.6; color: var(--tinta);
  background: var(--papel); font-weight: 500; font-synthesis: none; text-rendering: optimizeLegibility;
}
img, video { max-width: 100%; height: auto; display: block; }
a { color: var(--marca); text-underline-offset: .18em; text-decoration-thickness: 1px; }
a:hover { color: var(--marca-hover); }
.sec--escura a:not(.botao), .chamada a:not(.botao) { color: #fff; }
.sec--escura a:not(.botao):hover, .chamada a:not(.botao):hover, .rod a:hover { color: var(--marca-clara); }
button { font: inherit; color: inherit; }
h1, h2, h3 { font-family: var(--titulo); font-weight: 800; line-height: 1.08; margin: 0 0 .5em; letter-spacing: -.012em; text-wrap: balance; }
h1 { font-size: clamp(2.15rem, 1.35rem + 3.3vw, 3.9rem); }
h2 { font-size: clamp(1.75rem, 1.2rem + 1.95vw, 2.7rem); }
h3 { font-size: 1.2rem; line-height: 1.18; }
p { margin: 0 0 1em; text-wrap: pretty; }
strong { font-weight: 500; color: var(--tinta); background: linear-gradient(transparent 62%, rgba(244, 130, 104, .35) 62%); }
::selection { background: var(--selecao); color: var(--escuro); }
:focus-visible { outline: 3px solid var(--marca-viva); outline-offset: 3px; border-radius: 4px; }
html { scrollbar-color: var(--marca) var(--fundo); }
.i { width: 1.15em; height: 1.15em; flex: none; vertical-align: -.2em; }
.visualmente-oculto { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.pular { position: absolute; left: 12px; top: -60px; z-index: 100; background: var(--escuro); color: #fff; padding: 10px 16px; border-radius: 6px; }
.pular:focus { top: 12px; }
.pular:hover { color: #fff; }
.moldura { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: 20px; }
.moldura--texto { max-width: 800px; }
@media (max-width: 575.98px) { .moldura { padding-inline: 16px; } }
.botao {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: 48px; padding: 10px 20px;
  font-family: var(--titulo); font-weight: 800; font-size: 1.03rem; letter-spacing: 0; line-height: 1.1;
  border-radius: 6px; border: 2px solid transparent; text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background-color .2s, color .2s, border-color .2s, transform .2s var(--saida), box-shadow .2s;
}
.botao:active { transform: translateY(1px); }
.botao--primario { background: var(--marca); color: #fff; box-shadow: 0 10px 22px -14px rgba(0, 0, 0, .5); }
.botao--primario:hover { background: var(--marca-hover); color: #fff; }
.botao--claro { background: #fff; color: var(--escuro); }
.botao--claro:hover { background: var(--fundo); color: var(--escuro); }
.botao--claro .i { color: var(--zap); }
.botao--linha { border-color: var(--borda-campo); color: var(--tinta); background: #fff; }
.botao--linha:hover { border-color: var(--marca); color: var(--marca); }
.botao--linha .i { color: var(--zap); }
.botao--linha-escura { border-color: var(--escuro); color: var(--escuro); background: transparent; }
.botao--linha-escura:hover { background: var(--escuro); color: #fff; }
.botao--grande { min-height: 56px; padding: 12px 26px; font-size: 1.12rem; }
.botao--pequeno { min-height: 44px; font-size: .95rem; padding: 8px 14px; background: var(--escuro); color: #fff; }
.botao--pequeno:hover { background: var(--marca); }
.botao--bloco { width: 100%; }
.botao--texto { background: none; border: 0; color: var(--tinta-2); padding-inline: 8px; }
.botao--texto:hover { color: var(--marca); }
.botao[disabled] { opacity: .7; cursor: progress; }
.link { background: none; border: 0; padding: 0; color: var(--marca); text-decoration: underline; text-underline-offset: .18em; cursor: pointer; font: inherit; min-height: 44px; }
.cab { position: sticky; top: 0; z-index: 50; height: var(--cab); background: var(--escuro); border-bottom: 1px solid rgba(244, 130, 104, .14); transition: box-shadow .25s; }
.cab.rolou { box-shadow: 0 14px 30px -18px rgba(0, 0, 0, .55); }
.cab__in { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cab__logo img { height: 62px; width: auto; }
.cab__acoes { display: flex; gap: 10px; }
@media (max-width: 575.98px) {
  :root { --cab: 72px; }
  .cab__logo img { height: 52px; }
  .cab__acoes .botao { padding: 8px 14px; font-size: .95rem; min-height: 46px; }
  .cab__so-largo { display: none; }
}
.heroi { position: relative; isolation: isolate; color: #fff; background: var(--escuro); min-height: min(calc(100svh - var(--cab)), 860px); display: flex; align-items: center; overflow: hidden; }
.heroi__foto, .heroi__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.heroi__foto img { animation: aproxima 18s var(--saida) both; }
.heroi__video { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; z-index: -2; opacity: 0; transition: opacity 1.2s var(--saida); pointer-events: none; }
.heroi__video.tocando { opacity: 1; }
.heroi::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(43, 11, 16, .94) 0%, rgba(43, 11, 16, .9) 40%, rgba(43, 11, 16, .86) 56%, rgba(43, 11, 16, .6) 76%, rgba(43, 11, 16, .6) 100%); }
@media (min-width: 992px) and (max-width: 1279.98px) {
  .heroi::before { background: linear-gradient(90deg, rgba(43, 11, 16, .94) 0%, rgba(43, 11, 16, .9) 60%, rgba(43, 11, 16, .86) 78%, rgba(43, 11, 16, .6) 100%); }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .heroi::before { background: linear-gradient(90deg, rgba(43, 11, 16, .94) 0%, rgba(43, 11, 16, .9) 60%, rgba(43, 11, 16, .87) 82%, rgba(43, 11, 16, .74) 100%); }
}
.heroi__grade { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .8fr); gap: 48px; align-items: center; padding-block: 56px 64px; }
.heroi .sobretitulo { color: var(--marca-clara); text-transform: none; letter-spacing: 0; font-size: 1.08rem; }
.sobretitulo__parte { white-space: nowrap; }
@media (max-width: 575.98px) {
  .heroi .sobretitulo__sep { display: none; }
  .heroi .sobretitulo__parte { display: block; white-space: normal; }
}
.heroi h1 { color: #fff; max-width: 9.7em; margin-bottom: .3em; }
.heroi__sub { font-size: clamp(1.1rem, 1rem + .45vw, 1.35rem); max-width: 34em; color: #f4e8e6; }
.heroi__acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.heroi__micro { margin: 16px 0 0; display: flex; align-items: center; gap: 8px; color: var(--marca-clara); font-family: var(--titulo); font-weight: 800; font-size: 1.06rem; }
@keyframes aproxima { from { transform: scale(1.08); } to { transform: scale(1); } }
@media (max-width: 991.98px) {
  .heroi__grade { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
  .heroi { align-items: flex-end; min-height: min(calc(100svh - var(--cab)), 860px); }
  .heroi::before { background: linear-gradient(180deg, rgba(43, 11, 16, .6) 0, rgba(43, 11, 16, .86) 120px, rgba(43, 11, 16, .95) 100%); }
  .heroi__grade { padding-block: 120px 40px; gap: 0; }
  .heroi__acoes .botao { width: 100%; }
}
@media (max-width: 575.98px) and (max-height: 640px) {
  .heroi::before { background: linear-gradient(180deg, rgba(43, 11, 16, .6) 0, rgba(43, 11, 16, .86) 40px, rgba(43, 11, 16, .95) 100%); }
  .heroi__grade { padding-top: 40px; }
}
.sec { padding-block: clamp(64px, 5rem + 3vw, 120px); }
.js:not(.com-ancora):not(.com-reserva) main > .sec, .js:not(.com-ancora):not(.com-reserva) .rod { content-visibility: auto; contain-intrinsic-size: auto 900px; }
.sec--clara { background: var(--fundo); }
.sec--escura { background: var(--escuro); color: #fff; }
.sec--escura h2, .sec--escura h1 { color: #fff; }
.sec__cab { max-width: 760px; margin: 0 auto clamp(32px, 4vw, 56px); text-align: center; }
.sec__cab--esq { margin-left: 0; text-align: left; }
.sec__cab h2, .sec__cab h1 { margin-bottom: .25em; }
.sec__sub { color: var(--tinta-2); font-size: 1.15rem; margin: 0; }
.sec--escura .sec__sub { color: var(--claro-sobre-escuro); }
.sobretitulo { font-family: var(--titulo); font-weight: 800; font-size: .9rem; letter-spacing: .06em; text-transform: uppercase; color: var(--marca); margin: 0 0 12px; }
.sec--escura .sobretitulo { color: var(--marca-clara); }
.pendente { display: inline-flex; align-items: center; gap: 6px; margin: 4px 0; padding: 3px 9px; border: 1px dashed var(--alerta); background: var(--alerta-fundo); color: var(--alerta-texto);
  border-radius: 4px; font-family: var(--texto); font-size: .82rem; line-height: 1.35; text-transform: none; letter-spacing: 0; }
.filtro { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.filtro__col { border-radius: var(--raio); padding: 28px; }
.filtro__col h3 { display: flex; align-items: center; gap: 10px; font-size: 1.4rem; margin-bottom: 16px; }
.filtro__col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.filtro__col li { display: flex; gap: 12px; align-items: flex-start; font-size: 1.08rem; }
.filtro__col li .i { width: 26px; height: 26px; padding: 5px; border-radius: 50%; flex: none; margin-top: 1px; }
.filtro__col--sim { background: var(--marca-fundo); border: 1px solid var(--marca-borda); }
.filtro__col--sim h3 .i { color: var(--marca); }
.filtro__col--sim li .i { background: var(--marca); color: #fff; }
.filtro__col--nao { background: var(--alerta-fundo); border: 1px solid var(--alerta-borda); }
.filtro__col--nao h3 .i { color: var(--alerta); }
.filtro__col--nao li .i { background: var(--alerta); color: #fff; }
.filtro__rodape { margin-top: 24px; padding: 20px 24px; border-radius: var(--raio); border: 1px solid var(--linha); display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.filtro__rodape p { margin: 0; font-size: 1.1rem; }
.filtro__rodape .botao .i { color: var(--zap); }
.filtro__rodape .botao:hover .i { color: #fff; }
.pq-grade { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 20px; align-items: center; }
.pq-grade .filtro { grid-template-columns: 1fr; }
.mosaico { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.mosaico li { border-radius: var(--raio); overflow: hidden; aspect-ratio: 1 / 1; background: var(--placa); }
.mosaico--2 li { aspect-ratio: 3 / 5; }
.mosaico img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 991.98px) {
  .pq-grade { grid-template-columns: 1fr; }
  .pq-grade .filtro { grid-template-columns: 1fr 1fr; }
  .mosaico { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .mosaico--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 520px; width: 100%; margin-inline: auto; }
  .mosaico--2 li { aspect-ratio: 4 / 5; }
}
@media (max-width: 767.98px) {
  .filtro, .pq-grade .filtro { grid-template-columns: 1fr; } .filtro__col { padding: 22px; } .filtro__rodape .botao { width: 100%; }
  .mosaico { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.produto { background: #fff; border: 1px solid var(--linha); border-radius: var(--raio); overflow: hidden; display: flex; flex-direction: column; transition: transform .35s var(--saida), box-shadow .35s var(--saida), border-color .3s; }
.produto:hover { transform: translateY(-3px); box-shadow: var(--sombra); border-color: var(--marca-borda); }
.produto__foto { aspect-ratio: 4 / 3; overflow: hidden; background: var(--placa); }
.produto__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--saida); }
.produto:hover .produto__foto img { transform: scale(1.04); }
.produto__texto { padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1; }
.produto h3 { margin-bottom: 6px; }
.produto__spec { font-variant-numeric: tabular-nums; color: var(--tinta-2); margin-bottom: 12px; font-size: 1rem; }
.produto__uso { margin: auto 0 0; padding-top: 12px; border-top: 1px solid var(--linha); display: flex; gap: 8px; align-items: flex-start; font-size: .98rem; }
.produto__uso .i { color: var(--marca); margin-top: 3px; }
.produto__selo { display: inline-flex; align-items: center; gap: 6px; font-family: var(--titulo); font-weight: 800; font-size: .88rem; color: var(--marca); margin-bottom: 8px; text-transform: uppercase; letter-spacing: .05em; }
.produto--destaque { flex-direction: row; margin-bottom: 20px; }
.produto--destaque .produto__foto { flex: 0 0 52%; aspect-ratio: auto; min-height: 340px; }
.produto--destaque .produto__texto { padding: clamp(24px, 3vw, 44px); justify-content: center; }
.produto--destaque h3 { font-size: clamp(1.55rem, 1.15rem + 1.3vw, 2.15rem); }
.produto--destaque .produto__spec { font-size: 1.1rem; }
.produto--destaque .produto__uso { margin-top: 8px; font-size: 1.08rem; }
.produtos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.produto--video { background: var(--escuro); color: #fff; border-color: var(--escuro); }
.produto--video h3 { color: #fff; }
.produto--video .produto__selo { color: var(--marca-clara); }
.produto--video .produto__uso { border-color: rgba(255, 255, 255, .15); color: var(--claro-sobre-escuro); display: block; }
.video-gatilho { position: relative; display: block; width: 100%; aspect-ratio: 4 / 3; padding: 0; border: 0; cursor: pointer; overflow: hidden; background: #000; }
.video-gatilho img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .85; transition: transform .8s var(--saida), opacity .3s; }
.video-gatilho:hover img { transform: scale(1.04); opacity: 1; }
.video-gatilho__play { position: absolute; left: 50%; top: 50%; width: 72px; height: 72px; margin: -36px 0 0 -36px; border-radius: 50%; background: var(--marca); color: #fff; display: grid; place-items: center; box-shadow: 0 0 0 10px rgba(255, 255, 255, .16); transition: transform .3s var(--saida); }
.video-gatilho__play .i { width: 30px; height: 30px; margin-left: 4px; }
.video-gatilho:hover .video-gatilho__play { transform: scale(1.08); }
.video-gatilho:focus-visible { outline-offset: -6px; }
@media (min-width: 992px) {
  .produto--video-2 { grid-column: span 2; flex-direction: row; }
  .produto--video-3 { grid-column: 1 / -1; flex-direction: row; }
  .produto--video-2 .video-gatilho, .produto--video-3 .video-gatilho { flex: 0 0 50%; aspect-ratio: 16 / 10; min-height: 0; }
  .produto--video-2 .produto__texto, .produto--video-3 .produto__texto { justify-content: center; padding: 32px; }
}
@media (max-width: 991.98px) { .produtos { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767.98px) {
  .produto--destaque { flex-direction: column; }
  .produto--destaque .produto__foto { flex: none; aspect-ratio: 4 / 3; min-height: 0; }
}
@media (max-width: 575.98px) { .produtos { grid-template-columns: 1fr; } }
.linha__rodape { margin-top: 36px; padding: 28px; border-radius: var(--raio); background: #fff; border: 1px solid var(--linha); display: grid; grid-template-columns: 1fr; gap: 20px; }
.linha__rodape > p { margin: 0; font-family: var(--titulo); font-weight: 800; font-size: 1.22rem; display: flex; gap: 10px; align-items: center; }
.linha__rodape > p .i { color: var(--marca); }
.linha__rodape > .botao { justify-self: start; }
.outras-linhas { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.outra-linha { display: flex; align-items: center; gap: 14px; padding: 10px 14px 10px 10px; border: 1px solid var(--linha); border-radius: var(--raio); background: #fff; color: var(--tinta); text-decoration: none; transition: border-color .25s, box-shadow .3s var(--saida), transform .3s var(--saida); }
.outra-linha:hover { border-color: var(--marca); color: var(--tinta); box-shadow: var(--sombra); transform: translateY(-2px); }
.outra-linha__foto { width: 64px; height: 80px; object-fit: cover; border-radius: 5px; flex: none; }
.outra-linha span { display: flex; flex-direction: column; flex: 1; line-height: 1.25; }
.outra-linha strong { font-family: var(--titulo); font-weight: 800; font-size: 1.12rem; background: none; }
.outra-linha small { color: var(--tinta-3); font-size: .92rem; }
.outra-linha > .i { color: var(--marca); }
.outras-linhas--obrigado { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.outra-linha--cartao { flex-direction: column; align-items: stretch; padding: 0; overflow: hidden; }
.outra-linha--cartao .outra-linha__foto { width: 100%; height: 220px; border-radius: 0; }
.outra-linha--cartao span { padding: 16px 20px 4px; }
.outra-linha--cartao > .i { margin: 0 20px 18px auto; }
.dif-grade { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.dif-grade__foto { position: relative; margin: 0; border-radius: var(--raio); overflow: hidden; aspect-ratio: 4 / 5; }
.dif-grade__foto img { width: 100%; height: 100%; object-fit: cover; }
.dif-grade__foto figcaption, .gar-grade__midia figcaption { position: absolute; left: 14px; bottom: 14px; right: 14px; display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 10px 14px; background: rgba(30, 7, 11, .82); color: #fff; border-radius: 6px; font-size: .95rem; backdrop-filter: blur(6px); }
.dif-grade__foto figcaption .i, .gar-grade__midia figcaption > .i { color: var(--marca-clara); flex: none; }
.difs { list-style: none; margin: 0; padding: 0; }
.dif { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 18px 0; border-top: 1px solid var(--linha); }
.dif:last-child { border-bottom: 1px solid var(--linha); }
.dif__ic { width: 52px; height: 52px; border-radius: 10px; background: var(--marca-fundo); color: var(--marca); display: grid; place-items: center; }
.dif__ic .i { width: 26px; height: 26px; }
.dif h3 { margin-bottom: 2px; font-size: 1.25rem; }
.dif p { margin: 0; color: var(--tinta-2); }
@media (max-width: 991.98px) { .dif-grade { grid-template-columns: 1fr; } .dif-grade__foto { aspect-ratio: 4 / 3; } }
.numeros { position: relative; overflow: hidden; }
.numeros::after { content: ""; position: absolute; right: -140px; bottom: -160px; width: 420px; height: 420px; background: url(/assets/img/logo-full-tex-simbolo.svg?v=9f56463a65) center / contain no-repeat; opacity: .06; pointer-events: none; }
.numeros__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 16px; position: relative; z-index: 1; }
.numero { padding: 24px 20px; border-left: 1px solid rgba(244, 130, 104, .28); }
.numero > .i { width: 30px; height: 30px; color: var(--marca-clara); }
.numero__valor { font-family: var(--titulo); font-weight: 800; font-size: clamp(3rem, 2rem + 2vw, 3.7rem); line-height: 1; letter-spacing: -.02em; margin: 14px 0 8px; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.numero__valor small { font-size: max(.5em, 1.1rem); color: var(--marca-clara); margin-inline: .08em; }
.numero__legenda { margin: 0; color: var(--claro-sobre-escuro); font-size: 1.02rem; line-height: 1.35; }
@media (max-width: 575.98px) { .numeros__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 10px; } .numero { padding: 16px 6px; } .numero__legenda { font-size: .95rem; } }
.como { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(28px, 4vw, 56px); align-items: stretch; }
.como__foto { margin: 0; border-radius: var(--raio); overflow: hidden; position: relative; min-height: 360px; }
.como__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.como__foto figcaption { position: absolute; left: 12px; bottom: 12px; right: 12px; }
.passos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; counter-reset: passo; }
.passo { position: relative; background: #fff; border: 1px solid var(--linha); border-radius: var(--raio); padding: 26px 24px 24px; display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; align-content: start; }
.passo__num { grid-row: span 2; font-family: var(--titulo); font-weight: 800; font-size: 2.9rem; line-height: .9; color: transparent; -webkit-text-stroke: 1.5px var(--marca); min-width: .62em; }
.passo__ic { color: var(--marca); }
.passo__ic .i { width: 26px; height: 26px; }
.passo h3 { margin: 4px 0 4px; font-size: 1.2rem; }
.passo p { margin: 0; color: var(--tinta-2); }
.passo > div:last-child { grid-column: 2; }
@media (max-width: 991.98px) { .como { grid-template-columns: 1fr; } .como__foto { min-height: 260px; } }
@media (max-width: 575.98px) { .passos { grid-template-columns: 1fr; } }
.gar-grade { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (min-width: 992px) {
  .gar-grade, .dif-grade { align-items: start; }
  .gar-grade__midia, .dif-grade__foto { position: sticky; top: calc(var(--cab) + 24px); }
}
.gar-grade__midia { position: relative; margin: 0; border-radius: var(--raio); overflow: hidden; aspect-ratio: 4 / 3; }
.gar-grade__midia img { width: 100%; height: 100%; object-fit: cover; }
.gar-grade__midia .pendente { flex-basis: 100%; }
.objecoes { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
.objecao { display: grid; gap: 8px; }
.objecao__pergunta { justify-self: start; max-width: 90%; margin: 0; padding: 12px 16px; background: var(--fundo); border: 1px solid var(--linha); border-radius: 16px 16px 16px 4px; font-family: var(--titulo); font-weight: 800; font-size: 1.12rem; line-height: 1.25; display: flex; gap: 10px; align-items: flex-start; }
.objecao__pergunta .i { color: var(--tinta-3); margin-top: 3px; }
.objecao__resposta { justify-self: end; max-width: 90%; margin: 0; padding: 12px 16px; background: var(--marca-fundo); border: 1px solid var(--marca-borda); border-radius: 16px 16px 4px 16px; display: flex; gap: 10px; align-items: flex-start; }
.objecao__resposta .i { color: var(--marca); margin-top: 3px; width: 22px; height: 22px; }
@media (max-width: 991.98px) { .gar-grade { grid-template-columns: 1fr; } .gar-grade__midia { aspect-ratio: 16 / 10; } }
.depos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.depo { background: #fff; border: 1.5px dashed var(--marca-borda); border-radius: var(--raio); padding: 26px; display: flex; flex-direction: column; gap: 16px; }
.depo__aspas { width: 34px; height: 34px; color: var(--marca-viva); }
.depo__frase { margin: 0; font-family: var(--titulo); font-weight: 800; font-size: 1.3rem; color: var(--tinta-3); }
.depo__quem { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.depo__foto { width: 48px; height: 48px; border-radius: 50%; background: var(--fundo); display: grid; place-items: center; color: var(--tinta-3); }
.depo__quem p { margin: 0; line-height: 1.25; }
.depo__quem strong { background: none; display: block; }
.depo__quem span { color: var(--tinta-3); font-size: .92rem; }
@media (max-width: 991.98px) { .depos { grid-template-columns: 1fr; } }
.faq-grade { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.faq-grade__cartao { background: var(--escuro); color: #fff; border-radius: var(--raio); padding: 28px; display: grid; gap: 14px; justify-items: start; }
.faq-grade__cartao p { margin: 0; font-family: var(--titulo); font-weight: 800; font-size: 1.22rem; line-height: 1.25; }
.faq-grade__cartao .botao { border-color: #fff; color: #fff; }
.faq-grade__cartao .botao:hover { background: #fff; color: var(--escuro); }
.duvida { border-bottom: 1px solid var(--linha); }
.duvida:first-child { border-top: 1px solid var(--linha); }
.duvida summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; font-family: var(--titulo); font-weight: 800; font-size: 1.18rem; line-height: 1.25; min-height: 44px; }
.duvida summary::-webkit-details-marker { display: none; }
.duvida summary .i { color: var(--marca); transition: transform .3s var(--saida); }
.duvida[open] summary .i { transform: rotate(180deg); }
.duvida summary:hover { color: var(--marca); }
.duvida > p { margin: -4px 0 20px; color: var(--tinta-2); max-width: 62ch; }
@media (max-width: 991.98px) {
  .faq-grade { grid-template-columns: minmax(0, 1fr); }
  .faq-grade__cartao .botao { white-space: normal; text-align: center; max-width: 100%; }
}
.form-grade { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.garantias-form { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.garantias-form li { display: flex; align-items: center; gap: 14px; font-family: var(--titulo); font-weight: 800; font-size: 1.18rem; }
.garantias-form .i { width: 44px; height: 44px; padding: 10px; border-radius: 10px; background: var(--escuro); color: var(--marca-clara); }
.form-cartao { background: #fff; border-radius: 12px; padding: clamp(22px, 3vw, 36px); box-shadow: 0 2px 4px rgba(43, 11, 16, .06), 0 24px 48px -30px rgba(43, 11, 16, .45); }
@media (max-width: 991.98px) { .form-grade { grid-template-columns: minmax(0, 1fr); } }
.etapas { margin-bottom: 22px; }
.etapas__barra { height: 6px; background: var(--fundo); border-radius: 3px; overflow: hidden; }
.etapas__barra span { display: block; height: 100%; width: 100%; background: linear-gradient(90deg, var(--marca), var(--marca-viva)); border-radius: 3px; transform: scaleX(.5); transform-origin: left; transition: transform .5s var(--saida); }
.form-cotacao[data-etapa-atual="2"] .etapas__barra span { transform: none; }
.etapas__texto { margin: 8px 0 0; font-size: .95rem; color: var(--tinta-3); }
.etapas__texto span:first-child { font-family: var(--titulo); font-weight: 800; font-size: .95rem; color: var(--marca); }
.etapa { border: 0; margin: 0; padding: 0; min-width: 0; }
.js .form-cotacao .etapa[data-etapa="2"] { display: none; }
.js .form-cotacao[data-etapa-atual="2"] .etapa[data-etapa="1"] { display: none; }
.js .form-cotacao[data-etapa-atual="2"] .etapa[data-etapa="2"] { display: block; animation: entra .45s var(--saida); }
html:not(.js) .etapas, html:not(.js) [data-avancar], html:not(.js) [data-voltar] { display: none; }
html:not(.js) .etapa + .etapa { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--linha); }
@keyframes entra { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }
.etapa__acoes { display: flex; gap: 10px; align-items: center; }
.campo { margin-bottom: 18px; }
.campo label, .campo__rotulo { display: flex; align-items: center; gap: 8px; font-family: var(--titulo); font-weight: 800; font-size: 1rem; margin: 0 0 8px; }
.campo label .i, .campo__rotulo .i { color: var(--marca); }
.campo small { font-family: var(--texto); font-weight: 500; color: var(--tinta-3); font-size: .9rem; }
.campo input, .campo select { width: 100%; min-height: 50px; padding: 10px 14px; font: inherit; font-size: 1.05rem; color: var(--tinta); background: #fff; border: 1.5px solid var(--borda-campo); border-radius: 6px; transition: border-color .2s, box-shadow .2s; font-variant-numeric: tabular-nums; }
.campo select { appearance: none; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23be1e2d' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat; padding-right: 36px; text-overflow: ellipsis; }
.campo input::placeholder { color: var(--placeholder); opacity: 1; }
.campo input:focus, .campo select:focus { outline: none; border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca); }
.campo__erro { display: none; margin: 6px 0 0; color: var(--alerta-texto); font-size: .92rem; }
.campo__dica { margin: 6px 0 0; color: var(--tinta-3); font-size: .88rem; line-height: 1.35; }
.campo.invalido input, .campo.invalido select { border-color: var(--alerta); }
.campo input:focus, .campo select:focus, .campo.invalido input:focus, .campo.invalido select:focus { border-color: var(--marca); box-shadow: 0 0 0 1px var(--marca); }
.campo.invalido .campo__erro { display: block; }
.duas-colunas { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
.duas-colunas--uf { grid-template-columns: 1fr 120px; }
@media (max-width: 420px) { .duas-colunas { grid-template-columns: 1fr; } .duas-colunas--uf { grid-template-columns: 1fr 110px; } }
.opcoes { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.opcoes--4 { grid-template-columns: repeat(2, 1fr); }
.campo .opcao { position: relative; cursor: pointer; display: flex; margin: 0; font-family: var(--texto); font-weight: 500; font-size: 1rem; }
.campo .opcao > span { flex: 1 1 auto; }
.campo .chip-opcao { position: relative; display: inline-block; margin: 0; }
.opcao input, .chip-opcao input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.opcao span { display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 10px 14px; border: 1.5px solid var(--borda-campo); border-radius: 8px; background: #fff; line-height: 1.2; font-size: 1rem; transition: border-color .2s, background-color .2s; }
.opcao--curta span { justify-content: center; text-align: center; font-family: var(--titulo); font-weight: 800; font-size: .98rem; font-variant-numeric: tabular-nums; }
.opcao:hover span { border-color: var(--marca); }
.opcao input:checked + span { border-color: var(--marca); background: var(--marca-fundo); box-shadow: inset 0 0 0 1px var(--marca); }
.opcao input:focus-visible + span, .chip-opcao input:focus-visible + span { outline: 3px solid var(--marca-viva); outline-offset: 2px; }
.chips-opcao { display: flex; flex-wrap: wrap; gap: 8px; }
.chip-opcao span { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 8px 14px; border-radius: 999px; border: 1.5px solid var(--borda-campo); background: #fff; cursor: pointer; font-family: var(--titulo); font-weight: 800; font-size: .95rem; transition: all .2s; }
.chip-opcao span .i { display: none; }
.chip-opcao input:checked + span { background: var(--escuro); color: #fff; border-color: var(--escuro); }
.chip-opcao input:checked + span .i { display: inline-block; color: var(--marca-clara); }
.aviso-maquina { margin: -6px 0 18px; padding: 12px 14px; border-radius: 8px; background: var(--alerta-fundo); border: 1px solid var(--alerta-borda); }
.aviso-maquina p { margin: 0; display: flex; gap: 8px; align-items: flex-start; line-height: 1.4; }
.aviso-maquina p .i { color: var(--alerta); margin-top: 2px; }
.aviso-maquina a { font-weight: 800; color: var(--marca-hover); }
.form-falha { display: none; margin: 12px 0 0; padding: 10px 14px; border-radius: 6px; background: var(--alerta-fundo); color: var(--alerta-texto); }
.form-falha.visivel { display: block; }
.form-nota { margin: 14px 0 6px; display: flex; gap: 8px; align-items: center; color: var(--tinta-2); font-size: .98rem; }
.form-nota .i { color: var(--marca); }
.form-legal { margin: 6px 0 0; font-size: .86rem; color: var(--tinta-3); }
.form-regiao { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--linha); color: var(--tinta-2); display: flex; flex-wrap: wrap; align-items: center; gap: 0 6px; }
.form-erro-sem-js { margin-bottom: 16px; padding: 12px 14px; border-radius: 6px; background: var(--alerta-fundo); color: var(--alerta-texto); display: flex; gap: 8px; align-items: center; }
.form-erro-sem-js:target { display: flex !important; }
.form-reserva { display: none; }
.com-reserva .form-reserva { display: block; }
.com-reserva .form-cartao--convite .convite { display: none; }
.form-reserva .etapas, .form-reserva [data-avancar], .form-reserva [data-voltar] { display: none !important; }
.form-reserva .form-cotacao .etapa { display: block !important; animation: none; }
.form-reserva .etapa + .etapa { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--linha); }
.form-reserva[data-confirmado] > :not(.envio-ok) { display: none !important; }
.envio-ok { display: grid; justify-items: center; gap: 10px; text-align: center; padding: 8px 0 4px; }
.envio-ok__icone { width: 56px; height: 56px; border-radius: 50%; background: var(--marca-fundo); color: var(--marca); display: grid; place-items: center; }
.envio-ok__icone .i { width: 30px; height: 30px; }
.envio-ok__titulo { margin: 0; font-family: var(--titulo); font-weight: 800; font-size: 1.3rem; line-height: 1.2; color: var(--tinta); }
.envio-ok__texto { margin: 0 0 6px; max-width: 34em; color: var(--tinta-2); }
.envio-ok .botao { white-space: normal; }
.envio-ok .botao .i { color: #fff; }
.mel { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gira { animation: gira 1s linear infinite; }
@keyframes gira { to { transform: rotate(360deg); } }
button[aria-busy="true"] .i { animation: gira 1s linear infinite; }
.cta-final { text-align: center; position: relative; overflow: hidden; }
.cta-final::before, .cta-final::after { content: ""; position: absolute; width: 380px; height: 380px; background: url(/assets/img/logo-full-tex-simbolo.svg?v=9f56463a65) center / contain no-repeat; opacity: .08; pointer-events: none; }
.cta-final::before { left: -120px; bottom: -140px; }
.cta-final::after { right: -100px; top: -120px; transform: rotate(90deg); }
.cta-final h2 { font-size: clamp(2.1rem, 1.25rem + 3vw, 3.7rem); max-width: 22ch; margin: 0 auto 32px; position: relative; }
.cta-final__acoes { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; position: relative; }
@media (max-width: 575.98px) { .cta-final__acoes .botao { width: 100%; } }
.rod { background: var(--noite); color: var(--claro-sobre-escuro); padding: 64px 0 28px; font-size: .98rem; }
.rod a { color: #fff; }
.rod a:hover { color: var(--marca-clara); }
.rod__grade { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 4fr) minmax(0, 3fr); gap: 40px; }
.rod__logo img { height: 72px; width: auto; margin-bottom: 18px; }
.rod__marca p { max-width: 36ch; }
.rod h2 { font-size: 1rem; color: #fff; letter-spacing: .05em; text-transform: uppercase; margin-bottom: 14px; }
.rod__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.rod__lista li { display: flex; gap: 10px; align-items: flex-start; }
.rod__lista .i { color: var(--marca-clara); margin-top: 4px; }
.rod__lista a, .rod__zap, .rod__link, .rod__base a { display: inline-flex; align-items: center; min-height: 44px; }
.rod__lista li:has(> a, > button) { align-items: center; }
.rod__lista li:has(> a, > button) > .i { margin-top: 0; }
.rod__lista--links a { text-decoration: none; font-family: var(--titulo); font-weight: 800; font-size: 1.02rem; }
.rod__zap, .rod__link { background: none; border: 0; padding: 0; color: #fff; text-decoration: underline; text-underline-offset: .18em; cursor: pointer; font: inherit; }
.rod__zap:hover, .rod__link:hover { color: var(--marca-clara); }
.rod__base { margin-top: 48px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .12); display: flex; flex-wrap: wrap; gap: 0 24px; font-size: .9rem; align-items: center; }
.rod__assina { margin-left: auto; }
@media (max-width: 767.98px) { .rod__grade { grid-template-columns: 1fr; gap: 28px; } .rod__assina { margin-left: 0; } }
.pop { width: min(600px, calc(100vw - 24px)); max-height: calc(100svh - 24px); padding: 0; border: 0; border-radius: 12px; overflow: auto; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .6); }
.pop::backdrop { background: rgba(30, 7, 11, .8); }
.pop[open] { animation: sobe .45s var(--saida); }
@keyframes sobe { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: none; } }
.pop__topo { position: relative; background: var(--escuro); color: #fff; padding: 24px 56px 20px 24px; }
.pop__topo h2 { font-size: 1.65rem; color: #fff; margin-bottom: 6px; }
.pop__topo p { margin: 0; color: var(--claro-sobre-escuro); font-size: .98rem; }
.pop__marca { display: flex; gap: 8px; align-items: center; font-family: var(--titulo); font-weight: 800; font-size: .88rem !important; text-transform: uppercase; letter-spacing: .06em; color: var(--marca-clara) !important; margin-bottom: 8px !important; }
.pop__fechar { position: absolute; right: 12px; top: 12px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .1); color: #fff; cursor: pointer; display: grid; place-items: center; }
.pop__fechar:hover { background: rgba(255, 255, 255, .2); }
.pop__corpo { padding: 22px 24px 24px; }
.pop[open] { display: flex; flex-direction: column; overflow: hidden; overflow: clip; }
.pop__topo { flex: none; }
.pop__corpo { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.pop:not([data-modo="regiao"]) .so-regiao, .pop[data-modo="regiao"] .so-cotacao { display: none !important; }
.pop[data-confirmado] .pop__corpo > :not(.envio-ok), .pop[data-confirmado] #pop-sub { display: none !important; }
.pop .envio-ok { padding: 18px 0 24px; }
.tela-video { padding: 0; border: 0; background: transparent; max-width: none; max-height: none; overflow: visible; }
.tela-video::backdrop { background: rgba(0, 0, 0, .88); }
.tela-video video { height: min(86svh, 900px); width: auto; aspect-ratio: 4 / 5; border-radius: 10px; background: #000; }
.tela-video__fechar { position: absolute; top: -8px; right: -56px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fff; color: var(--escuro); cursor: pointer; display: grid; place-items: center; }
@media (max-width: 575.98px) { .tela-video video { height: auto; width: calc(100vw - 24px); } .tela-video__fechar { right: 8px; top: 8px; z-index: 2; } }
.zap-flutuante { position: fixed; right: 18px; bottom: 18px; z-index: 40; width: 60px; height: 60px; border-radius: 50%; border: 0; background: var(--zap); color: #fff; display: grid; place-items: center; cursor: pointer; box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .45); transition: transform .35s var(--saida), opacity .3s, visibility 0s; }
.zap-flutuante .i { width: 30px; height: 30px; }
.zap-flutuante::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid var(--zap); opacity: 0; animation: anel 2.8s 1.5s var(--saida) infinite; }
.zap-flutuante:hover { transform: scale(1.06); }
.heroi-cta-na-tela .zap-flutuante { transform: scale(.4); opacity: 0; pointer-events: none; visibility: hidden; transition: transform .35s var(--saida), opacity .3s, visibility 0s .3s; }
.tem-cookies .zap-flutuante { bottom: calc(var(--cookies-pe, 16px) + var(--alt-cookies, 140px) + 12px); }
html.tem-cookies { scroll-padding-bottom: calc(var(--alt-cookies, 140px) + var(--cookies-pe, 16px) + 16px); }
.tem-cookies .rod { padding-bottom: calc(28px + var(--alt-cookies, 140px) + var(--cookies-pe, 16px) + 16px); }
@media (max-width: 991.98px) { .tem-cookies .rod { padding-bottom: calc(104px + var(--alt-cookies, 140px) + var(--cookies-pe, 16px) + 16px); } }
@keyframes anel { 0% { opacity: .7; transform: scale(.9); } 70%, 100% { opacity: 0; transform: scale(1.25); } }
.cookies { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 45; max-width: 560px; background: #fff; border: 1px solid var(--linha); border-radius: 10px; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, .45); padding: 14px 16px; display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: .95rem; }
.cookies[hidden] { display: none; }
.cookies p { margin: 0; flex: 1 1 260px; display: flex; gap: 8px; }
.cookies p .i { color: var(--marca); margin-top: 3px; }
.cookies__acoes { display: flex; gap: 8px; }
.cookies button { min-height: 44px; padding: 8px 16px; border-radius: 6px; border: 1.5px solid var(--borda-campo); background: #fff; cursor: pointer; font-family: var(--titulo); font-weight: 800; font-size: .95rem; }
.cookies .aceitar { background: var(--marca); border-color: var(--marca); color: #fff; }
@media (max-width: 575.98px) {
  :root { --cookies-pe: 8px; }
  .cookies { left: 8px; right: 8px; bottom: var(--cookies-pe); padding: 8px 8px 8px 12px; gap: 10px; flex-wrap: nowrap; font-size: .85rem; line-height: 1.35; }
  .cookies p { flex: 1 1 auto; min-width: 0; }
  .cookies__acoes { flex: none; gap: 6px; }
  .cookies button { padding: 8px 12px; font-size: .9rem; }
}
@media (max-width: 359.98px) {
  .cookies { flex-wrap: wrap; row-gap: 6px; }
  .cookies p { flex-basis: 100%; }
  .cookies__acoes { flex: 1 1 100%; }
  .cookies__acoes button { flex: 1 1 0; }
}
.obrigado { text-align: center; min-height: 58svh; display: grid; align-items: center; }
.obrigado h1 { font-size: clamp(2.3rem, 1.5rem + 3vw, 3.8rem); }
.obrigado__icone { width: 88px; height: 88px; margin: 0 auto 20px; border-radius: 50%; background: rgba(244, 130, 104, .14); color: var(--marca-clara); display: grid; place-items: center; }
.obrigado__icone .i { width: 48px; height: 48px; }
.obrigado .sec__sub { max-width: 40em; margin-inline: auto; }
.obrigado__acoes { margin-top: 28px; display: grid; justify-items: center; gap: 12px; }
.obrigado__carregando { margin: 0; color: var(--claro-sobre-escuro); display: flex; gap: 8px; align-items: center; }
.obrigado__carregando[hidden] { display: none; }
.blog-topo { padding-top: 56px; }
.filtros { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.filtros button { min-height: 44px; padding: 8px 16px; border-radius: 999px; border: 1.5px solid var(--borda-campo); background: #fff; cursor: pointer; font-family: var(--titulo); font-weight: 800; font-size: .95rem; }
.filtros button.atual { background: var(--escuro); color: #fff; border-color: var(--escuro); }
.guias { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.guia { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--linha); border-radius: var(--raio); overflow: hidden; color: var(--tinta); text-decoration: none; transition: transform .35s var(--saida), box-shadow .35s var(--saida); }
.guia:hover { color: var(--tinta); transform: translateY(-3px); box-shadow: var(--sombra); }
.guia[hidden] { display: none; }
.guia__foto { aspect-ratio: 16 / 10; overflow: hidden; background: var(--placa); }
.guia__foto img { width: 100%; height: 100%; object-fit: cover; }
.guia__cat { margin: 18px 20px 6px; font-family: var(--titulo); font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: .82rem; color: var(--marca); }
.guia__titulo { margin: 0 20px 8px; font-family: var(--titulo); font-weight: 800; font-size: 1.25rem; line-height: 1.15; }
.guia__resumo { margin: 0 20px 14px; color: var(--tinta-2); font-size: .98rem; }
.guia__ler { margin: auto 20px 20px; display: flex; align-items: center; gap: 6px; font-family: var(--titulo); font-weight: 800; font-size: .98rem; color: var(--marca); }
@media (min-width: 992px) {
  .guias--hub:not(.filtrado) .guia:first-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-rows: 1fr auto auto auto auto 1fr; column-gap: 12px; }
  .guias--hub:not(.filtrado) .guia:first-child .guia__foto { grid-column: 1; grid-row: 1 / -1; aspect-ratio: 16 / 9; }
  .guias--hub:not(.filtrado) .guia:first-child .guia__cat { grid-column: 2; grid-row: 2; margin: 24px 32px 8px; }
  .guias--hub:not(.filtrado) .guia:first-child .guia__titulo { grid-column: 2; grid-row: 3; margin: 0 32px 12px; font-size: clamp(1.6rem, 1rem + 1vw, 2.15rem); line-height: 1.1; }
  .guias--hub:not(.filtrado) .guia:first-child .guia__resumo { grid-column: 2; grid-row: 4; margin: 0 32px 18px; font-size: 1.05rem; }
  .guias--hub:not(.filtrado) .guia:first-child .guia__ler { grid-column: 2; grid-row: 5; margin: 0 32px 24px; }
}
@media (max-width: 991.98px) { .guias { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .guias { grid-template-columns: 1fr; } }
.artigo__topo { background: var(--fundo); padding: 48px 0 40px; border-bottom: 1px solid var(--linha); }
.artigo__topo h1 { font-size: clamp(1.9rem, 1.3rem + 2.2vw, 3rem); margin: 12px 0 14px; }
.trilha { display: flex; align-items: center; gap: 6px; font-size: .95rem; color: var(--tinta-3); flex-wrap: wrap; }
.trilha .i { width: 16px; height: 16px; }
.artigo__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; color: var(--tinta-3); font-size: .98rem; }
.artigo__meta .i { color: var(--marca); }
.artigo__capa { margin: 32px 0 28px; border-radius: var(--raio); overflow: hidden; aspect-ratio: 16 / 9; }
.artigo__capa img { width: 100%; height: 100%; object-fit: cover; }
.artigo__abertura p { font-size: 1.22rem; line-height: 1.55; color: var(--tinta-2); }
.indice { margin: 28px 0 8px; padding: 20px 24px; background: var(--fundo); border-radius: var(--raio); }
.indice > p { margin: 0 0 10px; display: flex; gap: 8px; align-items: center; font-family: var(--titulo); font-weight: 800; font-size: 1.05rem; }
.indice > p .i { color: var(--marca); }
.indice ol { margin: 0; padding-left: 1.2em; display: grid; gap: 0; }
.indice li a { display: inline-flex; align-items: center; min-height: 44px; }
.artigo__corpo { padding-bottom: 12px; }
.artigo__corpo h2 { font-size: clamp(1.5rem, 1.15rem + 1.1vw, 2.05rem); margin-top: 1.6em; }
.artigo__corpo p, .artigo__corpo li { max-width: 68ch; }
.artigo__corpo ul, .artigo__corpo ol { padding-left: 1.25em; margin: 0 0 1.2em; }
.artigo__corpo li { margin-bottom: .4em; }
.artigo__corpo li::marker { color: var(--marca); }
.tabela-rolagem { overflow-x: auto; margin: 0 0 1.4em; border: 1px solid var(--linha); border-radius: var(--raio); }
.tabela-rolagem table { border-collapse: collapse; width: 100%; min-width: 560px; font-size: .96rem; font-variant-numeric: tabular-nums; }
.tabela-rolagem th { background: var(--escuro); color: #fff; font-family: var(--titulo); font-weight: 800; font-size: .95rem; text-align: left; padding: 10px 12px; }
.tabela-rolagem td { padding: 10px 12px; border-top: 1px solid var(--linha); vertical-align: top; }
.tabela-rolagem tr:nth-child(even) td { background: var(--fundo); }
.chamada { margin: 40px 0; display: grid; grid-template-columns: 140px 1fr; gap: 24px; align-items: center; padding: 24px; border-radius: 12px; background: var(--escuro); color: #fff; }
.chamada__foto { width: 140px; height: 180px; object-fit: cover; border-radius: 8px; }
.chamada__titulo { font-family: var(--titulo); font-weight: 800; font-size: 1.45rem; line-height: 1.15; margin-bottom: 8px; }
.chamada p { color: var(--claro-sobre-escuro); }
@media (max-width: 575.98px) { .chamada { grid-template-columns: 1fr; } .chamada__foto { width: 100%; height: 160px; } }
.artigo__faq { margin: 48px 0 64px; }
.anima { opacity: 0; transform: translateY(26px); }
.anima.visivel { opacity: 1; transform: none; transition: opacity .8s var(--saida) var(--atraso, 0s), transform .9s var(--saida) var(--atraso, 0s); }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .anima { opacity: 1; transform: none; }
}
.sec__acao { display: flex; justify-content: center; margin-top: clamp(32px, 4vw, 52px); }
.sec__acao .botao { min-width: min(100%, 300px); }
@media (max-width: 575.98px) { .sec__acao .botao { width: 100%; } }
.cnpj-achado { margin: -8px 0 18px; padding: 8px 12px; border-radius: 6px; background: var(--marca-fundo); color: var(--escuro); font-size: .95rem; line-height: 1.35; }
.tela-video__carregando { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin: 0; padding: 10px 16px; border-radius: 999px; background: rgba(30, 7, 11, .85); color: #fff; display: flex; gap: 8px; align-items: center; font-size: .95rem; pointer-events: none; }
@media (max-width: 991.98px) {
  .heroi__texto { text-align: center; }
  .heroi h1, .heroi__sub { margin-left: auto; margin-right: auto; }
  .heroi__acoes { justify-content: center; }
  .heroi__micro { display: block; text-align: center; }
  .heroi__micro .i { margin-right: 6px; }
  .sec__cab--esq { text-align: center; margin-left: auto; margin-right: auto; }
  .filtro__col h3 { justify-content: center; }
  .filtro__col ul { max-width: 460px; margin-inline: auto; }
  .filtro__rodape { flex-direction: column; text-align: center; justify-content: center; }
  .produto__texto { text-align: center; align-items: center; }
  .produto__uso { justify-content: center; }
  .produto--video .produto__uso { text-align: center; }
  .linha__rodape { text-align: center; }
  .linha__rodape > p { justify-content: center; }
  .linha__rodape > .botao { justify-self: center; }
  .dif { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 10px; }
  .numero { text-align: center; border-left: 0; }
  .numero > .i { margin-inline: auto; }
  .garantias-form { width: fit-content; max-width: 100%; margin-inline: auto; }
  .convite__texto { text-align: center; }
  .faq-grade__cartao { justify-items: center; text-align: center; }
  .depo { align-items: center; text-align: center; }
  .depo__quem { margin-inline: auto; }
  .form-regiao { justify-content: center; text-align: center; }
  .rod__grade { text-align: center; }
  .rod__logo img { margin-inline: auto; }
  .rod__marca p { margin-inline: auto; }
  .rod__lista li { justify-content: center; }
  .rod__base { justify-content: center; text-align: center; }
  .rod { padding-bottom: 104px; }
  .chamada { text-align: center; justify-items: center; }
  .artigo__topo, .blog-topo .sec__cab { text-align: center; }
  .trilha, .artigo__meta { justify-content: center; }
  .filtros { justify-content: center; }
  .guia { text-align: center; }
  .guia__ler { justify-content: center; }
}
.pop__corpo .form-regiao { margin-top: 16px; }
.convite { display: grid; gap: 18px; }
.convite__passos { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; counter-reset: passo; }
.convite__passos li { display: flex; gap: 14px; align-items: center; padding: 14px 16px; border: 1px solid var(--linha); border-radius: 10px; background: var(--fundo); }
.convite__passos li > .i { width: 44px; height: 44px; padding: 10px; border-radius: 10px; background: var(--escuro); color: var(--marca-clara); flex: none; }
.convite__passos strong { display: block; font-family: var(--titulo); font-weight: 800; font-size: 1.12rem; background: none; }
.convite__passos small { color: var(--tinta-2); font-size: .95rem; }
.convite__passos span { display: block; line-height: 1.3; }
.convite__texto { margin: 0; color: var(--tinta-2); }
.convite .form-regiao { margin-top: 0; }
.pop { width: min(540px, calc(100% - 20px)); max-width: calc(100% - 20px); max-height: calc(100svh - 20px); }
.pop__topo { padding: 16px 52px 14px 20px; }
.pop__marca { display: none; }
.pop__topo h2 { font-size: 1.3rem; margin-bottom: 2px; }
.pop__topo p { font-size: .9rem; line-height: 1.4; }
.pop__fechar { top: 8px; right: 8px; width: 44px; height: 44px; }
.pop__corpo { padding: 14px 20px 0; }
.pop .etapas { margin-bottom: 12px; }
.pop .etapas__texto { margin-top: 6px; font-size: .88rem; }
.pop .campo { margin-bottom: 12px; }
.pop .campo label, .pop .campo__rotulo { font-size: .92rem; margin-bottom: 6px; }
.pop .campo input, .pop .campo select { min-height: 44px; padding: 8px 12px; font-size: 1rem; }
.pop .campo select { padding-right: 36px; }
.pop .opcoes { gap: 6px; }
.pop .opcoes--4 { grid-template-columns: repeat(4, 1fr); }
.pop .campo .opcao span { min-height: 44px; padding: 6px 10px; gap: 8px; font-size: .9rem; border-radius: 6px; }
.pop .opcao--curta span { font-size: .86rem; padding: 6px 4px; }
.pop .chips-opcao { gap: 6px; }
.pop .chip-opcao span { min-height: 44px; padding: 5px 12px; font-size: .88rem; }
.pop .cnpj-achado { margin: -4px 0 12px; font-size: .88rem; padding: 6px 10px; }
.pop .aviso-maquina { margin: -2px 0 12px; padding: 10px 12px; font-size: .92rem; }
.pop .form-nota { margin: 10px 0 4px; font-size: .88rem; }
.pop .form-legal { font-size: .8rem; }
.pop .campo__dica { margin-top: 4px; font-size: .82rem; }
.pop .form-regiao { margin: 12px 0 0; padding: 12px 0 16px; font-size: .92rem; }
.pop [data-avancar], .pop .etapa__acoes { position: sticky; bottom: 0; z-index: 2; }
.pop [data-avancar] { box-shadow: 0 -14px 16px -2px #fff; margin-top: 4px; }
.pop .etapa__acoes { background: #fff; padding: 8px 0 10px; margin: 0 -2px; box-shadow: 0 -10px 14px -6px #fff; }
@media (max-width: 575.98px) {
  .pop { width: calc(100% - 16px); max-width: calc(100% - 16px); max-height: calc(100svh - 16px); border-radius: 12px; }
  .pop__topo { padding: 12px 50px 10px 16px; }
  .pop__topo h2 { font-size: 1.2rem; }
  .pop__topo p { font-size: .85rem; }
  .pop__corpo { padding: 12px 14px 0; }
  .pop .opcoes--4 { grid-template-columns: repeat(2, 1fr); }
  .pop .campo .opcao span { font-size: .86rem; }
  .pop .chip-opcao span { font-size: .84rem; padding: 4px 10px; }
  .pop .campo { margin-bottom: 10px; }
  .pop .campo label, .pop .campo__rotulo { line-height: 1.25; }
  .pop .etapas { margin-bottom: 10px; }
  .pop .etapas__texto { margin-top: 4px; line-height: 1.3; }
  .pop .cnpj-achado { margin-bottom: 10px; }
  .pop .aviso-maquina { margin-bottom: 10px; }
  .pop .form-regiao { margin-top: 10px; padding: 8px 0 10px; }
  .pop .campo .opcao, .pop .campo .chip-opcao { margin: 0; }
  .pop:not([data-modo="regiao"]) #pop-sub { display: none; }
  .pop__topo { padding: 8px 60px 10px 16px; }
  .pop:not([data-modo="regiao"]) .pop__topo { padding-bottom: 8px; }
  .pop__topo h2 { display: flex; align-items: center; min-height: 44px; margin: 0; }
  .pop__topo #pop-sub { margin-top: 2px; }
}
.etapa__acoes .botao--bloco { flex: 1; min-width: 0; white-space: normal; text-align: center; }
@media (max-width: 575.98px) {
  .pop .voltar__texto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .pop [data-voltar] { width: 44px; padding: 0; flex: none; }
  .pop .etapa__acoes .botao--bloco { font-size: .95rem; padding: 8px 10px; }
}
.rod__redes { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.rod__redes a { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .18); color: #fff; transition: background-color .2s, border-color .2s, color .2s; }
.rod__redes a:hover { background: var(--marca-clara); border-color: var(--marca-clara); color: var(--escuro); }
.rod__redes .i { width: 18px; height: 18px; }
.rod__lista strong { display: block; font-family: var(--titulo); font-weight: 800; font-size: .88rem; color: #fff; letter-spacing: .04em; text-transform: uppercase; background: none; }
@media (max-width: 991.98px) { .rod__redes { justify-content: center; } }
@media (max-width: 991.98px) { .rod__lista li { flex-direction: column; align-items: center; gap: 2px; } .rod__lista .i { margin-top: 0; } }
.privacidade { padding-top: 28px; padding-bottom: 64px; }
.privacidade h3 { font-size: 1.15rem; margin: 1.4em 0 .4em; }
.privacidade ul ul { margin-top: .4em; }
.resumo { margin: 0 0 28px; padding: 20px 24px; border-radius: 12px; background: var(--marca-fundo); border: 1px solid var(--marca-borda); }
.resumo__titulo { display: flex; gap: 8px; align-items: center; margin: 0 0 8px !important; font-family: var(--titulo); font-weight: 800; font-size: 1.12rem; }
.resumo__titulo .i { color: var(--marca); }
.resumo ul { margin: 0; padding-left: 1.2em; }
.resumo li { margin-bottom: .3em; }
.privacidade .tabela-rolagem td:first-child { font-weight: 500; color: var(--tinta); }
.privacidade .link { min-height: 0; font-weight: 500; }
@media (max-width: 991.98px) {
  .cab__acoes { display: none; }
  .cab__in { justify-content: center; }
}
.heroi__grade { grid-template-columns: minmax(0, 1fr); }
.heroi__texto { max-width: 760px; }
.artigo__cat { margin: 0; font-family: var(--titulo); font-weight: 800; font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; color: var(--marca); }
.rod__lista--links span { font-family: var(--titulo); font-weight: 800; font-size: 1.02rem; color: var(--claro-sobre-escuro); }
.rod__lista--links { gap: 0; }
