/* ==========================================================================
   CameraPet — responsive.css
   ========================================================================== */

/* ---------- Tablet grande / Desktop pequeno ---------- */
@media (max-width: 1199px) {
  .grid-mural { grid-template-columns: repeat(3, 1fr); }
  .footer-topo { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }
  .footer-topo .footer-coluna:nth-child(3) { display: none; }
}

/* ---------- Tablet ---------- */
@media (max-width: 991px) {
  :root { --secao-padding: var(--secao-padding-mobile); }

  .nav-cp { display: none; }
  .btn-menu-mobile { display: flex; }
  .link-entrar { display: none; }

  .hero-cp { padding: 130px 0 70px; text-align: center; }
  .hero-grid { flex-direction: column; }
  .hero-texto p { margin-left: auto; margin-right: auto; }
  .hero-botoes { justify-content: center; }
  .hero-indicadores { justify-content: center; }
  .hero-visual { width: 100%; max-width: 460px; min-height: 420px; }

  .grid-estatisticas { grid-template-columns: repeat(2, 1fr); gap: 32px 16px; }

  .pet-do-dia-card { flex-direction: column; }
  .pet-do-dia-foto { min-height: 280px; }
  .pet-do-dia-info { padding: 32px; }

  .grid-mural { grid-template-columns: repeat(2, 1fr); }

  .cabecalho-secao.flex { justify-content: center; text-align: center; }
  .cabecalho-secao.flex .subtitulo-secao { margin: 0 auto; }

  .footer-topo { grid-template-columns: 1fr 1fr; gap: 40px; }
  .footer-marca { grid-column: 1 / -1; }

  .cta-final { padding: 40px 28px; text-align: center; justify-content: center; }
  .cta-final-texto { width: 100%; }
}

/* ---------- Celular ---------- */
@media (max-width: 767px) {
  .container-cp { padding: 0 18px; }
  .secao { padding: 56px 0; }

  .titulo-secao { font-size: 28px; }
  .subtitulo-secao { font-size: 16px; }

  .hero-cp h1 { font-size: 34px; }
  .hero-texto p { font-size: 17px; }
  .hero-botoes { flex-direction: column; width: 100%; }
  .hero-botoes .btn-cp { width: 100%; }
  .hero-indicadores { gap: 16px 22px; justify-content: center; }

  .hero-visual { min-height: 340px; }
  .hero-foto-principal { height: 340px; }
  .phone-mockup { width: 160px; right: -8px; bottom: -20px; }
  .phone-mockup img { height: 148px; }
  .cartao-flutuante { left: -12px; bottom: 20px; max-width: 190px; padding: 12px 14px; }

  .grid-estatisticas { grid-template-columns: repeat(2, 1fr); }
  .item-estatistica .numero { font-size: 26px; }

  .pet-do-dia-info h3 { font-size: 26px; }
  .pet-do-dia-meta { gap: 18px; }

  .grid-mural { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .filtros-mural { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 6px; -webkit-overflow-scrolling: touch; }
  .filtros-mural::-webkit-scrollbar { display: none; }
  .filtro-btn { white-space: nowrap; }

  .video-cp { aspect-ratio: 4/5; }
  .botao-play { width: 70px; height: 70px; font-size: 20px; }

  .cta-final { border-radius: var(--raio-lg); }
  .cta-final-botoes { width: 100%; flex-direction: column; }
  .cta-final-botoes .btn-cp { width: 100%; }

  .footer-topo { grid-template-columns: 1fr; gap: 32px; padding-bottom: 32px; }
  .footer-base { flex-direction: column; text-align: center; }
  .footer-base a { margin: 0 8px; }

  .whatsapp-flutuante { width: 52px; height: 52px; font-size: 22px; bottom: 18px; right: 18px; }

  .topo-pagina { padding: 130px 0 50px; }
}

/* ---------- Celular pequeno ---------- */
@media (max-width: 420px) {
  .grid-mural { grid-template-columns: 1fr 1fr; gap: 10px; }
  .hero-indicadores { flex-direction: column; align-items: flex-start; margin-left: 20%; }
  .grid-estatisticas { grid-template-columns: 1fr 1fr; }
}