/* Responsive Styles */

/* Large devices (desktops, up to 1200px) */
@media (max-width: 1200px) {
  .container {
    max-width: 960px;
  }
}

/* Medium devices (tablets, up to 992px) */
@media (max-width: 992px) {
  .container {
    max-width: 720px;
  }
  
  .hero-content {
    flex-direction: column;
    text-align: center;
  }
  
  .hero-text h1 {
    font-size: 1.8rem;
  }
  
  .benefits-list li {
    padding-left: 25px;
  }
  
  .packages-container {
    gap: var(--spacing-sm);
  }
  
  .package {
    width: 280px;
  }
}

/* Small devices (landscape phones, up to 768px) */
@media (max-width: 768px) {
  .container {
    max-width: 540px;
  }
  
  .hero-text h1 {
    font-size: 1.6rem;
  }
  
  .cta-button {
    width: 100%;
    padding: var(--spacing-sm) var(--spacing-md);
  }
  
  .endorsement h2,
  .guarantee h2,
  .packages h2,
  .faq-header h2 {
    font-size: 1.5rem;
  }
  
  .product-image img {
    max-width: 100%;
  }
  
  .package {
    width: 100%;
    max-width: 350px;
  }
}

/* Extra small devices (phones, up to 576px) */
@media (max-width: 576px) {
  .hero-text h1 {
    font-size: 1.4rem;
  }
  
  .payment-notice {
    padding: var(--spacing-xs);
  }
  
  .payment-alert {
    font-size: 0.9rem;
  }
  
  .payment-timer {
    font-size: 0.9rem;
  }
  
  .payment-info {
    font-size: 0.8rem;
  }
  
  .benefits-list li {
    font-size: 0.9rem;
  }
  
  .endorsement h2,
  .guarantee h2,
  .packages h2,
  .faq-header h2 {
    font-size: 1.3rem;
  }
  
  .approval-text,
  .guarantee-text {
    font-size: 0.8rem;
  }
  
  .package-title {
    font-size: 0.9rem;
  }
  
  .package-price {
    font-size: 1.3rem;
  }
  
  .package-installment,
  .package-info {
    font-size: 0.8rem;
  }
  
  .faq-question h3 {
    font-size: 1rem;
  }
  
  .footer {
    padding: var(--spacing-md) 0;
  }
  
  .payment-methods h3,
  .shipping h3,
  .support h3 {
    font-size: 0.9rem;
  }
}