/* ============================================================
   Samambaia — landing pages (empresas, agências, welcome)
   Carrega DEPOIS de styles.css. Mesma paleta e botões do site,
   mas só com a fonte sem serifa, sem a folha e sem animação de entrada.
   ============================================================ */

:root { --fonte-display: var(--fonte-corpo); --raio-g: 28px; }
html { scroll-padding-top: calc(var(--altura-header) + 1rem); }
h1, h2, h3 { font-family: var(--fonte-corpo); }

/* ---------- Tipografia ---------- */
.lp-olho {
  display: inline-flex; align-items: center; gap: 0.6rem;
  font-size: 0.74rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--salmao); margin-bottom: 0.9rem;
}
.lp-olho b { font-weight: 800; color: var(--verde); letter-spacing: 0.04em; }
.section--green .lp-olho { color: var(--dourado); }
.section--green .lp-olho b { color: var(--creme); }
.section__title {
  font-family: var(--fonte-corpo); font-weight: 800;
  font-size: clamp(1.45rem, 2.4vw, 1.9rem); line-height: 1.12; letter-spacing: -0.025em;
  max-width: 36ch; margin-bottom: 1rem;
}
.section__title em, .section__title .destaque { font-style: normal; font-weight: 800; color: var(--salmao); }
.section--green .section__title em, .section--green .section__title .destaque { color: var(--dourado); }
.lp-lead { font-size: 1.06rem; max-width: 40rem; }
.lp-lead + .lp-lead { margin-top: 0.9rem; }
.lp-nota { margin-top: 1.2rem; font-size: 0.85rem; color: rgba(34, 48, 31, 0.65); }
.section--green .lp-nota { color: rgba(253, 240, 204, 0.7); }
.lp-cabeca { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem; flex-wrap: wrap; }
.lp-cabeca .section__title { margin-bottom: 0; }
.lp-cabeca + .lp-lead { margin-top: 1rem; }

.lp-h1 {
  font-weight: 800; font-size: clamp(1.9rem, 3.6vw, 2.8rem);
  line-height: 1.06; letter-spacing: -0.03em; color: var(--verde);
  margin-top: 1rem; max-width: 17ch;
}
.lp-h1 .destaque { color: var(--salmao); }
.lp-sub { margin-top: 1rem; font-size: 1.02rem; max-width: 33rem; }
.lp-ctas { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1.5rem; }
.lp-pill {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  padding: 0.42rem 0.95rem; border-radius: 999px;
  background: var(--salmao); color: #fff;
}

/* ---------- Header simples ---------- */
.lp-header .header__inner { justify-content: space-between; }
.lp-header__cta { white-space: nowrap; }
.lp-header__nav { display: flex; gap: 1.4rem; margin-left: auto; margin-right: 1.2rem; }
.lp-header__nav a { color: var(--verde); text-decoration: none; font-weight: 600; font-size: 0.92rem; white-space: nowrap; }
.lp-header__nav a:hover { color: var(--salmao); }
.header.sobre-verde .lp-header__nav a { color: var(--creme); }

/* ---------- Abas / seletor segmentado (componente reaproveitado) ---------- */
[role="tabpanel"][hidden] { display: none; }
.seg {
  display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px;
  background: #fff; border-radius: 999px; box-shadow: var(--sombra);
}
.seg [role="tab"] {
  font: 700 0.92rem var(--fonte-corpo); color: var(--verde);
  background: transparent; border: 0; cursor: pointer;
  padding: 0.7rem 1.25rem; border-radius: 999px;
  transition: background-color 0.2s, color 0.2s;
}
.seg [role="tab"]:hover { background: rgba(26, 64, 30, 0.06); }
.seg [role="tab"][aria-selected="true"] { background: var(--verde); color: var(--creme); }
.seg [role="tab"]:focus-visible, .chip:focus-visible, .switch:focus-visible { outline: 3px solid var(--salmao); outline-offset: 2px; }
.section--green .seg { background: rgba(253, 240, 204, 0.08); box-shadow: none; }
.section--green .seg [role="tab"] { color: var(--creme); }
.section--green .seg [role="tab"]:hover { background: rgba(253, 240, 204, 0.08); }
.section--green .seg [role="tab"][aria-selected="true"] { background: var(--dourado); color: var(--verde); }

/* Chips (filtros e seleções) */
.chips { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.chip {
  display: inline-flex; align-items: center; gap: 0.45rem;
  font: 600 0.9rem var(--fonte-corpo); color: var(--verde);
  background: #fff; cursor: pointer;
  padding: 0.55rem 1rem; border-radius: 999px;
  border: 1.5px solid rgba(26, 64, 30, 0.18);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.chip:hover { border-color: var(--verde); }
.chip[aria-selected="true"], .chip[aria-pressed="true"] { background: var(--verde); border-color: var(--verde); color: var(--creme); }
.chip__emoji { font-size: 1.05rem; line-height: 1; }

/* Linha com rolagem horizontal (cards de arrastar) */
.trilho {
  list-style: none; display: flex; gap: 1rem;
  overflow-x: auto; scroll-snap-type: x mandatory;
  padding: 0.5rem 0.25rem 1.4rem; margin-inline: -0.25rem;
  scrollbar-width: none;
}
.trilho::-webkit-scrollbar { display: none; }
.trilho > * { flex: none; scroll-snap-align: start; }
.trilho-dica { font-size: 0.8rem; font-weight: 700; color: var(--salmao); letter-spacing: 0.04em; white-space: nowrap; }

/* ============================================================
   HERO — EMPRESAS (verde, com conversa de WhatsApp)
   ============================================================ */
.h-emp { padding-block: clamp(2rem, 4vw, 3rem); color: var(--creme); min-height: calc(100svh - var(--altura-header)); }
.h-emp__inner { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.h-emp .lp-pill { background: var(--dourado); color: var(--verde); }
.h-emp .lp-h1 { color: var(--creme); }
.h-emp .lp-h1 .destaque { color: var(--dourado); }
.h-emp .lp-sub { color: rgba(253, 240, 204, 0.88); }
.lp-fatos {
  list-style: none; display: flex; flex-wrap: wrap; gap: 1rem 2.2rem;
  margin-top: 1.8rem; padding-top: 1.2rem; border-top: 1px solid rgba(253, 240, 204, 0.16);
}
.lp-fatos strong { display: block; font-size: 1.2rem; font-weight: 800; letter-spacing: -0.03em; color: var(--dourado); line-height: 1.1; }
.lp-fatos span { font-size: 0.82rem; color: rgba(253, 240, 204, 0.75); }
.h-emp__media { position: relative; padding-bottom: 2.5rem; }
.h-emp__foto { width: 100%; max-height: calc(100svh - var(--altura-header) - 6rem); aspect-ratio: 4 / 4.2; object-fit: cover; border-radius: var(--raio-g); }

.chat {
  position: absolute; left: -3rem; bottom: 0; width: min(330px, 88%);
  background: var(--creme-claro); color: var(--tinta);
  border-radius: 22px; padding: 0.9rem 0.9rem 1rem;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  display: flex; flex-direction: column; gap: 0.45rem;
}
.chat__topo { display: flex; align-items: center; gap: 0.6rem; padding: 0 0.2rem 0.6rem; border-bottom: 1px solid rgba(26, 64, 30, 0.1); margin-bottom: 0.25rem; }
.chat__avatar { width: 30px; height: 30px; border-radius: 50%; background: var(--verde); color: var(--dourado); display: grid; place-items: center; font-weight: 800; font-size: 0.85rem; }
.chat__nome { font-weight: 700; font-size: 0.85rem; color: var(--verde); line-height: 1.2; }
.chat__nome small { display: block; font-weight: 500; font-size: 0.7rem; color: rgba(34, 48, 31, 0.6); }
.balao { max-width: 86%; font-size: 0.86rem; line-height: 1.4; padding: 0.55rem 0.8rem; border-radius: 14px; }
.balao small { display: block; text-align: right; font-size: 0.65rem; opacity: 0.55; margin-top: 0.15rem; }
.balao--eles { align-self: flex-end; background: rgba(243, 193, 119, 0.45); border-bottom-right-radius: 4px; }
.balao--nos { align-self: flex-start; background: #fff; border-bottom-left-radius: 4px; box-shadow: 0 2px 6px rgba(26, 64, 30, 0.06); }

/* ============================================================
   HERO — AGÊNCIAS (creme, com roteiro do grupo)
   ============================================================ */
.h-ag { padding-block: clamp(2.5rem, 6vw, 4.5rem) 0; }
.h-ag__inner { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.roteiro { background: #fff; border-radius: var(--raio-g); box-shadow: 0 20px 50px rgba(26, 64, 30, 0.14); overflow: hidden; }
.roteiro__topo {
  background: var(--verde); color: var(--creme);
  padding: 1rem 1.5rem; display: flex; justify-content: space-between; gap: 1rem;
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
}
.roteiro__topo span:last-child { color: var(--dourado); }
.roteiro ol { list-style: none; padding: 0.4rem 1.5rem; }
.roteiro li {
  display: grid; grid-template-columns: 3.6rem 1fr; gap: 0.2rem 1rem;
  padding-block: 0.85rem; border-bottom: 1px dashed rgba(26, 64, 30, 0.18);
}
.roteiro li:last-child { border-bottom: 0; }
.roteiro time { font-weight: 800; color: rgba(34, 48, 31, 0.45); font-size: 0.95rem; letter-spacing: -0.01em; }
.roteiro li > span { font-weight: 600; color: rgba(34, 48, 31, 0.6); }
.roteiro li.nosso { background: var(--creme); margin-inline: -1.5rem; padding-inline: 1.5rem; border-bottom-color: transparent; }
.roteiro li.nosso time { color: var(--salmao); }
.roteiro li.nosso > span { color: var(--verde); font-weight: 800; }
.roteiro li.nosso small { grid-column: 2; font-size: 0.8rem; color: rgba(34, 48, 31, 0.75); }
.roteiro__rodape {
  position: relative; border-top: 2px dashed rgba(26, 64, 30, 0.18);
  padding: 0.9rem 1.5rem 1.1rem; font-size: 0.82rem; font-weight: 700; color: var(--verde);
  display: flex; justify-content: space-between; gap: 1rem;
}
.roteiro__rodape::before, .roteiro__rodape::after {
  content: ""; position: absolute; top: -11px; width: 20px; height: 20px; border-radius: 50%;
  background: var(--creme-claro);
}
.roteiro__rodape::before { left: -10px; } .roteiro__rodape::after { right: -10px; }
.faixa-foto { margin-top: clamp(2.5rem, 6vw, 4rem); display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.faixa-foto img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--raio-g); }

/* ============================================================
   HERO — WELCOME (dourado, "Olá!")
   ============================================================ */
.h-wel { background: var(--dourado); padding-block: clamp(2.5rem, 6vw, 4.5rem); }
.h-wel__inner { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.h-wel__ola { display: block; font-size: clamp(3rem, 8vw, 5.5rem); font-weight: 800; letter-spacing: -0.06em; line-height: 0.9; color: var(--verde); }
.h-wel h1 { font-size: clamp(1.4rem, 2.6vw, 1.9rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; color: var(--verde); margin-top: 0.6rem; max-width: 18ch; }
.h-wel .lp-sub { color: var(--verde-escuro); }
.atalhos { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1.8rem; }
.atalhos a { word-spacing: 0.25em;
  font-weight: 700; font-size: 0.9rem; text-decoration: none; color: var(--verde);
  background: rgba(255, 249, 232, 0.7); padding: 0.55rem 1rem; border-radius: 999px;
  transition: background-color 0.2s;
}
.atalhos a:hover { background: var(--creme-claro); }

/* Wi-Fi */
.wifi {
  background: var(--verde); color: var(--creme);
  border-radius: var(--raio-g); padding: 1.6rem;
  box-shadow: 0 24px 50px rgba(19, 48, 23, 0.25);
  display: flex; flex-direction: column; gap: 1.1rem;
}
.wifi__topo { display: flex; align-items: center; gap: 0.7rem; font-weight: 800; font-size: 1.05rem; }
.wifi__icone { width: 1.8rem; height: 1.8rem; fill: var(--dourado); flex: none; }
.wifi__dados { display: grid; gap: 0.1rem; }
.wifi__dados dd + dt { margin-top: 0.7rem; }
.wifi__dados dt { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dourado); }
.wifi__dados dd { font-weight: 800; font-size: 1.3rem; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.wifi__copiar {
  font: 700 0.95rem var(--fonte-corpo);
  background: var(--dourado); color: var(--verde); border: 0; cursor: pointer;
  padding: 0.85rem 1.2rem; border-radius: 999px;
}
.wifi__copiar:focus-visible { outline: 3px solid var(--creme); outline-offset: 3px; }

/* ============================================================
   Antes x depois (alternar)
   ============================================================ */
.compara { margin-top: 2rem; }
.compara__painel {
  margin-top: 1.2rem; border-radius: var(--raio-g); padding: clamp(1.6rem, 4vw, 2.6rem);
  display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 1.5rem 3rem; align-items: start;
}
.compara__painel--sem { background: #fff; box-shadow: var(--sombra); }
.compara__painel--com { background: var(--verde); color: var(--creme); }
.compara__resumo strong { display: block; font-size: clamp(1.8rem, 3.6vw, 2.5rem); font-weight: 800; letter-spacing: -0.05em; line-height: 0.95; }
.compara__painel--sem .compara__resumo strong { color: var(--salmao); }
.compara__painel--com .compara__resumo strong { color: var(--dourado); }
.compara__resumo span { display: block; margin-top: 0.5rem; font-weight: 600; max-width: 16rem; }
.compara ul { list-style: none; display: flex; flex-direction: column; }
.compara li { position: relative; padding: 0.8rem 0 0.8rem 2rem; border-bottom: 1px solid rgba(26, 64, 30, 0.1); }
.compara__painel--com li { border-bottom-color: rgba(253, 240, 204, 0.12); }
.compara li:last-child { border-bottom: 0; }
.compara li::before { position: absolute; left: 0; top: 0.8rem; font-weight: 800; }
.compara__painel--sem li::before { content: "×"; color: var(--salmao); }
.compara__painel--com li::before { content: "✓"; color: var(--dourado); }

/* ---------- Checklist do guia com interruptor ---------- */
.maratona {
  margin-top: 2rem; background: #fff; border-radius: var(--raio-g); box-shadow: var(--sombra);
  padding: clamp(1.6rem, 4vw, 2.6rem);
  display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 1.5rem 3rem; align-items: start;
  transition: background-color 0.3s, color 0.3s;
}
.maratona__conta strong { display: block; font-size: clamp(1.9rem, 4vw, 2.8rem); font-weight: 800; letter-spacing: -0.05em; line-height: 0.95; color: var(--salmao); }
.maratona__conta span { display: block; margin-top: 0.4rem; font-weight: 600; max-width: 16rem; }
.maratona__lado { display: flex; flex-direction: column; gap: 1.4rem; }
.maratona ul { list-style: none; }
.maratona li { position: relative; padding: 0.75rem 0 0.75rem 2rem; border-bottom: 1px solid rgba(26, 64, 30, 0.1); transition: color 0.3s; }
.maratona li:last-child { border-bottom: 0; }
.maratona li::before {
  content: ""; position: absolute; left: 0; top: 0.95rem; width: 1.1rem; height: 1.1rem; border-radius: 50%;
  border: 2px solid rgba(26, 64, 30, 0.3);
}
.maratona.resolvido { background: var(--verde); color: var(--creme); }
.maratona.resolvido .maratona__conta strong { color: var(--dourado); }
.maratona.resolvido li { color: rgba(253, 240, 204, 0.55); text-decoration: line-through; text-decoration-color: var(--dourado); border-bottom-color: rgba(253, 240, 204, 0.12); }
.maratona.resolvido li::before { content: "✓"; border: 0; background: var(--dourado); color: var(--verde); font-size: 0.7rem; font-weight: 800; display: grid; place-items: center; }

.switch {
  display: inline-flex; align-items: center; gap: 0.8rem; align-self: flex-start;
  font: 700 0.95rem var(--fonte-corpo); color: inherit;
  background: none; border: 0; cursor: pointer; padding: 0; text-align: left;
}
.switch__trilho { position: relative; width: 52px; height: 30px; border-radius: 999px; background: rgba(26, 64, 30, 0.2); transition: background-color 0.25s; flex: none; }
.switch__trilho::after { content: ""; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(0,0,0,0.2); transition: transform 0.25s; }
.switch[aria-checked="true"] .switch__trilho { background: var(--dourado); }
.switch[aria-checked="true"] .switch__trilho::after { transform: translateX(22px); }

/* ============================================================
   Passo a passo com título fixo e passo em destaque
   ============================================================ */
.fixo-split { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(2rem, 6vw, 5rem); align-items: start; }
.fixo-split__fixo { position: sticky; top: calc(var(--altura-header) + 2.5rem); }
.passos { list-style: none; counter-reset: passo; display: flex; flex-direction: column; gap: 1rem; }
.passos li {
  counter-increment: passo;
  display: grid; grid-template-columns: 3.4rem 1fr; gap: 0.3rem 1.2rem;
  background: #fff; border-radius: var(--raio-g); padding: 1.8rem;
  box-shadow: var(--sombra);
  transition: opacity 0.35s, background-color 0.35s, color 0.35s;
}
.passos li::before { content: "0" counter(passo); grid-row: span 2; font-weight: 800; font-size: 1.6rem; line-height: 1; letter-spacing: -0.05em; color: var(--salmao); }
.passos h3 { font-size: 1.15rem; font-weight: 800; letter-spacing: -0.01em; color: var(--verde); }
.passos p { font-size: 0.97rem; }
.js .passos li { opacity: 0.45; }
.js .passos li.ativo { opacity: 1; background: var(--verde); color: var(--creme); }
.js .passos li.ativo h3 { color: var(--creme); }
.js .passos li.ativo::before { color: var(--dourado); }

/* ============================================================
   Cards empilhados (benefícios)
   ============================================================ */
.pilha { list-style: none; display: flex; flex-direction: column; gap: 1.4rem; margin-top: 2.4rem; }
.pilha__card {
  position: sticky; top: calc(var(--altura-header) + 1.2rem + var(--i, 0) * 0.9rem);
  min-height: clamp(230px, 36vh, 320px);
  border-radius: var(--raio-g); padding: clamp(1.7rem, 4vw, 3rem);
  display: grid; grid-template-columns: auto 1fr auto; gap: 1rem clamp(1.2rem, 4vw, 3rem); align-items: start; align-content: start;
  box-shadow: 0 -12px 34px rgba(26, 64, 30, 0.10);
}
.pilha__num { font-size: clamp(1.8rem, 3.6vw, 2.8rem); font-weight: 800; letter-spacing: -0.06em; line-height: 0.85; opacity: 0.4; }
.pilha__card h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; }
.pilha__card p { margin-top: 0.8rem; font-size: 1.03rem; max-width: 34rem; }
.pilha__emoji { font-size: clamp(2rem, 4vw, 3rem); line-height: 1; }
.pilha__card:nth-child(6n+1) { background: var(--verde); color: var(--creme); }
.pilha__card:nth-child(6n+1) .pilha__num { color: var(--dourado); opacity: 1; }
.pilha__card:nth-child(6n+2) { background: var(--dourado); color: var(--verde-escuro); }
.pilha__card:nth-child(6n+3) { background: #fff; color: var(--tinta); }
.pilha__card:nth-child(6n+3) h3, .pilha__card:nth-child(6n+3) .pilha__num { color: var(--verde); }
.pilha__card:nth-child(6n+4) { background: var(--salmao); color: var(--verde-escuro); }
.pilha__card:nth-child(6n+5) { background: var(--verde-escuro); color: var(--creme); }
.pilha__card:nth-child(6n+5) .pilha__num { color: var(--salmao); opacity: 1; }
.pilha__card:nth-child(6n+6) { background: var(--creme); color: var(--verde-escuro); box-shadow: 0 -12px 34px rgba(26, 64, 30, 0.10), inset 0 0 0 1.5px rgba(26, 64, 30, 0.12); }

/* ============================================================
   Escolha o seu negócio (setores)
   ============================================================ */
.setores { margin-top: 2rem; }
.setor-painel {
  margin-top: 1.2rem; border-radius: var(--raio-g); background: #fff; box-shadow: var(--sombra);
  padding: clamp(1.7rem, 4vw, 2.8rem);
  display: grid; grid-template-columns: auto 1fr; gap: 1rem clamp(1.4rem, 4vw, 3rem); align-items: start;
}
.setor-painel__emoji { font-size: clamp(2.4rem, 5vw, 3.4rem); line-height: 1; }
.setor-painel h3 { font-size: clamp(1.15rem, 2vw, 1.4rem); font-weight: 800; letter-spacing: -0.03em; color: var(--verde); line-height: 1.1; }
.setor-painel ul { list-style: none; margin-top: 1rem; display: flex; flex-direction: column; gap: 0.6rem; }
.setor-painel li { position: relative; padding-left: 1.6rem; }
.setor-painel li::before { content: "✓"; position: absolute; left: 0; color: var(--salmao); font-weight: 800; }
.setor-painel .btn { margin-top: 1.4rem; }

/* ---------- Semana (cards de arrastar) ---------- */
.semana { margin-top: 1.8rem; }
.semana .trilho { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: visible; }
.dia {
  background: #fff; border-radius: 20px; padding: 1.3rem 1.2rem 1.4rem; box-shadow: var(--sombra);
  display: flex; flex-direction: column; gap: 0.35rem; min-height: 150px;
}
.dia__nome { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--salmao); display: flex; justify-content: space-between; gap: 0.5rem; }
.dia__prato { font-weight: 800; font-size: 1.05rem; color: var(--verde); line-height: 1.2; letter-spacing: -0.01em; }
.dia__acomp { font-size: 0.86rem; color: rgba(34, 48, 31, 0.7); }
.dia.hoje { background: var(--verde); }
.dia.hoje .dia__nome { color: var(--dourado); }
.dia.hoje .dia__prato { color: var(--creme); }
.dia.hoje .dia__acomp { color: rgba(253, 240, 204, 0.75); }
.dia__hoje { display: none; background: var(--dourado); color: var(--verde); padding: 0.1rem 0.5rem; border-radius: 999px; letter-spacing: 0.06em; }
.dia.hoje .dia__hoje { display: inline-block; }

/* ---------- Quem paga ---------- */
.paga { margin-top: 2rem; }
.paga__painel {
  margin-top: 1.2rem; border-radius: var(--raio-g); padding: clamp(1.7rem, 4vw, 2.8rem);
  background: var(--verde-escuro); border: 1px solid rgba(253, 240, 204, 0.12);
  display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 1.5rem 3rem; align-items: start;
}
.paga__destaque strong { display: block; font-size: clamp(1.8rem, 3.6vw, 2.5rem); font-weight: 800; letter-spacing: -0.05em; line-height: 0.95; color: var(--dourado); }
.paga__destaque span { display: block; margin-top: 0.5rem; font-weight: 600; max-width: 16rem; }
.paga ul { list-style: none; display: flex; flex-direction: column; }
.paga li { position: relative; padding: 0.8rem 0 0.8rem 2rem; border-bottom: 1px solid rgba(253, 240, 204, 0.12); }
.paga li:last-child { border-bottom: 0; }
.paga li::before { content: "✓"; position: absolute; left: 0; color: var(--dourado); font-weight: 800; }
.paga li strong { color: var(--dourado); }

/* ---------- Calculadora / montador de pedido ---------- */
.lp-calc { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 1.2rem; margin-top: 2.2rem; align-items: stretch; }
.lp-calc__campos {
  background: #fff; border-radius: var(--raio-g); padding: 1.9rem; box-shadow: var(--sombra);
  display: flex; flex-direction: column; gap: 1.6rem;
}
.lp-calc__campo label, .lp-calc__campo legend {
  display: flex; justify-content: space-between; align-items: baseline; gap: 1rem;
  font-weight: 700; color: var(--verde); font-size: 0.95rem; margin-bottom: 0.6rem; width: 100%;
}
.lp-calc__campo output { font-weight: 800; font-size: 1.5rem; letter-spacing: -0.03em; color: var(--salmao); }
fieldset.lp-calc__campo { border: 0; padding: 0; margin: 0; min-width: 0; }
.lp-calc input[type="range"] { width: 100%; accent-color: var(--verde); }
.opcoes { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.opcoes input { position: absolute; opacity: 0; pointer-events: none; }
.opcoes label {
  margin: 0; width: auto; display: inline-block; cursor: pointer;
  font-weight: 600; font-size: 0.9rem; color: var(--verde);
  padding: 0.55rem 1rem; border-radius: 999px; border: 1.5px solid rgba(26, 64, 30, 0.2);
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.opcoes input:checked + label { background: var(--verde); border-color: var(--verde); color: var(--creme); }
.opcoes input:focus-visible + label { outline: 3px solid var(--salmao); outline-offset: 2px; }
.lp-calc__resultado {
  background: var(--verde); color: var(--creme); border-radius: var(--raio-g); padding: 1.9rem;
  display: flex; flex-direction: column; gap: 1rem; justify-content: center;
}
.lp-calc__linha { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; font-size: 0.95rem; padding-bottom: 0.7rem; border-bottom: 1px solid rgba(253, 240, 204, 0.15); }
.lp-calc__linha strong { font-size: 1.05rem; }
.lp-calc__total > span { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dourado); }
.lp-calc__total strong { display: block; font-size: clamp(1.8rem, 3.4vw, 2.3rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1.05; }
.lp-calc__resultado .btn { align-self: flex-start; }

.contador { display: inline-flex; align-items: center; gap: 0.3rem; background: var(--creme); border-radius: 999px; padding: 4px; }
.contador button {
  width: 40px; height: 40px; border-radius: 50%; border: 0; cursor: pointer;
  background: #fff; color: var(--verde); font: 800 1.2rem var(--fonte-corpo);
  box-shadow: 0 2px 6px rgba(26, 64, 30, 0.1);
}
.contador button:focus-visible { outline: 3px solid var(--salmao); outline-offset: 2px; }
.contador output { min-width: 3.2rem; text-align: center; font-weight: 800; font-size: 1.3rem; color: var(--verde); letter-spacing: -0.02em; }
.campo-linha { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.campo-linha > span { font-weight: 700; color: var(--verde); font-size: 0.95rem; }
.campo-bloco > span { display: block; font-weight: 700; color: var(--verde); font-size: 0.95rem; margin-bottom: 0.6rem; }
.lp-calc input[type="date"] {
  font: 600 0.95rem var(--fonte-corpo); color: var(--verde);
  border: 1.5px solid rgba(26, 64, 30, 0.2); border-radius: 12px; padding: 0.6rem 0.8rem; background: #fff;
}
.lp-calc__resumo { font-size: 1rem; line-height: 1.55; }
.lp-calc__resumo strong { color: var(--dourado); }

/* ---------- Formatos (agências) ---------- */
.formatos { margin-top: 2rem; }
.formato {
  margin-top: 1.2rem; border-radius: var(--raio-g); padding: clamp(1.7rem, 4vw, 2.8rem);
  display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 3rem; align-items: center;
  background: #fff; box-shadow: var(--sombra);
}
.formato h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; color: var(--verde); }
.formato p { margin-top: 0.8rem; }
.formato ul { list-style: none; display: flex; flex-direction: column; }
.formato li { position: relative; padding: 0.8rem 0 0.8rem 2rem; border-bottom: 1px solid rgba(26, 64, 30, 0.1); }
.formato li:last-child { border-bottom: 0; }
.formato li::before { content: "✓"; position: absolute; left: 0; color: var(--salmao); font-weight: 800; }

/* ---------- Duas fotos / texto ---------- */
.lp-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 4.5rem); align-items: center; }
.lp-split__media { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.lp-split__media img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--raio); }
.lp-split__media img:nth-child(2) { margin-top: 2.5rem; }
.lista-check { list-style: none; display: flex; flex-direction: column; margin-top: 1.4rem; }
.lista-check li { position: relative; padding: 0.7rem 0 0.7rem 1.8rem; border-bottom: 1px solid rgba(26, 64, 30, 0.1); }
.lista-check li:last-child { border-bottom: 0; }
.lista-check li::before { content: "✓"; position: absolute; left: 0; color: var(--salmao); font-weight: 800; }
.precos { display: flex; flex-wrap: wrap; gap: 0.8rem; margin-top: 1.6rem; }
.preco { background: #fff; border-radius: 20px; padding: 1.1rem 1.4rem; box-shadow: var(--sombra); min-width: 10rem; }
.preco span { font-size: 0.82rem; font-weight: 600; color: rgba(34, 48, 31, 0.7); }
.preco strong { display: block; font-size: 1.4rem; font-weight: 800; letter-spacing: -0.04em; color: var(--verde); }

/* ---------- Avaliações em linha de arrastar ---------- */
.depos .depo { width: min(370px, 82vw); animation: none; }
.depos .depo__texto p { -webkit-line-clamp: unset; line-clamp: unset; display: block; }
.depos__setas { display: flex; gap: 0.5rem; }

/* ---------- Perguntas frequentes ---------- */
.lp-faq { margin-top: 0.4rem; }
.lp-faq details { border-bottom: 1px solid rgba(26, 64, 30, 0.15); }
.lp-faq summary {
  list-style: none; cursor: pointer;
  display: flex; justify-content: space-between; gap: 1rem; align-items: center;
  padding-block: 1.15rem; font-weight: 700; color: var(--verde); font-size: 1.02rem;
}
.lp-faq summary::-webkit-details-marker { display: none; }
.lp-faq summary::after { content: "+"; flex: none; font-size: 1.5rem; line-height: 1; color: var(--salmao); transition: transform 0.25s; }
.lp-faq details[open] summary::after { transform: rotate(45deg); }
.lp-faq summary:focus-visible { outline: 3px solid var(--salmao); outline-offset: 2px; border-radius: 6px; }
.lp-faq details p { padding-bottom: 1.2rem; font-size: 0.96rem; max-width: 42rem; }
.faq-split { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(2rem, 6vw, 5rem); align-items: start; }

/* ---------- CTA final (sem folha) ---------- */
.cta-final__title { font-family: var(--fonte-corpo); font-weight: 800; letter-spacing: -0.035em; font-size: clamp(1.6rem, 3vw, 2.2rem); line-height: 1.1; }
.cta-final__title em { font-weight: 800; }

/* ============================================================
   WELCOME — frases, cardápio, galeria, guia
   ============================================================ */
.frases { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; margin-top: 2rem; }
.frase {
  width: 100%; height: 100%; text-align: left; cursor: pointer; font-family: var(--fonte-corpo);
  background: #fff; border: 0; border-radius: 18px; padding: 1.1rem 1.2rem;
  box-shadow: var(--sombra); display: flex; flex-direction: column; gap: 0.2rem;
  transition: background-color 0.2s;
}
.frase:hover { background: var(--creme); }
.frase:focus-visible { outline: 3px solid var(--salmao); outline-offset: 2px; }
.frase__en { font-size: 0.82rem; color: rgba(34, 48, 31, 0.65); }
.frase__pt { font-weight: 800; font-size: 1.05rem; color: var(--verde); letter-spacing: -0.01em; }
.frase__toque { margin-top: 0.35rem; font-size: 0.74rem; font-weight: 700; color: var(--salmao); }
.frase-modal {
  margin: auto; width: min(640px, calc(100vw - 2 * var(--margem)));
  border: 0; border-radius: var(--raio-g); padding: 3.2rem 2rem 2.4rem;
  background: var(--creme-claro); color: var(--verde); text-align: center;
  box-shadow: 0 30px 80px rgba(19, 48, 23, 0.35);
}
.frase-modal::backdrop { background: rgba(19, 48, 23, 0.6); }
.frase-modal__pt { font-weight: 800; font-size: clamp(1.7rem, 5vw, 2.4rem); line-height: 1.1; letter-spacing: -0.03em; }
.frase-modal__en { margin-top: 1rem; font-size: 0.95rem; color: rgba(34, 48, 31, 0.7); }
.frase-modal__fechar {
  position: absolute; top: 0.7rem; right: 0.7rem; width: 42px; height: 42px; border-radius: 50%;
  border: 0; cursor: pointer; background: transparent; color: var(--verde); font-size: 1.7rem; line-height: 1;
}
.frase-modal__fechar:hover { background: rgba(26, 64, 30, 0.08); }
html:has(.frase-modal[open]) { overflow: hidden; }

.servir { margin-top: 2rem; }
.servir__painel {
  margin-top: 1.2rem; border-radius: var(--raio-g); overflow: hidden;
  background: var(--verde-escuro); border: 1px solid rgba(253, 240, 204, 0.12);
  display: grid; grid-template-columns: 0.9fr 1.1fr; align-items: stretch;
}
.servir__painel img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; }
.servir__texto { padding: clamp(1.7rem, 4vw, 2.8rem); display: flex; flex-direction: column; gap: 0.8rem; justify-content: center; }
.servir__quando { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dourado); }
.servir__texto h3 { font-size: clamp(1.3rem, 2.2vw, 1.6rem); font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; }
.servir__preco { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.03em; color: var(--dourado); }
.servir__preco small { display: block; font-size: 0.85rem; font-weight: 600; letter-spacing: 0; color: rgba(253, 240, 204, 0.75); }

.galeria-linha .trilho li { width: min(300px, 74vw); }
.galeria-linha figure { margin: 0; }
.galeria-linha img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--raio); }
.galeria-linha figcaption { margin-top: 0.7rem; }
.galeria-linha figcaption strong { display: block; color: var(--verde); font-weight: 800; }
.galeria-linha figcaption span { display: block; font-size: 0.88rem; color: rgba(34, 48, 31, 0.75); line-height: 1.45; }

.guia__ferramentas { margin-top: 1.8rem; display: flex; flex-direction: column; gap: 0.9rem; }
.guia__busca {
  width: 100%; max-width: 30rem;
  font: 600 1rem var(--fonte-corpo); color: var(--verde);
  background: #fff; border: 1.5px solid rgba(26, 64, 30, 0.18); border-radius: 999px;
  padding: 0.85rem 1.2rem 0.85rem 2.8rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A401E' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-size: 18px; background-position: 1rem center;
}
.guia__busca:focus { outline: 3px solid var(--salmao); outline-offset: 2px; border-color: transparent; }
.guia__lista { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.9rem; margin-top: 1.4rem; }
.guia__item { background: #fff; border-radius: 20px; padding: 1.3rem 1.3rem 1.4rem; box-shadow: var(--sombra); }
.guia__item[hidden] { display: none; }
.guia__tag { font-size: 0.68rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--salmao); }
.guia__item strong { display: block; margin-top: 0.3rem; font-size: 1.15rem; font-weight: 800; color: var(--verde); letter-spacing: -0.02em; }
.guia__som { display: inline-block; margin-top: 0.15rem; font-size: 0.8rem; font-weight: 600; color: rgba(34, 48, 31, 0.55); }
.guia__item p { margin-top: 0.55rem; font-size: 0.92rem; }
.guia__vazio { margin-top: 1.4rem; font-weight: 700; color: var(--verde); }
.guia__vazio[hidden] { display: none; }

.dicas { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.9rem; margin-top: 2rem; }
.dica { background: #fff; border-radius: 20px; padding: 1.5rem; box-shadow: var(--sombra); display: grid; grid-template-columns: auto 1fr; gap: 0.2rem 1rem; }
.dica__emoji { grid-row: span 2; font-size: 1.8rem; line-height: 1.2; }
.dica h3 { font-size: 1.05rem; font-weight: 800; color: var(--verde); }
.dica p { font-size: 0.93rem; }

/* ============================================================
   Responsivo
   ============================================================ */
@media (max-width: 900px) {
  .lp-header__nav { display: none; }
  .h-emp__inner, .h-ag__inner, .h-wel__inner, .lp-split, .lp-calc, .fixo-split, .faq-split,
  .compara__painel, .maratona, .paga__painel, .formato, .servir__painel { grid-template-columns: 1fr; }
  .fixo-split__fixo { position: static; }
  .h-emp__media { max-width: 520px; }
  .chat { left: auto; right: -0.5rem; }
  .semana .trilho { display: flex; overflow-x: auto; }
  .semana .dia { width: 200px; }
  .frases, .guia__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .servir__painel img { min-height: 0; aspect-ratio: 16 / 10; height: auto; }
}

@media (max-width: 640px) {
  .lp-h1 { font-size: 1.85rem; }
  .lp-pill { font-size: 0.66rem; letter-spacing: 0.08em; }
  .roteiro__topo { white-space: nowrap; letter-spacing: 0.08em; }
  .lp-sub, .lp-lead { font-size: 0.98rem; }
  .lp-header__cta { padding: 0.5rem 0.9rem; font-size: 0.85rem; }
  .lp-header__cta .ico { display: none; }
  .h-emp__media { padding-bottom: 0; }
  .chat { position: relative; right: auto; left: auto; bottom: auto; width: calc(100% - 1.5rem); margin: -4rem auto 0; }
  .pilha__card { grid-template-columns: 1fr; padding-right: 4.5rem; }
  .pilha__emoji { position: absolute; top: 1.5rem; right: 1.4rem; font-size: 2.2rem; }
  .pilha__num { font-size: 1.6rem; }
  .setor-painel { grid-template-columns: 1fr; }
  .setor-painel__emoji { font-size: 2.6rem; }
  .setores .chips, .guia .chips {
    flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
    margin-inline: calc(-1 * var(--margem)); padding-inline: var(--margem);
  }
  .setores .chips::-webkit-scrollbar, .guia .chips::-webkit-scrollbar { display: none; }
  .chip { flex: none; }
  .seg { display: flex; border-radius: 22px; }
  .seg [role="tab"] { flex: 1 1 auto; }
  .trilho { margin-inline: calc(-1 * var(--margem)); padding-inline: var(--margem); scroll-padding-inline: var(--margem); }
  .frases, .guia__lista, .dicas { grid-template-columns: 1fr; }
  .faixa-foto { grid-template-columns: 1fr; }
  .lp-split__media img:nth-child(2) { margin-top: 1.5rem; }
  .depos__setas { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .pilha__card { position: relative; top: auto; }
}

/* ---------- Ajustes (12/nov) ---------- */
.lp-cabeca + .trilho, .depos .trilho { margin-top: 1.6rem; }
.depos__link { display: inline-block; margin-top: 0.4rem; color: var(--verde); font-weight: 700; font-size: 0.92rem; }
.paga__destaque small { display: block; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(253, 240, 204, 0.7); margin-bottom: 0.3rem; }
.compara__resumo strong { white-space: normal; }

/* Interruptor com rótulos "Sem" / "Com" */
.alterna { display: inline-flex; align-items: center; gap: 0.9rem; flex-wrap: wrap; }
.alterna__dica { font-size: 0.8rem; font-weight: 700; color: var(--salmao); }
.maratona.resolvido .alterna__dica { color: var(--dourado); }
.alterna-seg {
  display: inline-flex; position: relative; padding: 5px; border-radius: 999px; cursor: pointer;
  background: var(--creme); border: 0; font: 700 0.92rem var(--fonte-corpo);
  box-shadow: inset 0 0 0 1.5px rgba(26, 64, 30, 0.15);
}
.alterna-seg span { position: relative; z-index: 1; padding: 0.65rem 1.2rem; border-radius: 999px; color: var(--verde); transition: color 0.25s; }
.alterna-seg::before {
  content: ""; position: absolute; top: 5px; bottom: 5px; left: 5px; width: calc(50% - 5px);
  border-radius: 999px; background: var(--salmao); transition: transform 0.3s, background-color 0.3s;
}
.alterna-seg span:first-child { color: #fff; }
.alterna-seg[aria-checked="true"]::before { transform: translateX(100%); background: var(--dourado); }
.alterna-seg[aria-checked="true"] span:first-child { color: var(--verde); }
.alterna-seg[aria-checked="true"] span:last-child { color: var(--verde); }
.alterna-seg:focus-visible { outline: 3px solid var(--salmao); outline-offset: 3px; }
.alterna-seg span { min-width: 9.5rem; text-align: center; }

/* Slider de fotos (agências) */
.slider { position: relative; margin-top: clamp(2.5rem, 6vw, 4rem); }
.slider .trilho { margin: 0; padding: 0; gap: 1rem; }
.slider .trilho li { width: calc((100% - 1rem) / 2); }
.slider img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--raio-g); }
.slider__setas { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 1rem; }
@media (max-width: 640px) {
  .slider .trilho { margin-inline: calc(-1 * var(--margem)); padding-inline: var(--margem); }
  .slider .trilho li { width: 84vw; }
  .alterna-seg span { min-width: 0; padding-inline: 0.9rem; }
  .h-emp { min-height: 0; }
  .h-emp__foto { max-height: none; }
}

/* ---------- Ajustes (12/nov · rodada 2) ---------- */
.dif { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.dif__foto { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--raio); box-shadow: var(--sombra); }
.semana { list-style: none; margin-top: 1.6rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 0.75rem; }
.dia { background: #fff; border-radius: 16px; padding: 0.7rem; box-shadow: var(--sombra); display: flex; align-items: center; gap: 0.8rem; min-height: 0; flex-direction: row; }
.dia__cal { flex: none; width: 52px; border-radius: 10px; overflow: hidden; background: var(--creme); text-align: center; box-shadow: inset 0 0 0 1px rgba(26,64,30,0.08); }
.dia__mes { display: block; background: var(--salmao); color: #fff; font-size: 0.62rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; padding: 0.15rem 0; }
.dia__emoji { display: block; font-size: 1.45rem; line-height: 1; padding: 0.4rem 0 0.45rem; }
.dia__txt { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.dia__nome { font-size: 0.66rem; justify-content: flex-start; align-items: center; }
.dia__prato { font-size: 0.95rem; }
.dia__hoje { font-size: 0.6rem; padding: 0.05rem 0.4rem; }
.dia.hoje .dia__cal { background: var(--creme); }
.dia.hoje .dia__mes { background: var(--dourado); color: var(--verde); }
.setor-painel ul.setor-painel__exemplos { flex-direction: row; flex-wrap: wrap; gap: 0.5rem; }
.setor-painel__exemplos li { padding: 0.35rem 0.85rem; background: var(--creme); border-radius: 999px; font-weight: 600; font-size: 0.92rem; color: var(--verde); }
.setor-painel__exemplos li::before { display: none; }
.setor-painel__rodape { margin-top: 1rem; }
@media (max-width: 900px) {
  .dif { grid-template-columns: 1fr; }
  .dif__foto { max-height: 340px; aspect-ratio: auto; }
  .semana .dia { width: auto; }
}

/* Agências: hero com foto + roteiro, galeria vertical, CTA com foto */
.h-ag { padding-block: clamp(2rem, 4vw, 3rem); min-height: calc(100svh - var(--altura-header)); display: flex; align-items: center; }
.h-ag > .container { width: min(1120px, 100% - 2 * var(--margem)); }
.h-ag__inner { grid-template-columns: 1fr 1fr; }
.h-ag__media { position: relative; padding: 0 0 2.5rem 2.5rem; }
.h-ag__foto { width: 100%; height: min(560px, calc(100svh - var(--altura-header) - 7rem)); object-fit: cover; border-radius: var(--raio-g); }
.h-ag__media .roteiro { position: absolute; left: 0; bottom: 0; width: min(380px, 82%); font-size: 0.92rem; }
.h-ag__media .roteiro ol { padding: 0.2rem 1.2rem; }
.h-ag__media .roteiro li { padding-block: 0.65rem; }
.h-ag__media .roteiro li.nosso { margin-inline: -1.2rem; padding-inline: 1.2rem; }
.galeria-ag { padding-top: 0; }
.galeria-ag .slider { margin-top: 0; }
.slider .trilho li { width: calc((100% - 3rem) / 4); }
.slider img { aspect-ratio: 3 / 4; }
.slider .trilho:has(li:nth-child(4):last-child) + .slider__setas { display: none; }
.alterna { flex-wrap: nowrap; }
.cta-foto { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: clamp(2rem, 5vw, 4rem); align-items: center; text-align: left; }
.cta-foto__img { width: 100%; max-height: 520px; aspect-ratio: 3 / 4; object-fit: cover; border-radius: var(--raio-g); }
.cta-foto .cta-final p { margin-inline: 0; }
.cta-foto p { margin-inline: 0; }
.cta-foto .cta-final__btns { justify-content: flex-start; }
/* Simulador mais compacto */
#montar.section { padding-block: clamp(2.5rem, 5vw, 3.5rem); }
#montar .lp-lead { max-width: 58rem; }
#montar .lp-calc { margin-top: 1.4rem; }
#montar .lp-calc__campos { padding: 1.2rem 1.4rem; gap: 0.9rem; }
#montar .lp-calc__resultado { padding: 1.4rem 1.6rem; gap: 0.8rem; }
#montar .chip { padding: 0.4rem 0.85rem; font-size: 0.88rem; }
#montar .contador button { width: 36px; height: 36px; }
#montar .contador output { font-size: 1.1rem; }
@media (max-width: 900px) {
  .h-ag { min-height: 0; }
  .h-ag__media { padding: 0 0 0 0; margin-top: 1rem; }
  .h-ag__foto { height: 260px; }
  .h-ag__media .roteiro { position: relative; width: auto; margin: -3rem 0.8rem 0; }
  .slider .trilho li { width: 64vw; }
  .slider .trilho:has(li:nth-child(4):last-child) + .slider__setas { display: flex; }
  .cta-foto { grid-template-columns: 1fr; text-align: center; }
  .cta-foto__img { max-height: 300px; aspect-ratio: auto; }
  .cta-foto p { margin-inline: auto; }
  .cta-foto .cta-final__btns { justify-content: center; }
  .alterna { flex-wrap: wrap; }
}