/* ═══ mobile-v2.css — versão celular/tablet (23/09/2026, refeita) ═══
   Carregado por último em todas as páginas; só age até 768px.
   Regras: gutter 22px, respiro de seção 48px, cartões iguais aos do desktop, e toda lista que
   empilhava mais de ~2 telas vira carrossel horizontal (scroll-snap + pontos). A seção Soluções
   NÃO é alterada aqui (pedido do cliente). */

/* ── pontos de paginação ─────────────────────────────────────────────────── */
.ac-dots,html body .acauth-dots{display:none;justify-content:center;gap:8px;margin:18px 0 0;padding:0}
.ac-dot,html body .acauth-dot{width:6px;height:6px;padding:0;border:0;border-radius:3px;background:rgba(207,160,72,.32);transition:width .35s cubic-bezier(.22,.61,.36,1),background-color .35s ease;cursor:pointer;-webkit-appearance:none;appearance:none}
.ac-dot.is-active,html body .acauth-dot.is-active{width:20px;background:#cfa048}

@media (max-width:768px){
  .ac-dots,html body .acauth-dots{display:flex !important}

  /* ── base ───────────────────────────────────────────────────────────────── */
  html body .acpf-wrap,html body .acauth-wrap,html body .acvar-inner,html body .acvid-wrap,
  html body .acmvv-rf,html body .ac4,html body .acbc-wrap,html body .actc-linha,html body .actc-vida,html body .actc-areas,
  html body .actc-envio,html body .acspf-wrap,html body .acbf-wrap,html body .acblog-ponte,html body .acvg-wrap,html body .acsp-guias{padding-top:48px !important;padding-bottom:48px !important}
  html body .acpf-inner,html body .acauth-head,html body .acmvv-rf,html body .ac4-inner,html body .acbc-inner,
  html body .actc-linha,html body .actc-vida,html body .actc-areas,html body .actc-envio,html body .acspf-wrap,html body .acbf-wrap,
  html body .acblog-ponte,html body .acvar-inner,html body .acvg-wrap,html body .acsp-guias,html body .acsp-atalhos{padding-left:22px !important;padding-right:22px !important}

  /* carrossel padrão (a classe é posta pelo mobile.js nos contêineres listados lá) */
  html body .ac-carrossel{display:flex !important;flex-wrap:nowrap !important;grid-template-columns:none !important;overflow-x:auto !important;overflow-y:hidden !important;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px !important;margin-left:-22px !important;margin-right:-22px !important;
    padding:6px 22px 10px !important;scroll-padding-left:22px;scroll-padding-right:22px;counter-reset:none}
  html body .ac-carrossel::-webkit-scrollbar{display:none}
  html body .ac-carrossel>*{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 82% !important;width:auto !important;max-width:none !important;min-width:0 !important;margin:0 !important}

  /* ── DESTACAMOS: números e botão centralizados ──────────────────────────── */
  html body .acpf-photo{aspect-ratio:16/10;height:auto !important;max-height:none !important}
  html body .acpf-stats{justify-content:center !important;gap:26px !important;margin:26px auto 24px !important}
  html body .acpf-cta{display:inline-flex !important;margin:0 auto !important;position:relative;left:50%;transform:translateX(-50%)}

  /* ── RÓTULOS QUE IDENTIFICAM: foto + carrossel de 6 cartões ─────────────── */
  html body .acauth-wrap .acauth-foto{display:block !important;margin:22px 22px 0 !important;border-radius:16px;overflow:hidden;aspect-ratio:16/10;max-height:none;background:#e9e3d6;
    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)}
  html body .acauth-wrap .acauth-foto img{width:100%;height:100%;object-fit:cover;display:block;transform:none !important}
  html body .acauth-wrap .acauth-grid{display:flex !important;flex-wrap:nowrap;overflow-x:auto !important;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    gap:14px !important;margin:22px 0 0 !important;padding:4px 22px 10px !important;scroll-padding-left:22px;counter-reset:acauth}
  html body .acauth-wrap .acauth-grid::-webkit-scrollbar{display:none}
  html body .acauth-wrap .acauth-item{counter-increment:acauth;flex:0 0 82% !important;width:auto !important;max-width:none !important;scroll-snap-align:start;scroll-snap-stop:always;
    display:block !important;background:#fff !important;border:1px solid rgba(207,160,72,.20) !important;border-radius:16px !important;padding:22px 20px 24px !important;margin:0 !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;transform:none !important;opacity:1 !important}
  html body .acauth-wrap .acauth-item::before{content:counter(acauth,decimal-leading-zero) !important;position:static !important;display:block !important;width:auto !important;height:auto !important;
    margin:0 0 10px !important;background:none !important;transform:none !important;font-family:'Crimson Pro',Georgia,serif !important;font-style:italic !important;font-weight:600 !important;
    font-size:13px !important;letter-spacing:.14em !important;color:#A48334 !important;-webkit-text-fill-color:#A48334 !important;opacity:1 !important}
  html body .acauth-wrap .acauth-item::after,html body .acauth-wrap .acauth-item-line{display:none !important}
  html body .acauth-wrap .acauth-item-title{font-size:19px !important;line-height:1.25 !important;margin:0 0 8px !important}
  html body .acauth-wrap .acauth-item-desc{font-size:15.5px !important;line-height:1.55 !important;max-width:none !important}
  html body .acauth-wrap .acauth-dots{margin:16px 22px 0 !important}
  html body .acauth-wrap .acauth-cta{display:flex !important;align-items:center;justify-content:center;width:auto !important;height:52px !important;margin:22px 22px 0 !important;padding:0 28px !important;
    border-radius:999px !important;background:#0a4323 !important;color:#F0DFB9 !important;-webkit-text-fill-color:#F0DFB9 !important;font-family:'Crimson Pro',Georgia,serif !important;font-size:18px !important;font-weight:600 !important;text-decoration:none !important}

  /* ── HP / CONHEÇA ───────────────────────────────────────────────────────── */
  html body .ac6k-inner{padding-bottom:48px !important}
  html body .acvid-player-wrap{margin-bottom:36px !important}

  /* ── HISTÓRIA: os 5 painéis (introdução + 4 capítulos) viram carrossel ──── */
  html body #ah-section:not(.ah-enhanced){padding-bottom:0 !important}
  html body #ah-section:not(.ah-enhanced) #ah-inner{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:stretch;overflow-x:auto !important;overflow-y:hidden;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px !important;padding:0 22px 10px !important;scroll-padding-left:22px;transform:none !important}
  html body #ah-section:not(.ah-enhanced) #ah-inner::-webkit-scrollbar{display:none}
  html body #ah-section:not(.ah-enhanced) .ah-panel{background:transparent !important;flex:0 0 86% !important;width:auto !important;max-width:none !important;min-width:0 !important;height:auto !important;margin:0 !important;padding:0 !important;scroll-snap-align:start;scroll-snap-stop:always;display:flex}
  html body #ah-section:not(.ah-enhanced) .ah-pcard{width:100% !important;height:auto !important;min-height:100%;flex:1 1 auto;align-self:stretch;margin:0 !important;display:flex;flex-direction:column}
  html body #ah-section:not(.ah-enhanced) .ah-intro{justify-content:center}
  html body #ah-section:not(.ah-enhanced) .ah-intro-right{display:none !important}
  html body #ah-section:not(.ah-enhanced) .ah-period.flip .ah-photo-col{order:0}
  html body #ah-section:not(.ah-enhanced) .ah-period.flip .ah-text-col{order:1}
  #ah-section .ah-photo-col,#ah-section .ah-photo-img{min-height:200px !important;height:200px !important}
  #ah-section .ah-text-col,#ah-section .ah-period.flip .ah-text-col{padding:26px 22px 30px !important}
  #ah-section .ah-pyear{font-size:48px !important}
  #ah-section .ah-ptitle-main{font-size:22px !important}
  #ah-section .ah-pdesc{font-size:15.5px !important;line-height:1.6 !important}
  #ah-section .ah-ih2{font-size:34px !important}
  #ah-section .ah-isub{font-size:16.5px !important}
  #ah-section .ah-corner{display:none !important}
  html body #ah-section .ac-dots{margin:6px 0 40px !important}

  /* ── MISSÃO · VISÃO · VALORES: carrossel de 3 cartões ─────────────────── */
  html body .acmvv-rf-card{padding:24px 22px 26px !important;min-height:0 !important;height:auto !important;overflow:visible !important}
  html body .acmvv-rf-copy{display:block !important;max-height:none !important;overflow:visible !important;-webkit-line-clamp:unset !important;font-size:16px !important;line-height:1.6 !important}

  /* ── FORMULÁRIO DA HOME: cabeçalho → formulário → mapa → contatos ───────── */
  html body .ac4 .ac4-inner{display:grid !important;grid-template-columns:1fr !important;row-gap:0 !important}
  html body .ac4 .ac4-left{display:contents !important}
  html body .ac4 .ac4-bar{order:1}html body .ac4 .ac4-tag{order:2}html body .ac4 .ac4-title{order:3}html body .ac4 .ac4-sub{order:4;margin-bottom:24px !important;max-width:none !important}
  html body .ac4 .ac4-right{order:5}
  html body .ac4 .ac4-map{order:6;height:200px !important;margin-top:22px !important}
  html body .ac4 .ac4-contacts{order:7;margin-top:22px !important;padding:22px 0 0 !important;gap:14px !important}
  html body .ac4 .ac4-contacts .ac4-crow{height:auto !important}
  html body .ac4 .ac4-title{font-size:34px !important;line-height:1.1 !important}
  html body .ac4-form-card,html body .acspf-card,html body .acbf-card,html body .actc-form-card{padding:24px 20px 22px !important}
  html body .ac4-form-title,html body .acspf-card-title,html body .acbf-card-title{font-size:22px !important}
  html body .ac4::before{width:calc(100% - 44px)}

  /* ── BLOCO "ACESSE NOSSO BLOG" (home, suporte, trabalhe conosco): 3 cartões em carrossel ── */
  html body .acbc-post{display:flex;flex-direction:column}

  /* ── FORMULÁRIOS DAS PÁGINAS: cabeçalho → formulário → mapa ────────────── */
  html body .acspf-inner,html body .acbf-inner{display:flex !important;flex-direction:column !important;gap:0 !important}
  html body .acspf-lado,html body .acbf-lado{display:contents !important}
  html body .acspf-head,html body .acbf-head{order:1;margin-bottom:24px !important}
  html body .acspf-card,html body .acbf-card{order:2;width:100% !important;max-width:none !important}
  html body .acspf-map,html body .acbf-map{order:3;min-height:0 !important;height:200px !important;margin-top:22px !important}

  /* ── BLOG: ponte "Gostou do que leu?" (flex-basis virava altura → buraco) ── */
  html body .acblog-ponte{margin-top:0 !important}
  html body .acblog-ponte-inner{flex-direction:column !important;align-items:flex-start !important;gap:24px !important}
  html body .acblog-ponte-txt{flex:none !important;width:100%}
  html body .acblog-ponte-btn{align-self:stretch;width:100%}

  /* ── TRABALHE CONOSCO ──────────────────────────────────────────────────── */
  html body .actc-sec-head{margin-bottom:24px !important}
  html body .actc-pillar{flex-direction:column !important;align-items:flex-start !important;gap:12px !important;padding:22px 20px !important}
  html body .actc-foto{min-height:0 !important;aspect-ratio:4/5}
  html body .actc-foto img{min-height:0 !important;height:100% !important}
  html body .actc-areas-lista{border-top:0 !important}
  html body .actc-area{background:#fff;border:1px solid rgba(207,160,72,.20) !important;border-radius:16px;padding:22px 20px 24px !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)}
  html body .actc-area::after{display:none !important}
  html body .actc-fachadas{gap:14px !important}
  html body .actc-pillars.ac-carrossel>*,html body .actc-areas-lista.ac-carrossel>*{flex-basis:74% !important}
  html body .actc-vida-grid.ac-carrossel>*{flex-basis:78% !important}

  /* ── SUPORTE: atalhos, tutoriais e os 4 passos em carrossel ────────────── */
  html body .acsp-atalhos-inner.ac-carrossel>*{flex-basis:74% !important}
  html body .acvg-grid.ac-carrossel>*{flex-basis:84% !important}
  html body .acsp-passos.ac-carrossel>*{flex-basis:78% !important}

  /* ── rodapé: copyright fora dos botões flutuantes ──────────────────────── */
  html body .artchik-footer__copyright{max-width:250px;margin:0 auto !important;text-align:center}
  html body .artchik-footer__bottom-inner{padding-bottom:36px !important}
}

@media (max-width:420px){
  html body .acauth-wrap .acauth-item{flex-basis:86% !important}
  html body .ac-carrossel>*{flex-basis:86% !important}
  html body #ah-section:not(.ah-enhanced) .ah-panel{flex-basis:88% !important}
}

/* ── ajustes 23/09 (tarde) ─────────────────────────────────────────────── */
@media (max-width:1024px){
  /* "Experiência que sustenta cada etapa" estava escondida pelo Elementor (hidden-tablet/mobile). Volta. */
  html body .elementor-element-6aeadf8.elementor-hidden-tablet,html body .elementor-element-6aeadf8.elementor-hidden-mobile{display:flex !important}
  html body .elementor-element-6aeadf8 .elementor-widget-spacer{display:none !important}
  html body .elementor-element-30c28cd{display:none !important}
  html body .acexp-inner{flex-direction:column !important;align-items:stretch !important;gap:28px !important;padding:48px 22px !important}
  html body .acexp-photo{flex:none !important;width:100% !important;transform:none !important}
  html body .acexp-photo img{height:auto !important;aspect-ratio:16/11;object-fit:cover}
  html body .acexp-desc{max-width:none !important}
  html body .acstat-wrap{max-width:none !important}
}
@media (max-width:768px){
  /* história: espaço antes dos cartões, painel invisível, cartões da mesma altura em todo navegador */
  html body #ah-section:not(.ah-enhanced){padding-top:48px !important}
  html body #ah-section:not(.ah-enhanced) .ah-panel{display:grid !important;grid-template-columns:minmax(0,1fr);align-items:stretch;background:transparent !important;border-radius:0 !important;box-shadow:none !important}
  html body #ah-section:not(.ah-enhanced) .ah-pcard{min-height:0 !important;height:auto !important;align-self:stretch;width:100% !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 #ah-section:not(.ah-enhanced) .ah-intro{background:#fff !important;border:1px solid rgba(207,160,72,.20);padding:40px 26px !important;gap:0 !important;justify-content:center}
  html body #ah-section:not(.ah-enhanced) .ah-intro-left{width:100%}
  html body #ah-section .ah-ih2{margin-bottom:14px !important}
  html body #ah-section .ah-isub{margin-bottom:18px !important}
  html body #ah-section .ah-pmeta,html body #ah-section .ah-intro-note{margin-top:18px !important;line-height:1.7 !important}
  html body #ah-section .ah-pline{margin:14px 0 !important}
  /* estatísticas: uma por linha no celular */
  html body .acstat-card{flex-direction:column !important;align-items:stretch !important;padding:18px 20px !important;gap:2px !important}
  html body .acstat-item{width:100%;justify-content:flex-start !important;padding:8px 0 !important}
  html body .acstat-sep{width:100% !important;height:1px !important;margin:4px 0 !important}
}