/* =============================================
   RESPONSIVE CSS - Predialtech
   ============================================= */

@media (max-width: 768px) {

  /* Container */
  .container { padding: 0 20px; }

  /* Header */
  .header__inner { padding: 16px 20px; }
  .nav { display: none; }
  .nav.is-open { display: flex; flex-direction: column; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: var(--grafite); z-index: 999; padding: 80px 24px 40px; }
  .nav-toggle { display: flex; }

  /* Hero */
  .hero { min-height: 60vh; padding: 100px 0 60px; }
  .hero__title { font-size: 36px; }
  .hero__content { max-width: 100%; }
  .hero__content .label--outlined { display: none; }

  /* Section */
  .section { padding: 40px 0; }
  .section-title { font-size: 22px; }
  .section-header { margin-bottom: 20px; }

  /* About Split */
  .about-split { flex-direction: column; }
  .about-split__media { width: 100%; order: 2; }
  .about-split__content { width: 100%; order: 1; }
  .about-split__img:not(img) { height: 260px; width: 100%; }
  .about-split__deco { display: none; }
  .about-split__title { font-size: 24px; }

  /* Principles */
  .principles__grid { grid-template-columns: 1fr !important; gap: 20px; }

  /* Capabilities */
  .capabilities__inner { flex-direction: column; }
  .capabilities__content { width: 100%; }
  .capabilities__media { width: 100%; order: -1; }
  .capabilities__img:not(img) { height: 220px; width: 100%; }
  .capabilities__deco { display: none; }
  .capabilities__title { font-size: 22px; }

  /* CTA Banner */
  .cta-banner__inner { padding: 20px 0; }
  .cta-banner__title { font-size: 24px; }

  /* Footer */
  .footer__grid { grid-template-columns: 1fr; gap: 32px; }
  .footer__bottom-inner { flex-direction: column; gap: 8px; text-align: center; }

  /* Cases */
  .cases__grid { grid-template-columns: 1fr; }
  .case-card__desc { display: none; }
  .case-card__meta { display: none; }
  .case-card__hover-cta { display: none; opacity: 0; }

}

/* Fixes adicionais mobile */
@media (max-width: 768px) {
  .about-split {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .about-split__media {
    order: 2;
  }
  .about-split__content {
    order: 1;
  }
  .principles__grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

@media (max-width: 768px) {
  .capabilities__inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .capabilities__media {
    order: -1;
  }
  .capabilities__img:not(img) {
    height: 220px;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .capabilities__inner {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
  .capabilities__media {
    order: -1;
  }
  .capabilities__img:not(img) {
    height: 220px;
    width: 100%;
  }
}