/* =============================================
   Rainhas da Pechincha - Responsive
   ============================================= */

@media (max-width: 480px) {
  .hero h1 { font-size: 1.7rem; }
  .btn { padding: 0.75rem 1.5rem; font-size: 0.9rem; width: 100%; }
  .section-title { font-size: 1.4rem; }
  .cta-section h2 { font-size: 1.3rem; }
}

@media (min-width: 481px) and (max-width: 767px) {
  .hero h1 { font-size: 2.2rem; }
  .posts-grid { grid-template-columns: repeat(2, 1fr); }
}