/* Ajustes de celular e acessibilidade da landing (carregado depois do launch.css). */

/* Textos de 10 px (controles e horários da demonstração) sobem para o mínimo legível. */
.text-\[10px\]{font-size:12px;line-height:1.35}

/* Áreas de toque de pelo menos 44 px no rodapé e no fechar da Bia flutuante. */
footer a{display:inline-flex;align-items:center;min-height:44px}
.floating-bia-close::after{content:"";position:absolute;inset:-6px;border-radius:50%}

/* Barra fixa de contato: aparece no celular depois do topo e some no formulário. */
.cta-fixo{position:fixed;inset-inline:0;bottom:0;z-index:45;display:flex;gap:10px;align-items:center;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#110319f2;border-top:1px solid #ffffff1f;
  backdrop-filter:blur(12px);transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s .25s}
.cta-fixo[hidden]{display:none}
.cta-fixo.is-visible{transform:none;visibility:visible;transition:transform .25s ease}
.cta-fixo-principal{flex:1;min-height:48px;justify-content:center}
.cta-fixo-whats{flex:0 0 48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;
  color:#fff;background:#25d366;text-decoration:none}
.cta-fixo-whats:focus-visible,.cta-fixo-principal:focus-visible{outline:2px solid #ff7a1a;outline-offset:3px}
@media (min-width:640px){.cta-fixo{display:none}}
@media (prefers-reduced-motion:reduce){.cta-fixo{transition:none}}

@media (max-width:639px){
  /* No celular a barra fixa substitui a Bia flutuante, que cobria o texto do topo. */
  .floating-bia{display:none}
  body.has-cta-fixo{padding-bottom:calc(72px + env(safe-area-inset-bottom))}

  /* Cartões lado a lado com rolagem: a página fica bem mais curta. */
  [data-carrossel]{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-20px;
    padding:4px 20px 12px;scroll-padding-inline:20px;scrollbar-width:none;overscroll-behavior-x:contain}
  [data-carrossel]::-webkit-scrollbar{display:none}
  [data-carrossel]>*{flex:0 0 84%;scroll-snap-align:start}
}