/* ────────────────── 1024px ────────────────── */
@media (max-width: 1024px) {
  .hero-headline { font-size: 44px; }
  .method-showcase {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 20px;
  }
  .method-mockup {
    position: static;
    max-width: 260px;
    margin: 0 auto;
  }
  .method-showcase .method-grid { grid-template-columns: repeat(2, 1fr); }
  .method-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ────────────────── 768px ────────────────── */
@media (max-width: 768px) {
  .container { padding: 0 20px; }

  /* NAV */
  .nav-links { display: none; }
  .nav-inner { padding: 0 20px; }

  /* HERO */
  .hero-content { padding: 100px 20px 60px; }
  .hero-headline { font-size: 36px; }
  .hero-sub { font-size: 16px; }
  .slide-overlay { bottom: 24px; left: 20px; font-size: 13px; }
  .slide--1 { background-image: url('../images/mob-banner-1.jpg'); }
  .slide--2 { background-image: url('../images/mob-banner-2.png'); }
  .slide--3 { background-image: url('../images/mob-banner-3.jpg'); }
  .slide--4 { background-image: url('../images/mob-banner-4.jpg'); }
  .slide--5 { background-image: url('../images/mob-banner-5.jpg'); }
  .slide { background-position: center top; }
  .hero-dim {
    background: linear-gradient(180deg, rgba(10, 20, 40, 0.55) 0%, rgba(10, 20, 40, 0.88) 70%);
  }

  /* MÉTODO */
  .method { padding: 80px 0; }
  .method-header { padding: 0 20px; }
  .method-header h2 { font-size: 32px; }
  .method-showcase { padding: 0 20px; }
  .method-mockup { max-width: 220px; }
  .method-showcase .method-grid { grid-template-columns: 1fr; }
  .method-grid { grid-template-columns: 1fr; padding: 0; }

  /* AUDIENCE */
  .audience { padding: 80px 20px; }
  .audience h2 { font-size: 32px; }
  .audience-list li { font-size: 16px; }

  /* OFFER */
  .offer { padding: 80px 20px; }
  .offer h2 { font-size: 32px; }
  .price-card { padding: 40px 28px; }
  .price-value { font-size: 56px; }

  /* FAQ */
  .faq { padding: 80px 20px; }
  .faq h2 { font-size: 32px; }
  .faq-question { font-size: 17px; }

  .seo-content { padding: 80px 0; }
  .seo-content h2 { font-size: 28px; padding: 0 20px; }
  .seo-content__grid { padding: 0 20px; }
  .seo-content__grid p { font-size: 16px; }

  /* FOOTER */
  footer { padding: 48px 20px; }

  /* BUTTONS */
  .btn-primary { padding: 14px 32px; font-size: 15px; }
}

/* ────────────────── 480px ────────────────── */
@media (max-width: 480px) {
  .hero-headline { font-size: 30px; }
  .hero-label { font-size: 10px; letter-spacing: 0.2em; }
  .nav-logo__wrap { height: 32px; }
  .nav-logo__img { height: 32px; }
  .footer-logo__img { height: 36px; }
  .method-header h2 { font-size: 28px; }
  .audience h2 { font-size: 28px; }
  .offer h2 { font-size: 28px; }
  .faq h2 { font-size: 30px; }
  .price-value { font-size: 48px; }
  .price-card { padding: 32px 20px; }
  .method-mockup { max-width: 180px; }
}