/* ============================================
   Responsive / Mobile — Clínica SM
   ============================================ */

/* --- Seções com grid de 2 colunas → 1 coluna no mobile --- */
@media (max-width: 768px) {

  /* Grids gerais que não usam auto-fit */
  section > div[style*="grid-template-columns:1fr 1fr"],
  section > div[style*="grid-template-columns: 1fr 1fr"],
  section > div[style*="grid-template-columns:1.1fr 0.9fr"],
  section > div[style*="grid-template-columns:0.9fr 1.1fr"],
  section > div[style*="grid-template-columns:1.3fr 0.7fr"],
  section > div[style*="grid-template-columns:1.4fr 1fr"],
  section > div[style*="grid-template-columns:auto 1fr"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
  }

  /* Hero foto sobre a médica — empilhar */
  section[style*="grid-template-columns"] > div[style*="border-radius"][style*="aspect-ratio"] {
    order: -1;
  }

  /* Aside sticky nos tratamentos — não fixar */
  aside[style*="position:sticky"] {
    position: static !important;
  }

  /* Padding horizontal mínimo */
  section,
  div[style*="max-width:1240px"],
  div[style*="max-width:900px"],
  div[style*="max-width:840px"],
  div[style*="max-width:1000px"],
  div[style*="max-width:760px"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Footer — stack em coluna */
  footer > div[style*="grid-template-columns"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
  }

  /* Botões — wrap */
  div[style*="display:flex"][style*="gap:14px"],
  div[style*="display:flex"][style*="gap:16px"] {
    flex-wrap: wrap !important;
  }

  /* Texto hero */
  h1 { font-size: clamp(28px, 9vw, 44px) !important; }
  h2 { font-size: clamp(24px, 7vw, 36px) !important; }

  /* Tabela de antes/depois — manter 2 colunas mas menor */
  .pair-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  /* Videos — não cortar */
  iframe { max-width: 100% !important; }

  /* Formulário */
  form { padding: 24px 20px !important; }

  /* Seção "Como funciona" — grid de passos */
  div[style*="grid-template-columns:repeat(auto-fit,minmax(220px"] {
    grid-template-columns: 1fr !important;
  }

  /* Steps / cards de formação */
  div[style*="grid-template-columns:repeat(auto-fit,minmax(240px"] {
    grid-template-columns: 1fr !important;
  }

  /* Nav header — já gerenciado pelo SiteHeader */

  /* WhatsApp float — menor em mobile */
  a[style*="position:fixed"][style*="right:24px"] {
    width: 50px !important;
    height: 50px !important;
    right: 16px !important;
    bottom: 16px !important;
  }
}

/* --- Extra pequeno (< 480px) --- */
@media (max-width: 480px) {
  div[style*="grid-template-columns:repeat(auto-fit,minmax(280px"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="grid-template-columns:repeat(auto-fit,minmax(300px"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="grid-template-columns:repeat(auto-fit,minmax(290px"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="grid-template-columns:repeat(auto-fit,minmax(250px"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="grid-template-columns:repeat(auto-fit,minmax(230px"] {
    grid-template-columns: 1fr !important;
  }
}