/* ============================================================
   COMERCIAL BARBOSA — GRUPO VIP
   RESPONSIVE.CSS — Mobile-first breakpoints
   ============================================================ */

@media (max-width: 1024px) {
  .stats-grid  { grid-template-columns: repeat(2, 1fr); }
  .dif-grid    { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  #hero {
    background-image: url('../images/FUNDOCELULAR.webp');
    background-position: center top;
    padding: 44px 0 52px;
  }
  #triggers {
    background-image: url('../images/FUNDOCELULAR.webp');
    background-attachment: scroll;
  }
  #cta-final {
    background-image: url('../images/FUNDOCELULAR.webp');
    background-attachment: scroll;
  }

  .hero-inner         { padding: 0 16px; }
  .hero-seal          { width: 200px; margin-bottom: 16px; }
  .hero-headline      { font-size: clamp(2.1rem, 10vw, 3.4rem); }
  .hero-sub           { font-size: .96rem; }
  .btn-vip            { font-size: 1.2rem; padding: 15px 32px; }
  .members-proof      { flex-direction: column; gap: 10px; }
  .avatars-stack img  { width: 32px; height: 32px; }

  .carousel-section   { width: 100%; }
  .pill-card          { width: 160px; padding: 14px 10px; }
  .pill-card span     { font-size: .76rem; }

  .triggers-inner     { padding: 0 16px; }
  .triggers-title     { font-size: clamp(1.65rem, 7vw, 2.4rem); }
  .trigger-item       { padding: 15px 16px; gap: 12px; }
  .trigger-item img.check { width: 24px; height: 24px; }
  .trigger-text       { font-size: .96rem; }
  .bottom-cta-text    { font-size: clamp(1rem, 4vw, 1.3rem); }

  .authority-inner    { padding: 0 16px; }
  .stats-grid         { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .stat-card          { padding: 22px 12px; }

  .diferenciais-inner { padding: 0 16px; }
  .dif-grid           { grid-template-columns: 1fr; gap: 14px; }

  .publico-inner      { padding: 0 16px; }
  .publico-grid       { grid-template-columns: 1fr; gap: 14px; }

  .localizacao-inner  { padding: 0 16px; }
  .loc-grid           { grid-template-columns: 1fr; gap: 16px; }
  .loc-map            { height: 180px; }

  .cta-final-inner    { padding: 0 16px; }
}

@media (max-width: 640px) {
  .hero-seal          { width: 185px; }
  .event-badge        { font-size: .72rem; padding: 6px 14px; }
  .btn-vip            { font-size: 1.1rem; padding: 14px 28px; width: 100%; max-width: 360px; }

  .carousel-section::before,
  .carousel-section::after { width: 50px; }

  .trigger-item       { padding: 13px 14px; }
  .trigger-text       { font-size: .9rem; }

  .stats-grid         { grid-template-columns: repeat(2, 1fr); }
  .stat-number        { font-size: 2rem; }

  .dif-card           { padding: 22px 18px; }
  .publico-card       { padding: 22px 18px; }

  .loc-map            { height: 160px; }
}

@media (max-width: 380px) {
  .hero-seal          { width: 165px; }
  .hero-headline      { font-size: 1.95rem; }
  .btn-vip            { font-size: 1rem; padding: 13px 22px; }
  .event-badge        { font-size: .68rem; letter-spacing: .1em; }
  .stats-grid         { grid-template-columns: 1fr 1fr; gap: 10px; }
  .stat-card          { padding: 18px 10px; }
}