/* responsive-mrcd-v2.css
   Regras responsivas GENÉRICAS (hero, footer, controles, modais).
   ⚠️ As regras de GRID e CARD e HEADER do novo layout ficam em
      home-mrcd-v3.css (fonte única de verdade) para evitar conflito. */

.hide-sm{ display:inline-flex; }

@media (max-width: 980px){
  .hide-sm{ display:none; }
  .hero{ grid-template-columns: 1fr; }
  .hero__info{ grid-template-columns: 1fr; }
  .footer__inner{ flex-direction: column; }
}

/* ===== Controls no celular ===== */
@media (max-width: 700px){
  .controls{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .controls__right{
    justify-content: space-between;
    gap: 10px 12px;
  }
  .select{ flex: 1 1 180px; }
  .toggle{ flex: 1 1 180px; justify-content: flex-end; }
}

/* ===== Modais ===== */
@media (max-width: 520px){
  .modal__body{ grid-template-columns: 1fr; }
  .modal__media{ height: 220px; }
}

@media (max-width: 760px){
  #leadModal .lead-form{ grid-template-columns: 1fr; }
  #leadModal .lead-actions{ flex-direction: column; }
}