/* ==========================================================================
   NOVA GESTÕES - Responsive V2 (2026)
   Mobile-first com breakpoints modernos
   ========================================================================== */

/* === MOBILE (< 768px) === */
@media (max-width: 767px) {
  /* Top bar */
  .top-bar__inner {
    justify-content: center;
    text-align: center;
  }

  .top-bar__support {
    display: none;
  }

  /* Navbar */
  .navbar__nav,
  .navbar__actions .btn {
    display: none;
  }

  .navbar__burger {
    display: flex;
  }

  .navbar__actions {
    gap: var(--space-2);
  }

  /* Hero */
  .hero {
    min-height: auto;
    padding: var(--space-12) 0 0;
  }

  .hero__inner {
    grid-template-columns: 1fr;
    gap: var(--space-6);
    text-align: center;
  }

  .hero__content {
    align-items: center;
  }

  .hero__title {
    font-size: var(--text-4xl);
  }

  .hero__description {
    max-width: none;
  }

  .hero__actions {
    justify-content: center;
    width: 100%;
    margin-bottom: var(--space-8);
  }

  .hero__actions .btn {
    width: 100%;
    justify-content: center;
  }

  .hero__image {
    min-height: 250px;
  }

  .hero__image > img:not(.hero__shape) {
    max-width: 280px;
  }

  .hero__shape {
    max-width: 320px;
  }

  /* Intro bar: menos overlap no mobile */
  .intro-bar {
    margin-top: -60px;
    padding-top: calc(var(--section-padding) + 20px);
  }

  /* Sections */
  .section__header {
    margin-bottom: var(--space-10);
  }

  .section__header h2 {
    font-size: var(--text-3xl);
  }

  /* Intro bar */
  .intro-bar__text {
    font-size: var(--text-base);
  }

  /* Features */
  .features {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .feature-card {
    padding: var(--space-6);
  }

  /* Partners */
  .partners__grid {
    gap: var(--space-4);
  }

  .partners__item {
    padding: var(--space-3) var(--space-5);
  }

  .partners__item img {
    height: 38px;
  }

  .partners__lines {
    display: none;
  }

  /* Platform */
  .platform {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  .platform__features {
    grid-template-columns: 1fr;
  }

  .platform__image {
    order: -1;
  }

  /* Support */
  .support-grid {
    grid-template-columns: 1fr;
  }

  /* Stats */
  .stats__grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-6);
  }

  .stat__number {
    font-size: var(--text-4xl);
  }

  /* Footer */
  .footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  .footer__seals {
    justify-content: center;
    flex-wrap: wrap;
  }

  /* Go top */
  .go-top {
    bottom: var(--space-4);
    right: var(--space-4);
    width: 44px;
    height: 44px;
  }
}

/* === SMALL MOBILE (< 480px) === */
@media (max-width: 479px) {
  .hero__title {
    font-size: var(--text-3xl);
  }

  .hero__image {
    min-height: 200px;
  }

  .hero__image > img:not(.hero__shape) {
    max-width: 220px;
  }

  .hero__shape {
    max-width: 260px;
  }

  .stats__grid {
    grid-template-columns: 1fr;
  }

  .partners__grid {
    flex-direction: column;
    gap: var(--space-4);
  }

  .partners__item {
    width: 100%;
  }

  .footer__social {
    justify-content: center;
  }
}

/* === TABLET (768px - 991px) === */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar__nav {
    display: none;
  }

  .navbar__burger {
    display: flex;
  }

  .hero {
    min-height: auto;
  }

  .hero__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-10);
  }

  .hero__title {
    font-size: var(--text-4xl);
  }

  .hero__actions {
    margin-bottom: var(--space-16);
  }

  .intro-bar {
    margin-top: -80px;
    padding-top: calc(var(--section-padding) + 30px);
  }

  .features {
    grid-template-columns: repeat(2, 1fr);
  }

  .platform {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  .footer__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-8);
  }
}

/* === DESKTOP (>= 992px) === */
@media (min-width: 992px) {
  .navbar__burger {
    display: none;
  }

  .navbar__mobile {
    display: none !important;
  }

  .features {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* === LARGE DESKTOP (>= 1200px) === */
@media (min-width: 1200px) {
  .hero__inner {
    gap: var(--space-24);
  }

  .platform {
    gap: var(--space-24);
  }
}

/* === ACESSIBILIDADE: HIGH CONTRAST MODE === */
@media (forced-colors: active) {
  .btn {
    border: 2px solid currentColor;
  }

  .feature-card,
  .support-card {
    border: 2px solid currentColor;
  }

  .navbar {
    border-bottom: 2px solid currentColor;
  }
}

/* === PRINT === */
@media print {
  .top-bar,
  .navbar,
  .go-top,
  .preloader,
  .dark-toggle,
  .footer__social {
    display: none !important;
  }

  body {
    color: #000;
    background: #fff;
  }

  .hero,
  .section--dark,
  .intro-bar,
  .stats,
  .partners {
    background: #fff !important;
    color: #000 !important;
  }

  a[href]::after {
    content: ' (' attr(href) ')';
    font-size: 0.8em;
    color: #666;
  }
}
