/* ==========================================================================
   Êxito — One Page "Simples Nacional"
   Complemento ao design system (css/style.css). Carregar SEMPRE depois dele.
   Usa os mesmos tokens: cores, chanfros, escala tipográfica e ritmo vertical.
   ========================================================================== */

/* ---------- Botão escuro (variante para superfícies creme) ---------- */
.btn--escuro{background:var(--navy);color:var(--creme)}
.btn--escuro:hover{background:var(--navy-fundo);transform:translateY(-2px)}
.btn--escuro:active{transform:translateY(0)}
.btn--escuro:focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 2px var(--creme),inset 0 0 0 4px var(--navy);
}
@media (prefers-reduced-motion:reduce){.btn--escuro:hover{transform:none}}

/* ---------- Frases e claims recorrentes ---------- */
.sn-frase{
  max-width:52ch;
  font-size:var(--t-claim);font-weight:600;line-height:1.35;
  letter-spacing:-.033em;color:var(--navy);text-wrap:balance;
}
.sn-claim{
  font-size:var(--t-claim);font-weight:600;
  letter-spacing:-.033em;color:var(--creme);
}

/* ==========================================================================
   SLOT DE IMAGEM — placeholder de briefing.
   Marca o espaço reservado para foto. Ao receber o arquivo definitivo,
   troque a <figure class="slot"> pela <img> comentada no HTML.
   ========================================================================== */
.slot{
  position:relative;margin:0;
  aspect-ratio:var(--slot-ratio,4/5);
  display:flex;align-items:center;justify-content:center;
  padding:2rem;
  background:
    repeating-linear-gradient(135deg,
      rgba(30,48,78,.05) 0 12px,transparent 12px 24px),
    rgba(30,48,78,.045);
  outline:1.5px dashed rgba(30,48,78,.32);
  outline-offset:-1.5px;
  clip-path:polygon(
    var(--chanfro-bloco) 0, 100% 0,
    100% calc(100% - var(--chanfro-bloco)), calc(100% - var(--chanfro-bloco)) 100%,
    0 100%, 0 var(--chanfro-bloco));
}
.slot__corpo{max-width:38ch;text-align:center;display:flex;flex-direction:column;gap:.625rem}
.slot__num{
  font-size:.6875rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--azul);
}
.slot__titulo{
  font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--navy);
}
.slot__brief{
  font-size:.875rem;line-height:1.55;color:var(--corpo-claro);margin:0;
}
.slot__specs{
  margin-top:.25rem;
  font-size:.6875rem;letter-spacing:.06em;color:rgba(30,48,78,.55);
}
/* variante sobre fundo escuro */
.slot--escuro{
  background:
    repeating-linear-gradient(135deg,
      rgba(245,242,236,.06) 0 12px,transparent 12px 24px),
    rgba(245,242,236,.05);
  outline-color:rgba(245,242,236,.32);
}
.slot--escuro .slot__num{color:var(--ouro)}
.slot--escuro .slot__titulo{color:var(--creme)}
.slot--escuro .slot__brief{color:rgba(245,242,236,.82)}
.slot--escuro .slot__specs{color:rgba(245,242,236,.5)}

/* ==========================================================================
   01. HERO
   ========================================================================== */
.sn-hero{
  position:relative;
  min-height:760px;
  display:flex;align-items:center;
  padding:214px 0 96px;
  background:#0E1A28;
  isolation:isolate;
  overflow:hidden; /* contém o parallax sutil da imagem de fundo */
}
.sn-hero__media{
  position:absolute;inset:-8px;z-index:-2;
  background-image:-webkit-image-set(url("../img/hero.jpg") 1x,url("../img/hero@2x.jpg") 2x);
  background-image:image-set(url("../img/hero.jpg") 1x,url("../img/hero@2x.jpg") 2x);
  background-size:cover;background-position:center;
  filter:blur(2px);
}
.sn-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(112deg,rgba(9,16,26,.86) 0%,rgba(9,16,26,.56) 42%,rgba(9,16,26,.14) 74%,rgba(9,16,26,0) 100%),
    linear-gradient(0deg,rgba(9,16,26,.55) 0%,rgba(9,16,26,0) 55%),
    rgba(13,30,58,.2);
}
.sn-hero__conteudo{max-width:var(--container)}
.sn-hero__titulo{
  margin-top:1.25rem;max-width:20ch;
  font-size:var(--t-hero);font-weight:400;line-height:1.12;
  letter-spacing:-.031em;color:var(--creme);
}
.sn-hero__titulo strong{font-weight:700;color:#fff}
.sn-hero__destaque{
  margin-top:1.5rem;max-width:38rem;
  font-size:var(--t-claim);font-weight:600;line-height:1.3;
  letter-spacing:-.031em;color:var(--ouro);
}
.sn-hero__texto{
  margin-top:1.25rem;max-width:41rem;
  font-weight:300;line-height:1.556;color:var(--creme);
}
.sn-hero .btn{margin-top:2rem}
.sn-hero__claim{
  margin-top:2rem;
  font-size:var(--t-claim);font-weight:400;
  letter-spacing:-.031em;color:var(--creme);
}
.sn-hero__selo{
  margin-top:.375rem;
  font-size:.75rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--slate-1);
}

/* ==========================================================================
   02. O PROBLEMA
   ========================================================================== */
.sn-problema{padding:112px 0}
.sn-problema__topo{
  display:grid;grid-template-columns:minmax(0,1fr) 480px;
  gap:64px;align-items:start;
}
.sn-problema__texto .titulo-secao{margin-top:1.25rem;max-width:18ch}
.sn-problema__texto .corpo{margin-top:1.5rem}
.sn-problema__img{
  width:100%;height:auto;object-fit:cover;
  clip-path:polygon(
    var(--chanfro-bloco) 0, 100% 0,
    100% calc(100% - var(--chanfro-bloco)), calc(100% - var(--chanfro-bloco)) 100%,
    0 100%, 0 var(--chanfro-bloco));
}

.sn-perguntas{
  margin-top:64px;
  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;
}
.sn-pergunta{
  display:flex;flex-direction:column;gap:1.25rem;
  padding:24px 22px 28px;
  background:#fff;
  border-top:2px solid var(--azul);
  clip-path:polygon(
    0 0, 100% 0,
    100% calc(100% - var(--chanfro-card)),
    calc(100% - var(--chanfro-card)) 100%,
    0 100%);
}
.sn-pergunta__num{
  font-size:.75rem;font-weight:700;letter-spacing:.18em;color:var(--azul);
}
.sn-pergunta p{
  margin:0;font-size:1rem;line-height:1.4;font-weight:500;
  letter-spacing:-.01em;color:var(--navy);
}

.sn-problema__fecho{
  margin-top:56px;
  display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;
}

/* ==========================================================================
   03. NÃO SOMOS APENAS CONSULTORIA
   ========================================================================== */
.sn-atuacao{padding:113px 0}
.sn-atuacao__titulo{margin-top:1.25rem}
.sn-atuacao__intro{margin-top:1.5rem;max-width:60ch}
.sn-atuacao__slot{margin-top:3rem}
.sn-atuacao__faixa{
  margin-top:3rem;width:100%;height:auto;object-fit:cover;
  clip-path:polygon(
    var(--chanfro-bloco) 0, 100% 0,
    100% calc(100% - var(--chanfro-bloco)), calc(100% - var(--chanfro-bloco)) 100%,
    0 100%, 0 var(--chanfro-bloco));
}
.sn-etapas{
  margin-top:3rem;
  display:grid;grid-template-columns:repeat(5,1fr);gap:25px;
}
.sn-atuacao__fecho{
  margin-top:3.5rem;
  display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap;
}

/* ==========================================================================
   04. RESULTADO
   ========================================================================== */
.sn-resultado{padding:112px 0}
.sn-resultado__grid{
  display:grid;grid-template-columns:minmax(0,1fr) 520px;
  gap:64px;align-items:stretch;
}
.sn-resultado__painel{
  display:flex;flex-direction:column;justify-content:center;
  padding:64px 56px;
  background:linear-gradient(145deg,var(--navy) 6%,var(--obsidiana) 90%);
  clip-path:polygon(
    var(--chanfro-bloco) 0, 100% 0,
    100% calc(100% - var(--chanfro-bloco)), calc(100% - var(--chanfro-bloco)) 100%,
    0 100%, 0 var(--chanfro-bloco));
}
.sn-resultado__label{
  margin-top:2rem;
  font-size:var(--t-claim);font-weight:300;color:var(--slate-1);
  letter-spacing:-.02em;
}
.sn-resultado__numero{
  margin-top:.25rem;
  font-size:clamp(3rem,6.2vw,5.25rem);font-weight:700;line-height:1;
  letter-spacing:-.04em;color:#fff;
}
.sn-resultado__legenda{
  margin-top:.75rem;
  font-size:var(--t-claim);font-weight:400;color:var(--ouro);
  letter-spacing:-.02em;
}
.sn-resultado__divisor{
  width:100%;max-width:360px;height:1px;
  margin:2.5rem 0 2rem;background:rgba(255,255,255,.22);
}
.sn-resultado__img{
  width:100%;height:100%;object-fit:cover;
  clip-path:polygon(
    var(--chanfro-bloco) 0, 100% 0,
    100% calc(100% - var(--chanfro-bloco)), calc(100% - var(--chanfro-bloco)) 100%,
    0 100%, 0 var(--chanfro-bloco));
}

/* ==========================================================================
   05. NOSSA ESPECIALIDADE
   ========================================================================== */
.sn-especialidade{padding:0 0 133px}
/* imagem própria da página Simples Nacional (não usa a img/especialistas.jpg da index) */
.sn-especialidade .bloco-especialistas__media{
  background-image:-webkit-image-set(url("../img/sn-especialidade.jpg") 1x,url("../img/sn-especialidade@2x.jpg") 2x);
  background-image:image-set(url("../img/sn-especialidade.jpg") 1x,url("../img/sn-especialidade@2x.jpg") 2x);
}
.sn-especialidade .bloco-especialistas__conteudo .sobrelinha{margin-bottom:1.25rem}
.sn-especialidade__titulo{
  font-size:var(--t-cta);letter-spacing:-.03em;
}
.sn-especialidade__linha{
  margin-top:1rem;max-width:42ch;
  font-size:var(--t-claim);font-weight:400;line-height:1.35;
  letter-spacing:-.031em;color:#AABCDA;
}

/* ==========================================================================
   06. PARA QUEM É
   ========================================================================== */
.sn-publico{padding:0 0 112px}
.sn-publico__grid{
  display:grid;grid-template-columns:minmax(0,1fr) 480px;
  gap:64px;align-items:start;
}
.sn-publico__texto .titulo-secao{margin-top:1.25rem;max-width:22ch}
.sn-lista{margin-top:2rem;display:flex;flex-direction:column;gap:.875rem}
.sn-lista li{
  position:relative;padding-left:2.25rem;
  font-size:var(--t-corpo);line-height:1.5;color:var(--navy);
}
.sn-lista li::before{
  content:"";position:absolute;left:0;top:.15em;
  width:20px;height:20px;
  background:var(--azul);
  clip-path:polygon(
    4px 0, 100% 0, 100% calc(100% - 4px), calc(100% - 4px) 100%, 0 100%, 0 4px);
}
.sn-lista li::after{
  content:"";position:absolute;left:6.5px;top:.42em;
  width:9px;height:5px;
  border-left:2px solid var(--creme);border-bottom:2px solid var(--creme);
  transform:rotate(-45deg);
}
.sn-publico__frase{margin-top:2.5rem}
.sn-publico__texto .btn{margin-top:2rem}
.sn-publico__img{
  width:100%;aspect-ratio:4/5;object-fit:cover;
  clip-path:polygon(
    var(--chanfro-bloco) 0, 100% 0,
    100% calc(100% - var(--chanfro-bloco)), calc(100% - var(--chanfro-bloco)) 100%,
    0 100%, 0 var(--chanfro-bloco));
}

/* ==========================================================================
   07. PRIMEIRO PASSO — DIAGNÓSTICO
   ========================================================================== */
.sn-diagnostico{
  padding:112px 0;
  background:var(--navy-fundo);
}
.sn-diagnostico__grid{
  display:grid;grid-template-columns:minmax(0,1fr) 460px;
  gap:64px;align-items:center;
}
.sn-diagnostico__titulo{
  margin-top:1.25rem;font-size:var(--t-cta);letter-spacing:-.03em;
}
.sn-diagnostico__linha{
  margin-top:1rem;
  font-size:var(--t-claim);font-weight:600;
  letter-spacing:-.031em;color:var(--ouro);
}
.sn-diagnostico__texto .corpo{margin-top:1.5rem}
.sn-diagnostico__texto .btn{margin-top:2.5rem}
.sn-diagnostico__img{
  width:100%;height:auto;object-fit:cover;
  clip-path:polygon(
    var(--chanfro-bloco) 0, 100% 0,
    100% calc(100% - var(--chanfro-bloco)), calc(100% - var(--chanfro-bloco)) 100%,
    0 100%, 0 var(--chanfro-bloco));
}

.sn-fluxo{
  margin-top:2.5rem;
  display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.375rem;
}
.sn-fluxo__item{
  position:relative;
  padding:.5rem .875rem;
  font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--creme);
  background:rgba(245,242,236,.08);
  border:1px solid var(--linha-clara);
  clip-path:polygon(
    var(--chanfro-btn) 0, 100% 0,
    100% calc(100% - var(--chanfro-btn)),
    calc(100% - var(--chanfro-btn)) 100%,
    0 100%, 0 var(--chanfro-btn));
}
.sn-fluxo__item:not(:last-child)::after{
  content:"";position:absolute;right:-1rem;top:50%;
  width:8px;height:8px;
  border-top:1.5px solid var(--ouro);border-right:1.5px solid var(--ouro);
  transform:translateY(-50%) rotate(45deg);
}
.sn-fluxo__item--fim{background:var(--ouro);color:var(--navy);border-color:var(--ouro)}

/* ==========================================================================
   08. O ESPECIALISTA
   ========================================================================== */
.sn-autoridade-secao{padding:170px 0 135px}
.sn-citacao{
  margin:2rem 0 0;
  display:flex;flex-direction:column;gap:1rem;
}
.sn-citacao p{
  font-size:var(--t-corpo);line-height:1.65;font-weight:300;color:var(--corpo-escuro);
}
.sn-citacao__fecho{font-weight:600!important;color:#fff!important}
.sn-autoridade-secao .bloco-autoridade__conteudo .btn{margin-top:2rem}

/* ==========================================================================
   09. CONVERSÃO
   ========================================================================== */
.sn-conversao{
  padding:120px 0;
  background:linear-gradient(145deg,var(--navy) 6%,var(--obsidiana) 90%);
}
.sn-conversao__grid{
  display:grid;grid-template-columns:minmax(0,1fr) 520px;
  gap:80px;align-items:start;
}
.sn-conversao__titulo{
  font-size:var(--t-cta);font-weight:600;line-height:1.15;
  letter-spacing:-.025em;color:#fff;max-width:16ch;text-wrap:balance;
}
.sn-conversao__linha{
  margin-top:1.5rem;
  font-size:var(--t-claim);font-weight:400;
  letter-spacing:-.031em;color:var(--ouro);
}
.sn-conversao__apoio{
  margin-top:1rem;max-width:44ch;
  font-weight:300;line-height:1.556;color:var(--slate-1);
}
.sn-conversao__divisor{
  width:100%;max-width:360px;height:1px;
  margin:2.5rem 0 2rem;background:rgba(255,255,255,.22);
}
.sn-conversao__claim{
  font-size:var(--t-claim);font-weight:400;
  letter-spacing:-.031em;color:var(--creme);
}
.sn-conversao__assinatura{
  margin-top:1.5rem;
  font-size:1rem;font-weight:600;letter-spacing:.025em;color:#fff;
}
.sn-conversao__texto .sobrelinha{margin-top:.5rem}

/* ---------- Formulário ---------- */
.sn-form{
  padding:40px;
  background:rgba(245,242,236,.05);
  border:1px solid var(--linha-clara);
  clip-path:polygon(
    var(--chanfro-bloco) 0, 100% 0,
    100% calc(100% - var(--chanfro-bloco)), calc(100% - var(--chanfro-bloco)) 100%,
    0 100%, 0 var(--chanfro-bloco));
  display:flex;flex-direction:column;gap:1.25rem;
}
.sn-form__linha{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.sn-form__campo{display:flex;flex-direction:column;gap:.5rem}
.sn-form__campo label{
  font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--slate-1);
}
.sn-form__opcional{
  font-weight:400;letter-spacing:.08em;color:var(--slate-3);text-transform:none;
}
.sn-form input[type="text"],
.sn-form input[type="email"],
.sn-form input[type="tel"],
.sn-form select,
.sn-form textarea{
  width:100%;
  padding:.875rem 1rem;
  font-family:inherit;font-size:1rem;color:#fff;
  background:rgba(9,16,26,.45);
  border:1px solid rgba(255,255,255,.16);
  border-radius:0;
  transition:border-color .25s ease,background-color .25s ease;
  appearance:none;
}
.sn-form textarea{resize:vertical;min-height:110px}
.sn-form select{
  background-image:
    linear-gradient(45deg,transparent 50%,var(--slate-1) 50%),
    linear-gradient(135deg,var(--slate-1) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  padding-right:2.75rem;
}
.sn-form select option{color:var(--tinta);background:var(--creme)}
.sn-form input::placeholder,
.sn-form textarea::placeholder{color:rgba(203,213,225,.45)}
.sn-form input:hover,.sn-form select:hover,.sn-form textarea:hover{
  border-color:rgba(255,255,255,.3);
}
.sn-form input:focus-visible,
.sn-form select:focus-visible,
.sn-form textarea:focus-visible{
  outline:2px solid var(--ouro);outline-offset:1px;
  border-color:transparent;background:rgba(9,16,26,.65);
}
.sn-form__consent{
  display:flex;align-items:flex-start;gap:.75rem;
  margin-top:.25rem;
  font-size:.8125rem;line-height:1.5;color:var(--slate-1);cursor:pointer;
}
.sn-form__consent input{
  flex:0 0 auto;width:18px;height:18px;margin-top:.15rem;accent-color:var(--ouro);
}
.sn-form__enviar{width:100%;min-width:0;margin-top:.5rem}
.sn-form__nota{
  font-size:.75rem;letter-spacing:.04em;color:var(--slate-2);text-align:center;
}

/* ==========================================================================
   MOTION — camadas exclusivas desta página. A base do arquétipo "Premium"
   (tokens, .revelar/.revelar--hero, hover de .card/.passo/.btn, ambient)
   agora mora em css/style.css e é compartilhada com a index.html — única
   fonte de verdade para as duas páginas. Aqui ficam só os componentes que
   não existem na index (perguntas, lista "para quem é", fluxo do diagnóstico).
   ========================================================================== */

/* ---------- Camada secundária: hover/feedback (componentes desta página) ----------
   Estes elementos recebem .revelar.is-visivel diretamente ao entrar em
   cena (regra em css/style.css fixa transform:none). Os seletores de
   :hover repetem a classe base só para IGUALAR essa especificidade —
   ver comentário equivalente em css/style.css. */
.pagina-sn .sn-pergunta{
  transition:transform var(--mo-dur-hover) var(--mo-ease-hover),
             box-shadow var(--mo-dur-hover) var(--mo-ease-hover),
             border-color var(--mo-dur-hover) var(--mo-ease-hover);
}
.pagina-sn .sn-pergunta.sn-pergunta:hover,
.pagina-sn .sn-pergunta.sn-pergunta:focus-within{
  transform:translateY(-4px) scale(1.015);
  box-shadow:0 18px 32px -18px rgba(30,48,78,.35);
}

.pagina-sn .sn-lista li{
  transition:transform var(--mo-dur-hover) var(--mo-ease-hover);
}
.pagina-sn .sn-lista li.revelar:hover,
.pagina-sn .sn-lista li:hover{transform:translateX(4px)}
.pagina-sn .sn-lista li::before{
  transition:transform var(--mo-dur-hover) var(--mo-ease-hover),
             background-color var(--mo-dur-hover) var(--mo-ease-hover);
}
.pagina-sn .sn-lista li:hover::before{
  transform:scale(1.12);background-color:var(--navy);
}

.pagina-sn .sn-fluxo__item{
  transition:transform var(--mo-dur-hover) var(--mo-ease-hover),
             background-color var(--mo-dur-hover) var(--mo-ease-hover),
             border-color var(--mo-dur-hover) var(--mo-ease-hover);
}
.pagina-sn .sn-fluxo__item.sn-fluxo__item:hover{
  transform:translateY(-2px) scale(1.03);
  border-color:var(--ouro);
}

/* botão escuro: variante exclusiva desta página (.btn e .btn--claro:hover
   já vêm compartilhados de css/style.css) */
.pagina-sn .btn--escuro:hover{
  transform:translateY(-2px) scale(1.015);
  box-shadow:0 14px 26px -16px rgba(30,48,78,.4);
}

/* ---------- Camada ambiente: movimento contínuo e sutil ----------
   @keyframes respirar já definido em css/style.css (compartilhado). */
@media (prefers-reduced-motion:no-preference){
  .pagina-sn .sn-fluxo__item--fim{
    animation:respirar 3.2s ease-in-out infinite;
  }
  .pagina-sn .sn-fluxo__item--fim:hover{animation-play-state:paused}

  .pagina-sn .sn-hero__media{will-change:transform}
}

/* contador do resultado — some o cursor de digitação após a contagem */
.sn-resultado__numero{font-variant-numeric:tabular-nums}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media (max-width:1279px){
  .sn-problema__topo,
  .sn-publico__grid{grid-template-columns:minmax(0,1fr) 38%;gap:48px}
  .sn-resultado__grid,
  .sn-conversao__grid{grid-template-columns:minmax(0,1fr) 44%;gap:48px}
  .sn-diagnostico__grid{grid-template-columns:minmax(0,1fr) 38%;gap:48px}
  .sn-perguntas{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:1024px){
  .sn-hero{min-height:0;padding:180px 0 80px}
  .sn-etapas{grid-template-columns:repeat(3,1fr);gap:20px}
  .sn-resultado__painel{padding:48px 36px}
  .sn-form{padding:32px}
}

@media (max-width:900px){
  .sn-problema__topo,
  .sn-publico__grid,
  .sn-resultado__grid,
  .sn-diagnostico__grid,
  .sn-conversao__grid{grid-template-columns:1fr;gap:40px}
  .sn-problema__slot,
  .sn-publico__img,
  .sn-resultado__slot,
  .sn-resultado__img,
  .sn-diagnostico__slot,
  .sn-diagnostico__img{max-width:520px}
  .sn-perguntas{grid-template-columns:repeat(2,1fr)}
  .sn-problema__fecho,
  .sn-atuacao__fecho{flex-direction:column;align-items:flex-start}
  .sn-conversao__titulo{max-width:none}
  .sn-autoridade-secao{padding:120px 0 100px}
}

@media (max-width:640px){
  .sn-hero{padding:150px 0 64px}
  .sn-problema,.sn-resultado{padding:72px 0}
  .sn-publico,.sn-especialidade{padding-bottom:72px}
  .sn-atuacao,.sn-diagnostico{padding:80px 0}
  .sn-conversao{padding:80px 0}
  .sn-autoridade-secao{padding:80px 0 72px}
  .sn-perguntas{grid-template-columns:1fr;margin-top:40px}
  .sn-etapas{grid-template-columns:1fr;gap:16px}
  .sn-form{padding:24px}
  .sn-form__linha{grid-template-columns:1fr}
  .sn-resultado__painel{padding:40px 28px}
  .sn-fluxo{gap:.75rem 1.25rem}
  .sn-fluxo__item:not(:last-child)::after{right:-1rem}
  .slot{padding:1.5rem}
}

/* ==========================================================================
   PERGUNTAS FREQUENTES (acordeão nativo <details>)
   ========================================================================== */
.sn-faq-secao{padding:120px 0}
.sn-faq-secao .titulo-secao{margin-top:1rem;max-width:22ch}

.sn-faq{
  margin-top:3rem;
  border-top:1px solid rgba(15,23,42,.14);
}
.sn-faq__item{border-bottom:1px solid rgba(15,23,42,.14)}

.sn-faq__pergunta{
  position:relative;
  list-style:none;cursor:pointer;
  padding:1.5rem 3rem 1.5rem 0;
  font-size:1.125rem;font-weight:600;letter-spacing:-.02em;line-height:1.35;
  color:var(--tinta);
}
.sn-faq__pergunta::-webkit-details-marker{display:none}
.sn-faq__pergunta::after{
  content:"";position:absolute;right:.4rem;top:1.9rem;
  width:11px;height:11px;
  border-right:2px solid var(--ouro);border-bottom:2px solid var(--ouro);
  transform:rotate(45deg);transform-origin:center;
  transition:transform var(--mo-dur-hover) var(--mo-ease-hover);
}
.sn-faq__item[open] .sn-faq__pergunta::after{transform:rotate(-135deg)}
.sn-faq__pergunta:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}

.sn-faq__resposta{padding:0 3rem 1.75rem 0}
.sn-faq__resposta p{margin:0;color:var(--corpo-claro);line-height:1.7}

@media (max-width:640px){
  .sn-faq-secao{padding:72px 0}
  .sn-faq__resposta{padding-right:0}
  .sn-faq__pergunta{padding-right:2.5rem}
}