/* ==================================================================
   smartphone.css — o site é EXCLUSIVO para smartphone.
   Base: 320px. Ajustes finos para 360 / 375 / 390 / 412 / 430px.
   Não há versão para tablet ou computador.
   ================================================================== */

/* 320px — telas muito estreitas: reduzir folgas, manter leitura */
@media (max-width: 359px) {
  :root {
    --container: 0.95rem;
  }

  .hero__slogan {
    font-size: 1.85rem;
  }

  .navcard,
  .contato-card {
    min-height: 76px;
    padding: 0.85rem 0.95rem;
  }

  .navcard__desc {
    font-size: 0.8rem;
  }

  .galeria {
    gap: 0.45rem;
  }

  .servico__corpo,
  .cartao {
    padding: 1.05rem;
  }
}

/* 390px+ — respiro maior nas seções */
@media (min-width: 390px) {
  .secao {
    padding: 3.5rem 0;
  }

  .galeria {
    gap: 0.7rem;
  }
}

/* 412px+ */
@media (min-width: 412px) {
  .hero__texto {
    padding-top: 2rem;
  }
}

/* 430px+ */
@media (min-width: 430px) {
  .rodape__assinatura {
    width: 250px;
  }
}