/* ═══ home-v2.css — revisão das seções da home (22/09/2026) ═══
   Carregado por último. Seis frentes: 1) "Rótulos que identificam" vira lista editorial
   em duas colunas com foto; 2) HP sem letreiro rolante — benefícios em lista estática;
   3) Soluções alinhadas à esquerda, controles e tipografia unificados; 4) Formulário
   separado do MVV por filete dourado, contatos tipográficos sem ícones, colunas da mesma
   altura, campos uniformes; 5) Blog com os 3 últimos artigos; 6) slogan do rodapé igual ao da LP. */

/* ── 1. Rótulos que identificam — cabe numa tela (≤ 840px em 1440×900) ─── */
html body .acauth-foto{display:none}
@media (min-width:1025px){
  html body .acauth-wrap{padding:44px 0 52px !important}
  html body .acauth-inner{display:grid !important;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr) !important;
    grid-template-areas:"head grid" "cta grid" "foto grid" !important;column-gap:clamp(48px,6vw,96px) !important;row-gap:0 !important;align-items:start !important}
  html body .acauth-head{grid-area:head;max-width:none !important;margin:0 !important}
  html body .acauth-title{font-size:clamp(26px,2.3vw,34px) !important;line-height:1.1 !important;max-width:17ch;margin:0 !important}
  html body .acauth-cta{grid-area:cta;justify-self:start;margin:26px 0 0 !important}
  html body .acauth-foto{grid-area:foto;display:block;margin:34px 0 0;border-radius:16px;overflow:hidden;aspect-ratio:16/9;max-height:250px;background:#e9e3d6}
  html body .acauth-foto img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform 1.4s var(--ease-out,cubic-bezier(.22,.61,.36,1))}
  html body .acauth-anim.is-in .acauth-foto img{transform:none}
  html body .acauth-grid{grid-area:grid;display:block !important;margin:4px 0 0 !important;counter-reset:none}
  html body .acauth-item{display:grid !important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:28px;align-items:start;
    padding:17px 0 18px !important;border-top:1px solid rgba(207,160,72,.30) !important}
  html body .acauth-item:last-child{border-bottom:1px solid rgba(207,160,72,.30) !important}
  html body .acauth-item::before{content:none !important;display:none !important}
  html body .acauth-item::after{display:none !important}
  html body .acauth-item-title{font-size:19px !important;line-height:1.25 !important;margin:0 !important;transition:color .4s ease !important}
  html body .acauth-item:hover .acauth-item-title{color:#7D6626 !important;-webkit-text-fill-color:#7D6626 !important}
  html body .acauth-item-desc{max-width:none !important;margin:0 !important;font-size:15.5px !important;line-height:1.55 !important}
}

/* ── 2. HP Indigo — o letreiro com os 9 benefícios foi REMOVIDO por completo (pedido do cliente) ── */
html body .ac6k-marquee{display:none !important}
html body .ac6k-inner{padding-bottom:64px !important}

/* divisão entre a HP e a seção institucional (ambas verdes): filete dourado na largura do conteúdo */
html body .ac6k-wrap::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(1208px,calc(100% - 112px));height:1px;
  background:linear-gradient(90deg,transparent,rgba(231,200,133,.75) 18%,rgba(231,200,133,.75) 82%,transparent)}
html body .acvid-wrap{padding-top:clamp(56px,7vw,88px) !important}

/* ── 3. Soluções — sem carrossel: lista à esquerda, imagem/vídeo à direita com crossfade ── */
html body .acsol-wrap{padding:56px 0 64px !important}
html body .acsol-head{margin-bottom:34px !important}
html body .acsol-subtitle{font-family:'Outfit',Arial,sans-serif !important;font-size:16.5px !important;line-height:1.65 !important;color:rgba(10,67,35,.72) !important;max-width:62ch}
html body .acsol-clip{-webkit-mask-image:none !important;mask-image:none !important;overflow:visible !important;padding:0 !important;margin:0 !important}
html body .acsol-track{display:grid !important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:repeat(4,auto);gap:0 clamp(36px,4.5vw,72px);
  transform:none !important;padding:0 !important;margin:0 !important;will-change:auto !important}
html body .acsol-card{display:contents !important}
html body .acsol-card-body{grid-column:1;display:block !important;padding:20px 0 !important;border-top:1px solid rgba(207,160,72,.30);cursor:pointer;text-align:left !important}
html body .acsol-card:last-child .acsol-card-body{border-bottom:1px solid rgba(207,160,72,.30)}
html body .acsol-card-body .acsol-card-line{display:none !important}
html body .acsol-card-title{text-align:left !important;font-size:22px !important;margin:0 !important;color:rgba(10,67,35,.55) !important;-webkit-text-fill-color:rgba(10,67,35,.55) !important;transition:color .4s ease !important}
html body .acsol-card.is-active .acsol-card-title,html body .acsol-card-body:hover .acsol-card-title{color:#0a4323 !important;-webkit-text-fill-color:#0a4323 !important}
html body .acsol-card-desc{text-align:left !important;font-size:15.5px !important;line-height:1.6 !important;margin:0 !important;max-height:0;opacity:0;overflow:hidden;
  transition:max-height .6s cubic-bezier(.22,.61,.36,1),opacity .45s ease,margin .4s ease}
html body .acsol-card.is-active .acsol-card-desc{max-height:220px;opacity:1;margin-top:10px !important}
html body .acsol-card-img{grid-column:2;grid-row:1 / span 4;position:relative;min-height:340px;border-radius:16px;overflow:hidden;
  border:1px solid rgba(207,160,72,.20);box-shadow:0 1px 2px rgba(3,10,6,.05),0 10px 20px -10px rgba(3,10,6,.18),0 28px 48px -28px rgba(3,10,6,.22);
  opacity:0;transition:opacity .8s cubic-bezier(.22,.61,.36,1);pointer-events:none}
html body .acsol-card.is-active .acsol-card-img{opacity:1;pointer-events:auto}
html body .acsol-card-img img{transform:scale(1.03) !important;transition:transform 1.2s cubic-bezier(.22,.61,.36,1),opacity .55s !important}
html body .acsol-card.is-active .acsol-card-img img{transform:scale(1) !important}
html body .acsol-controls{display:none !important}
html body .acsol-card-video-badge{display:none !important}
html body .acsol-card-video{transition:opacity .6s cubic-bezier(.22,.61,.36,1) !important}
@media (max-width:900px){
  html body .acsol-track{grid-template-columns:1fr;grid-template-rows:auto}
  html body .acsol-card-img{grid-column:1;grid-row:1;min-height:0;aspect-ratio:16/10}
  html body .acsol-card-body{grid-column:1}
}

/* ── 4. Formulário — textura creme leve, contatos em linha, cabe numa tela ── */
html body .ac4{background-color:#f5f2eb !important;position:relative;padding-top:52px !important;padding-bottom:56px !important}
html body .ac4::before{content:'';position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(1240px,calc(100% - 96px));height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,#cfa048 18%,#cfa048 82%,transparent)}
html body .ac4::after{content:'';position:absolute;inset:0;background:url('/artchik-assets/img/fundo-textura-creme.svg') center top / 100% auto repeat;opacity:.42;pointer-events:none}
html body .ac4-inner{position:relative;z-index:1;align-items:stretch !important;gap:clamp(40px,5.5vw,88px) !important}
html body .ac4-left{gap:12px !important}
html body .ac4-title{font-size:clamp(40px,4.2vw,56px) !important}
html body .ac4-sub{max-width:44ch !important;margin-bottom:6px !important;font-size:18px !important}
html body .ac4 .ac4-contacts{display:flex !important;flex-direction:column !important;gap:18px !important;flex:none;background:none !important;border:0 !important;border-radius:0 !important;
  padding:22px 0 !important;border-top:1px solid rgba(207,160,72,.28) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;margin-top:6px}
html body .ac4 .ac4-contacts:hover{background:none !important}
html body .ac4 .ac4-contacts .ac4-crow{display:flex !important;flex-direction:column;align-items:flex-start !important;gap:3px !important;padding:0 !important;border:0 !important;cursor:default;height:44px}
html body .ac4 .ac4-contacts .ac4-crow:first-child{border:0 !important}
html body .ac4 .ac4-contacts .ac4-crow + .ac4-crow{margin-top:0 !important}
html body .ac4 .ac4-contacts .ac4-crow:hover{gap:3px !important}
html body .ac4 .ac4-contacts .ac4-cicon{display:none !important}
html body .ac4 .ac4-contacts .ac4-cinfo{display:contents !important}
html body .ac4 .ac4-contacts .ac4-clbl{font-family:'Outfit',Arial,sans-serif !important;font-style:normal !important;font-size:11.5px !important;letter-spacing:1.6px !important;text-transform:uppercase !important;
  color:#7D6626 !important;-webkit-text-fill-color:#7D6626 !important;font-weight:600 !important;line-height:1.4 !important}
html body .ac4 .ac4-contacts .ac4-crow:hover .ac4-clbl{color:#7D6626 !important}
html body .ac4 .ac4-contacts .ac4-cval{font-family:'Outfit',Arial,sans-serif !important;font-size:16px !important;line-height:1.45 !important;white-space:nowrap;color:#0a4323 !important;-webkit-text-fill-color:#0a4323 !important}
html body .ac4 .ac4-contacts .ac4-cval a{color:inherit !important;-webkit-text-fill-color:inherit !important;text-decoration:none !important;transition:color .3s ease}
html body .ac4 .ac4-contacts .ac4-cval a:hover{color:#7D6626 !important;-webkit-text-fill-color:#7D6626 !important}
html body .ac4-map{flex:1 1 auto !important;min-height:120px !important;margin-top:0;border-radius:16px !important;border:1px solid rgba(207,160,72,.20) !important;box-shadow:none !important}
html body .ac4-map:hover{box-shadow:none !important;border-color:rgba(207,160,72,.20) !important}
html body .ac4-right{flex:0 0 540px !important;max-width:540px !important;min-width:0 !important}
html body .ac4-form-card{max-width:none !important;height:100%;background:#fff !important;border:1px solid rgba(207,160,72,.20) !important;border-radius:16px !important;padding:30px 32px 26px !important;
  box-shadow:0 1px 2px rgba(3,10,6,.05),0 10px 20px -10px rgba(3,10,6,.18),0 28px 48px -28px rgba(3,10,6,.22) !important}
html body .ac4-form-title{font-size:23px !important;margin-bottom:4px !important;line-height:1.15 !important}
html body .ac4-form-em{display:inline !important}
html body .ac4-form-sub{margin:0 0 18px !important;font-size:15px !important;color:rgba(10,67,35,.72) !important;-webkit-text-fill-color:rgba(10,67,35,.72) !important}
html body .ac4-grid{gap:12px !important}
html body .ac4-row{gap:12px !important}
html body .ac4-field{gap:6px !important}
html body .ac4-label{font-family:'Outfit',Arial,sans-serif !important;font-size:11.5px !important;letter-spacing:1.4px !important;color:#7D6626 !important;-webkit-text-fill-color:#7D6626 !important;font-weight:600 !important}
html body .ac4-field input,html body .ac4-field select{height:44px !important;padding:0 14px !important;box-sizing:border-box !important;border-radius:9px !important}
html body .ac4-field select{padding-right:40px !important}
html body .ac4-field textarea{min-height:84px !important;padding:11px 14px !important;border-radius:9px !important;box-sizing:border-box !important}
html body .ac4-btn{margin-top:4px !important;min-height:48px !important;font-size:15.5px !important}
html body .ac4-prazo{margin-top:12px !important}
@media (max-width:1024px){ html body .ac4-right{flex:1 1 auto !important;max-width:none !important} html body .ac4-form-card{height:auto} }
@media (max-width:700px){ html body .ac4::before{width:calc(100% - 44px)} html body .ac4 .ac4-contacts .ac4-cval{white-space:normal} html body .ac4 .ac4-contacts .ac4-crow{height:auto} }

/* ── MVV — ícone e título na mesma altura nos três cards ─────────────────── */


/* ── Fotos "Destacamos" e "Experiência" ─────────────────────────────────────
   Sai o hover antigo das duas (anel dourado ::after, ring 1px, translateY+scale do bloco, zoom da img).
   As regras :hover abaixo existem para vencer as antigas de mesma especificidade em paridade-lp.css. */
html body .acpf-photo,html body .acexp-photo,html body .acpf-photo:hover,html body .acexp-photo:hover{
  box-shadow:0 8px 24px rgba(22,63,38,.10),0 24px 64px rgba(22,63,38,.12) !important}
html body .acpf-photo::after,html body .acexp-photo::after{display:none !important}
html body .acpf-photo:hover img,html body .acexp-photo:hover img{transform:inherit}

/* Experiência — o bloco "afunda" na quina onde está o mouse (a quina recua e o creme aparece por trás).
   Perspectiva longa (1400px) e no máximo 4°: inclina sem deformar. JS: acAfunda em home.js. */
html body .acexp-photo,html body .acexp-photo:hover{
  transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--sc,1)) !important;
  transform-origin:center center;will-change:transform;
  transition:transform .7s cubic-bezier(.22,.61,.36,1),box-shadow .5s ease !important}
html body .acexp-photo.is-tilting{transition:box-shadow .5s ease !important}
html body .acexp-photo img,html body .acexp-photo:hover img{transform:none !important;transition:none !important}

/* Destacamos — zoom lento conduzido pelo scroll (1,0 → 1,10 enquanto a seção atravessa a tela). Sem hover. */
html body .acpf-photo,html body .acpf-photo:hover{transform:none !important;transition:box-shadow .5s ease !important}
html body .acpf-photo img,html body .acpf-photo:hover img{transform:scale(var(--zoom,1)) !important;transform-origin:center 42%;will-change:transform;transition:none !important}

@media (hover:none),(prefers-reduced-motion:reduce){
  html body .acexp-photo,html body .acexp-photo:hover{transform:none !important}
  html body .acpf-photo img{transform:none !important}
}

/* subtítulo da institucional no padrão (era o único em Crimson 19px) */
html body .acvid-wrap .acvid-sub{font-family:'Outfit',Arial,sans-serif !important;font-size:16.5px !important;font-weight:400 !important;line-height:1.6 !important;color:rgba(245,242,235,.78) !important;-webkit-text-fill-color:rgba(245,242,235,.78) !important}

/* foto da equipe na Experiência: enquadra os rostos (foto 3:2 num quadro mais alto) */
html body .acexp-photo img{object-position:center 40% !important}

/* ano sobre a fachada antiga (Experiência) — mesmo desenho dos anos da linha do tempo do TC */
html body .acexp-photo{position:relative}
html body .acexp-photo::before{content:'';position:absolute;left:0;right:0;bottom:0;height:34%;pointer-events:none;z-index:1;
  background:linear-gradient(to top,rgba(7,20,12,.72),rgba(7,20,12,0))}
html body .acexp-ano{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:2;pointer-events:none;
  font-family:'Crimson Pro',Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(26px,2.4vw,34px);letter-spacing:.06em;
  color:#e7c785;text-shadow:0 2px 12px rgba(0,0,0,.45)}

/* ── Missão · Visão · Valores — no sistema do site (22/09) ──
   Cards brancos com borda dourada .20, raio 16, sombra padrão; ícone e texto alinhados à esquerda;
   número editorial "01/02/03" no canto; filete dourado cresce no hover; Outfit 16,5 .72 no texto. */
html body .acmvv-rf{padding:0 48px clamp(56px,7vw,96px) !important}
html body .acmvv-rf-grid{max-width:1184px !important;gap:22px !important;counter-reset:mvv}
html body .acmvv-rf-card{counter-increment:mvv;position:relative !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:0 !important;
  min-height:0 !important;padding:30px 30px 32px !important;background:#fff !important;border:1px solid rgba(207,160,72,.20) !important;border-radius:16px !important;text-align:left !important;
  box-shadow:0 1px 2px rgba(3,10,6,.05),0 10px 20px -10px rgba(3,10,6,.18),0 28px 48px -28px rgba(3,10,6,.22) !important;
  transition:border-color .45s ease,transform .45s cubic-bezier(.22,.61,.36,1) !important}
html body .acmvv-rf-card:hover{transform:translateY(-4px) !important;border-color:rgba(207,160,72,.45) !important;box-shadow:0 1px 2px rgba(3,10,6,.05),0 10px 20px -10px rgba(3,10,6,.18),0 28px 48px -28px rgba(3,10,6,.22) !important}
html body .acmvv-rf-card::before{content:counter(mvv,decimal-leading-zero) !important;position:absolute !important;inset:auto !important;right:26px !important;top:24px !important;left:auto !important;bottom:auto !important;width:auto !important;height:auto !important;
  background:none !important;transform:none !important;font-family:'Crimson Pro',Georgia,serif;font-style:italic;font-weight:600;font-size:15px;letter-spacing:.14em;color:#A48334;opacity:1 !important}
html body .acmvv-rf-card::after{content:'' !important;position:absolute !important;left:0 !important;right:auto !important;bottom:0 !important;top:auto !important;transform:none !important;width:0 !important;height:3px !important;
  background:linear-gradient(90deg,#e7c785,#cfa048) !important;opacity:1 !important;transition:width .6s cubic-bezier(.22,.61,.36,1) !important}
html body .acmvv-rf-card:hover::after{width:100% !important}
html body .acmvv-rf-iconbox{width:48px !important;height:48px !important;margin:0 0 22px !important;border-radius:12px !important;border:1px solid rgba(207,160,72,.28) !important;
  background:rgba(207,160,72,.08) !important;color:#0a4323 !important;display:grid !important;place-items:center !important;transform:none !important}
html body .acmvv-rf-card:hover .acmvv-rf-iconbox{background:#0a4323 !important;border-color:#0a4323 !important;color:#e7c785 !important;transform:none !important}
html body .acmvv-rf-title{text-align:left !important;font-size:24px !important;line-height:1.15 !important;margin:0 0 10px !important}
html body .acmvv-rf-copy{text-align:left !important;font-family:'Outfit',Arial,sans-serif !important;font-size:16.5px !important;line-height:1.65 !important;color:rgba(10,67,35,.72) !important;-webkit-text-fill-color:rgba(10,67,35,.72) !important}
@media (max-width:1100px){ html body .acmvv-rf-grid{grid-template-columns:1fr !important} html body .acmvv-rf-card{max-width:none !important} }
@media (max-width:700px){ html body .acmvv-rf{padding-left:22px !important;padding-right:22px !important} html body .acmvv-rf-card{padding:26px 22px 28px !important} }


/* ── Experiência: card de fatos nas cores do sistema (mesmas do MVV) ── */
html body .acstat-card{background:#fff !important;border:1px solid rgba(207,160,72,.20) !important;
  box-shadow:0 1px 2px rgba(3,10,6,.05),0 10px 20px -10px rgba(3,10,6,.18),0 28px 48px -28px rgba(3,10,6,.22) !important}
html body .acstat-card:hover{border-color:rgba(207,160,72,.45) !important;box-shadow:0 1px 2px rgba(3,10,6,.05),0 10px 20px -10px rgba(3,10,6,.18),0 28px 48px -28px rgba(3,10,6,.22) !important}
html body .acstat-icon{background:rgba(207,160,72,.08) !important;border:1px solid rgba(207,160,72,.28) !important;color:#0a4323 !important;border-radius:12px !important}
html body .acstat-item:hover .acstat-icon{background:#0a4323 !important;border-color:#0a4323 !important;color:#e7c785 !important}
html body .acstat-item:hover{background:transparent !important}
html body .acstat-sep,html body .acstat-card:hover .acstat-sep{background:rgba(207,160,72,.45) !important}

/* ── Segmentos: sem zoom e sem anel dourado no hover da imagem (pedido de 22/09). A troca por crossfade fica. ── */
html body .acvar-stage,html body .acvar-stage:hover{transform:none !important;box-shadow:0 1px 2px rgba(3,10,6,.05),0 10px 20px -10px rgba(3,10,6,.18),0 28px 48px -28px rgba(3,10,6,.22) !important;border-color:rgba(207,160,72,.20) !important}
html body .acvar-stage::after{display:none !important}
html body .acvar-stage:hover .acvar-img.active,html body .acvar-img.active{transform:none !important}

/* Segmentos: mesma inclinação "afunda" da fachada (Experiência) — a quina sob o mouse recua, máx. 4° */
html body .acvar-stage,html body .acvar-stage:hover{transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--sc,1)) !important;transform-origin:center center;will-change:transform;
  transition:transform .7s cubic-bezier(.22,.61,.36,1),box-shadow .5s ease !important}
html body .acvar-stage.is-tilting{transition:box-shadow .5s ease !important}
@media (hover:none),(prefers-reduced-motion:reduce){ html body .acvar-stage,html body .acvar-stage:hover{transform:none !important} }

/* ── HP + Institucional: UMA textura contínua no contêiner pai; as duas seções ficam transparentes (sem emenda) ── */
html body .elementor-element-72598f5{background-color:#0a4323 !important} /* textura: regra única em comum.css (tile 200px), igual desktop e mobile */
html body #ac6kWrap.ac6k-wrap,html body .ac6k-wrap,html body .acvid-wrap{background:transparent !important;background-image:none !important;background-color:transparent !important}


/* ── 7. Perguntas frequentes (SEO/AEO) — cabeçalho à esquerda, acordeão à direita; cabe numa tela ── */
html body .acfaq-sec{width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;display:block !important}
html body .acfaq-wrap{width:100%;background:#fff;border-top:1px solid rgba(207,160,72,.18);padding:64px 0 72px;font-family:'Crimson Pro',Georgia,serif}
html body .acfaq-inner{max-width:1184px;margin:0 auto;padding:0 48px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);column-gap:clamp(48px,6vw,96px);align-items:start}
html body .acfaq-tag{display:block;margin:0 0 14px;font-family:'Crimson Pro',Georgia,serif;font-size:12px;font-style:italic;letter-spacing:4px;text-transform:uppercase;color:#cfa048;-webkit-text-fill-color:#cfa048}
html body .acfaq-line{width:56px;height:2px;margin:0 0 22px;border-radius:2px;background:linear-gradient(90deg,#cfa048,rgba(207,160,72,.15))}
html body .acfaq-title{font-size:clamp(28px,2.4vw,36px);font-weight:700;line-height:1.1;color:#0a4323;-webkit-text-fill-color:#0a4323;margin:0 0 18px;max-width:18ch}
html body .acfaq-title em{font-style:italic;color:#A48334;-webkit-text-fill-color:#A48334}
html body .acfaq-sub{margin:0 0 26px;font-family:'Outfit',Arial,sans-serif;font-size:16.5px;line-height:1.65;color:rgba(10,67,35,.72);-webkit-text-fill-color:rgba(10,67,35,.72);max-width:40ch}
html body .acfaq-cta{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 32px;border-radius:999px;background:#0a4323 !important;color:#F0DFB9 !important;-webkit-text-fill-color:#F0DFB9 !important;
  font-family:'Crimson Pro',Georgia,serif;font-size:18px;font-weight:600;text-decoration:none !important;transition:transform .32s cubic-bezier(.22,.61,.36,1),background-color .32s ease}
html body .acfaq-cta:hover{transform:scale(.95);background:#024624 !important}
html body .acfaq-list{border-top:1px solid rgba(207,160,72,.30)}
html body .acfaq-item{border-bottom:1px solid rgba(207,160,72,.30)}
html body .acfaq-sum{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body .acfaq-sum::-webkit-details-marker{display:none}
html body .acfaq-q{margin:0;font-family:'Crimson Pro',Georgia,serif;font-size:20px;font-weight:600;line-height:1.3;color:#0a4323;-webkit-text-fill-color:#0a4323;-webkit-text-stroke:0;transition:color .3s ease}
html body .acfaq-sum:hover .acfaq-q{color:#7D6626;-webkit-text-fill-color:#7D6626}
html body .acfaq-ico{flex:none;position:relative;width:28px;height:28px;border-radius:50%;border:1px solid rgba(207,160,72,.5);transition:transform .45s cubic-bezier(.22,.61,.36,1),background-color .3s ease}
html body .acfaq-ico::before,html body .acfaq-ico::after{content:'';position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:#A48334;transform:translate(-50%,-50%)}
html body .acfaq-ico::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .45s cubic-bezier(.22,.61,.36,1)}
html body .acfaq-item[open] .acfaq-ico{background:#0a4323;border-color:#0a4323;transform:rotate(180deg)}
html body .acfaq-item[open] .acfaq-ico::before,html body .acfaq-item[open] .acfaq-ico::after{background:#F0DFB9}
html body .acfaq-item[open] .acfaq-ico::after{transform:translate(-50%,-50%) rotate(0)}
html body .acfaq-a{padding:0 44px 20px 0}
html body .acfaq-a p{margin:0;font-family:'Outfit',Arial,sans-serif;font-size:16px;line-height:1.65;color:rgba(10,67,35,.72);-webkit-text-fill-color:rgba(10,67,35,.72)}
@media (max-width:1024px){ html body .acfaq-inner{grid-template-columns:1fr;row-gap:32px;padding:0 28px} html body .acfaq-title{max-width:none} }
@media (max-width:768px){ html body .acfaq-wrap{padding:48px 0} html body .acfaq-inner{padding:0 22px} html body .acfaq-q{font-size:18px} html body .acfaq-a{padding-right:0} html body .acfaq-cta{display:flex;width:100%} }
/* FAQ dentro do bloco do rodapé (fundo verde texturizado): ela é branca, e o filete de cima é o próprio limite */
html body .rodape-fundo .acfaq-sec{background:#fff}
html body .rodape-fundo .acfaq-wrap{border-top:0}