/* ============================================
   Additional Responsive Tweaks
   ============================================ */

   @media (max-width: 1200px) {
    .container {
      max-width: 960px;
    }
    
    .hero-title {
      font-size: var(--font-size-4xl);
    }
  }
  
  @media (max-width: 992px) {
    .container {
      max-width: 720px;
    }
    
    .section {
      padding: var(--spacing-3xl) 0;
    }
    
    .hero-title {
      font-size: var(--font-size-3xl);
    }
    
    .section-title {
      font-size: var(--font-size-3xl);
    }
  }
  
  @media (max-width: 768px) {
    .container {
      max-width: 540px;
      padding: 0 var(--spacing-lg);
    }
    
    /* Typography */
    h1 {
      font-size: var(--font-size-3xl);
    }
    
    h2 {
      font-size: var(--font-size-2xl);
    }
    
    h3 {
      font-size: var(--font-size-xl);
    }
    
    /* Hero Section */
    .hero-section {
      padding: var(--spacing-3xl) 0;
    }
    
    .hero-cta {
      flex-direction: column;
    }
    
    .hero-cta .btn-youtube-primary,
    .hero-cta .btn-primary {
      width: 100%;
    }
    
    .hero-stats {
      flex-direction: column;
      gap: var(--spacing-md);
    }
    
    /* Buttons */
    .btn {
      width: 100%;
      justify-content: center;
    }
    
    /* Cards */
    .category-card,
    .feature-card,
    .channel-card {
      text-align: center;
    }
    
    /* Stats Grid */
    .stats-grid {
      grid-template-columns: 1fr 1fr;
    }
    
    /* Certificate Section */
    .certificate-content {
      padding-left: 0;
    }
    
    .certificate-cta {
      flex-direction: column;
    }
  }
  
  @media (max-width: 480px) {
    .container {
      padding: 0 var(--spacing-md);
    }
    
    /* Spacing */
    .section {
      padding: var(--spacing-2xl) 0;
    }
    
    /* Typography */
    .hero-title {
      font-size: var(--font-size-2xl);
    }
    
    .section-title {
      font-size: var(--font-size-xl);
    }
    
    /* Navbar */
    .navbar-brand {
      font-size: var(--font-size-lg);
    }
    
    /* Footer */
    .footer-social {
      justify-content: center;
    }
    
    .social-link {
      width: 36px;
      height: 36px;
    }
  }
  
  /* Landscape Mobile Phones */
  @media (max-width: 812px) and (orientation: landscape) {
    .hero-section {
      padding: var(--spacing-2xl) 0;
    }
    
    .section {
      padding: var(--spacing-2xl) 0;
    }
  }
  
  /* Print Styles */
  @media print {
    .site-header,
    .site-footer,
    .btn,
    .hero-cta,
    .navbar-actions,
    #whatsapp-float,
    #back-to-top {
      display: none !important;
    }
    
    body {
      font-size: 12pt;
      color: black;
    }
    
    a {
      color: black;
      text-decoration: underline;
    }
  }