/* =============================================
   MOBILE.CSS — Responsividade completa
   ============================================= */

/* ── GLOBAL ── */
html, body { overflow-x: hidden; max-width: 100%; }

/* ── Fix animações — não bloqueiam elementos no mobile ── */
@media (max-width: 768px) {
  .animate-on-scroll {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* ── 992px: background-attachment fixed quebra no iOS ── */
@media (max-width: 992px) {
  .hero-v2-bg,
  .section-dark-pattern,
  .hero { background-attachment: scroll !important; }
}

/* ════════════════════════════════════════════
   768px — BREAKPOINT PRINCIPAL
   ════════════════════════════════════════════ */
@media (max-width: 768px) {

  /* ── TIPOGRAFIA GERAL ──
     Evita palavras isoladas em textos centrados */
  h1, h2, h3, h4 {
    overflow-wrap: break-word;
    word-break: normal;
    text-wrap: balance;
  }
  .section-subtitle,
  .section-header p,
  .hero-v2-desc,
  .solt-card p,
  .diferencial-card p,
  .testi-v2-text,
  .how-step-body p,
  .seg-split-header p {
    overflow-wrap: break-word;
    word-break: normal;
    text-wrap: pretty;
    max-width: 100% !important;
  }

  /* ── SEÇÕES ── */
  .section { padding: 52px 0; }
  .container { padding: 0 20px; }
  .section-header { margin-bottom: 32px; }
  .section-title { font-size: 1.6rem !important; line-height: 1.3 !important; }
  .section-subtitle {
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
    max-width: 100% !important;
  }
  .section-badge { font-size: 0.72rem; }

  /* ── HERO V2 — remove clip-path e border-radius no mobile ── */
  .hero-v2,
  .hero-sobre,
  .hero-segmento,
  .hero-solucoes,
  .hero-contato {
    clip-path: none !important;
    border-radius: 0 !important;
  }

  /* Segmentos: hero baseada em padding (segmento.css), sem min-height de vh */
  .hero-segmento {
    min-height: 0 !important;
  }

  /* Páginas internas (sobre/soluções): min-height zerado aqui,
     sobrescrito para 50vh pelas regras .internal-page abaixo */
  .hero-sobre,
  .hero-solucoes {
    min-height: 0 !important;
  }

  /* Páginas internas: hero com altura moderada no mobile */
  .internal-page .hero-compact,
  .internal-page .hero-compact.hero-sobre,
  .internal-page .hero-compact.hero-solucoes {
    height: auto !important;
    min-height: 50vh !important;
    max-height: none !important;
    overflow: hidden !important;
    align-items: center !important;
  }
  .internal-page .hero-compact .container {
    padding-top: 80px !important;
    padding-bottom: 40px !important;
  }

  /* Barra de soluções — desativa sticky no mobile (causava espaço branco)
     e separa da imagem do notebook abaixo */
  .internal-page .solutions-nav {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    z-index: 10;
  }

  /* Seção PDV — espaço entre a barra e a imagem do notebook */
  .internal-page #pdv {
    padding-top: 48px !important;
  }
  .internal-page .hero-compact .hero-v2-text h1 {
    font-size: 1.5rem !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
  }
  .internal-page .hero-compact .hero-v2-desc {
    font-size: 0.82rem !important;
    margin-bottom: 0 !important;
    line-height: 1.4 !important;
  }
  .internal-page .hero-compact .hero-v2-eyebrow {
    margin-bottom: 6px !important;
  }

  /* Puxa a primeira seção após o hero — homepage */
  .hero-next {
    margin-top: -45vh !important;
    position: relative;
    z-index: 10;
  }

  /* Páginas internas: pequena sobreposição para encaixe visual */
  .internal-page .hero-next {
    margin-top: 0 !important;
    position: relative;
    z-index: 5;
  }
  /* Overlay mobile: camada base escura + degradê de cima para baixo para leitura */
  .hero-v2-overlay {
    background:
      linear-gradient(
        to bottom,
        rgba(8, 20, 45, 0.88) 0%,
        rgba(8, 20, 45, 0.72) 60%,
        rgba(8, 20, 45, 0.50) 100%
      ) !important;
  }
  /* Foto posicionada para mostrar o rosto/pessoa — home */
  .hero-v2-bg {
    background-position: 80% top !important;
    background-size: cover !important;
  }

  /* Imagens mobile — segmentos */
  .hero-bg-supermercado {
    background-image: url('https://lp.softwarehouseexponencial.com.br/wp-content/uploads/2026/05/Design-sem-nome.png') !important;
    background-position: center top !important;
  }
  .hero-bg-conveniencia {
    background-image: url('https://lp.softwarehouseexponencial.com.br/wp-content/uploads/2026/05/Design-sem-nome-1.png') !important;
    background-position: center 15% !important;
  }
  .hero-bg-atacarejo {
    background-image: url('https://lp.softwarehouseexponencial.com.br/wp-content/uploads/2026/05/Design-sem-nome-4.png') !important;
    background-position: center top !important;
  }
  .hero-bg-redes {
    background-image: url('https://lp.softwarehouseexponencial.com.br/wp-content/uploads/2026/05/Design-sem-nome-3.png') !important;
    background-position: center top !important;
  }
  .hero-bg-minimercado {
    background-image: url('https://lp.softwarehouseexponencial.com.br/wp-content/uploads/2026/05/Design-sem-nome-2.png') !important;
    background-position: center top !important;
  }
  .hero-bg-sobre {
    background-image: url('https://lp.softwarehouseexponencial.com.br/wp-content/uploads/2026/05/Design-sem-nome-3.png') !important;
    background-position: center top !important;
  }
  .hero-v2-bg.hero-bg-solucoes {
    background-image: url('https://lp.softwarehouseexponencial.com.br/wp-content/uploads/2026/05/Design-sem-nome.png') !important;
    background-position: center top !important;
  }
  .hero-sobre .hero-v2-overlay {
    background: linear-gradient(
      to bottom,
      rgba(8, 20, 45, 0.92) 0%,
      rgba(8, 20, 45, 0.80) 60%,
      rgba(8, 20, 45, 0.55) 100%
    ) !important;
  }
  .hero-v2 .container {
    padding-top: 70px !important;
    padding-bottom: 24px !important;
  }

  /* Padding equilibrado dos segmentos no mobile */
  .hero-segmento .container {
    padding-top: 120px !important;
    padding-bottom: 40px !important;
  }
  .hero-v2-eyebrow { margin-bottom: 8px; }
  .hero-v2-text h1 {
    font-size: 1.7rem !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
  }
  .hero-v2-desc {
    font-size: 0.88rem !important;
    margin-bottom: 14px;
    line-height: 1.5;
  }
  .hero-v2-bullets {
    gap: 8px;
    margin-bottom: 18px;
  }
  .hero-v2-bullets li {
    font-size: 0.88rem !important;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: nowrap;
  }
  .hero-v2-bullets li i { margin-top: 3px; flex-shrink: 0; font-size: 0.9rem !important; }
  .hero-v2-bullets li > span { display: block; flex: 1; line-height: 1.55; }
  .hero-v2-bullets li .hl-w { font-size: inherit !important; font-weight: 700; }
  .hero-v2-cta {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 0.95rem;
    padding: 16px 24px;
    margin-top: 4px;
  }

  /* ── MÉTRICAS GLASS ── */
  .metrics-glass-section {
    margin-top: -36px !important;
    margin-bottom: -36px !important;
    padding: 0 !important;
    position: relative;
    z-index: 10;
  }
  .metrics-glass-card {
    grid-template-columns: 1fr 1fr !important;
    gap: 0 !important;
    padding: 14px !important;
  }
  .metric-glass-divider { display: none !important; }
  .metric-glass-item {
    padding: 18px 10px !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
  }
  .metric-glass-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.07) !important; }
  .metric-glass-item:nth-last-child(-n+2) { border-bottom: none !important; }
  .metric-number { font-size: 2rem !important; }
  .metric-suffix { font-size: 1.1rem !important; }
  .metric-label { font-size: 0.7rem; }

  /* ── ANTES / DEPOIS ── */
  .ba-section { margin-top: 0 !important; padding-top: 72px !important; }
  .ba-card { padding: 20px 14px; border-radius: 14px; }
  .ba-toggle-row { gap: 12px; }
  .ba-label { font-size: 0.82rem; }
  .ba-grid { grid-template-columns: 1fr !important; gap: 10px; }

  /* ── SEGMENTOS SPLIT ── */
  .seg-split-image-panel { display: none !important; }
  .seg-split-content { max-width: 100% !important; padding: 52px 0 !important; padding-right: 0 !important; }
  .seg-split-header h2 { font-size: 1.6rem; }
  .seg-tiles-grid { grid-template-columns: 1fr 1fr !important; gap: 10px; }
  .seg-tile--wide { grid-column: span 2; }
  .seg-tile { padding: 12px 10px; gap: 8px; }
  .seg-tile-name { font-size: 0.82rem; }
  .seg-tile-sub { font-size: 0.72rem; }
  .seg-tile-icon { width: 32px; height: 32px; font-size: 0.85rem; }

  /* ── COMO FUNCIONA ── */
  .how-sticky-section { padding: 52px 0; }
  .how-sticky-grid { grid-template-columns: 1fr !important; gap: 32px; }
  .how-sticky-panel { position: static !important; text-align: center; }
  .how-sticky-panel .section-title,
  .how-sticky-panel .section-subtitle { text-align: center; }

  /* ── PIX WEBER SHOWCASE ── */
  .pix2-showcase {
    grid-template-columns: 1fr 1.5fr 1fr !important;
    gap: 8px !important;
    align-items: center !important;
  }
  .pix2-center-card { order: 0 !important; }
  .pix2-stat-card:first-of-type { order: -1 !important; }
  .pix2-stat-card:last-of-type { order: 1 !important; }
  .pix2-stat-card {
    padding: 16px 8px !important;
    border-radius: 14px !important;
    gap: 4px !important;
  }
  .pix2-num { font-size: 1.1rem !important; }
  .pix2-label { font-size: 0.7rem !important; }
  .pix2-compare { font-size: 0.62rem !important; }
  .pix2-center-card {
    padding: 20px 12px !important;
    border-radius: 18px !important;
    gap: 6px !important;
  }
  .pix2-qr-big { font-size: 3.5rem !important; }
  .pix2-qr-amount { font-size: 1.1rem !important; }
  .pix2-qr-confirmed { font-size: 0.62rem !important; }
  .pix2-qr-top { font-size: 0.72rem !important; }

  /* ── PIX PILLS CARROSSEL ── */
  .pix2-pills {
    overflow: hidden !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent) !important;
    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent) !important;
  }
  .pix2-pills-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    animation: scrollPills 10s linear infinite !important;
    will-change: transform;
  }
  .pix2-pill { flex-shrink: 0 !important; }

  /* ── SOLUÇÕES DESTAQUE (solt) ── */
  .solt-grid { grid-template-columns: 1fr !important; gap: 20px; }
  .solt-card { padding: 24px 18px; }
  .solt-card h3 { font-size: 1.1rem; line-height: 1.3; }

  /* ── SOBRE (home) ── */
  .about-grid { grid-template-columns: 1fr !important; gap: 0; }
  .about-image { position: relative; margin-bottom: 56px; }
  .about-image-main { max-width: 100%; border-radius: 12px; }
  .about-badge {
    position: absolute !important;
    bottom: -40px !important;
    left: 16px !important;
    right: auto !important;
    padding: 14px 20px !important;
  }
  .about-badge-number { font-size: 2.2rem !important; }
  .about-content { padding-top: 8px; text-align: center; }
  .about-content h2 {
    font-size: 1.4rem !important;
    line-height: 1.3;
    text-wrap: balance;
  }
  .about-content p { text-wrap: pretty; }

  /* ── MVV VALORES PILLS — carrossel mobile ── */
  .mvv-valores-pills {
    overflow: hidden !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
    mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent) !important;
    -webkit-mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent) !important;
  }
  .mvv-pills-track {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    animation: scrollPills 12s linear infinite !important;
    will-change: transform;
  }
  .mvv-pill { flex-shrink: 0 !important; }
  @keyframes scrollPills {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  /* ── LOGO FLUTUANTE ── */
  .section-logo-divider { display: none; }

  /* ── DIFERENCIAIS CARROSSEL ── */
  .diferenciais-section { padding: 48px 0; }
  .diferenciais-carousel-wrapper {
    padding: 20px 16px !important;
    overflow: hidden !important;
  }
  .dif-btn { display: none !important; }
  .diferenciais-track-outer {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .diferenciais-track-outer::-webkit-scrollbar { display: none !important; }
  .diferenciais-track {
    transition: none !important;
    gap: 14px !important;
  }
  .diferencial-card {
    flex: 0 0 80vw !important;
    min-width: unset !important;
    padding: 24px 20px !important;
  }

  /* ── CLIENTES (hero-split-wrapper) ── */
  #hero-split-wrapper {
    min-height: auto !important;
    --split-position: 0% !important;
    background: #1B3C61 !important;
  }
  #hero-split-wrapper .main-content {
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 48px 24px 32px !important;
    text-align: center !important;
    align-items: center !important;
  }
  #hero-split-wrapper .col-image { display: none !important; }
  #hero-split-wrapper .col-text {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    align-items: center !important;
  }
  #hero-split-wrapper h2 {
    font-size: 1.7rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin-bottom: 16px !important;
  }
  #hero-split-wrapper h2 span { color: #6aaee8 !important; }
  #hero-split-wrapper p {
    font-size: 0.92rem !important;
    color: rgba(255,255,255,0.78) !important;
    max-width: 100% !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
  }
  #hero-split-wrapper .logos-section {
    width: 100% !important;
    margin-left: 0 !important;
    height: auto !important;
    padding: 20px 0 24px !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
    border-top: 1px solid rgba(255,255,255,0.15) !important;
  }
  #hero-split-wrapper .logos-label {
    width: auto !important;
    padding: 0 24px 16px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-right: none !important;
    border-bottom: none !important;
    text-align: center !important;
    color: rgba(255,255,255,0.7) !important;
  }
  .logos-carousel-wrapper { width: 100% !important; }

  /* ── DEPOIMENTOS ── */
  .testi-v2-grid { grid-template-columns: 1fr !important; gap: 14px; }

  /* ── CTA BRIDGE ── */
  .hcta-card .hcta-inner { flex-direction: column !important; gap: 20px; text-align: center; padding: 28px 20px; }
  .hcta-left { align-items: center; }
  .hcta-vline { display: none; }
  .hcta-actions { flex-direction: column; width: 100%; gap: 10px; }
  .hcta-btn-primary, .hcta-btn-whatsapp { width: 100%; justify-content: center; text-align: center; }

  /* ── WHATSAPP FLOAT ── */
  .whatsapp-float { width: 50px !important; height: 50px !important; font-size: 1.4rem !important; bottom: 16px !important; right: 16px !important; }

  /* ── FOOTER ── */
  .footer-top { padding: 48px 0; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .footer-brand { grid-column: span 1 !important; max-width: 100%; }
  .footer-bottom-content { flex-direction: column; gap: 8px; text-align: center; }

  /* ══════════════════════════════════════
     PÁGINA SOBRE
     ══════════════════════════════════════ */
  .mvv-new-layout { grid-template-columns: 1fr !important; gap: 28px; }
  .mvv-new-right { display: none; }
  .mvv-new-left h2 { font-size: 1.5rem !important; line-height: 1.3; }
  .valores-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 14px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 12px;
    max-width: 100% !important;
    margin: 0 !important;
  }
  .valor-card {
    flex: 0 0 80vw !important;
    max-width: 80vw !important;
    scroll-snap-align: center;
  }
  .traj-scroll-item { padding-left: 20px; }
  .localidade-grid { grid-template-columns: 1fr !important; gap: 20px; }
  .localidade-mapa { height: 260px; }

  /* ══════════════════════════════════════
     PÁGINA SOLUÇÕES
     ══════════════════════════════════════ */
  .sol2-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .sol2-visual { order: -1; }
  .sol-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .sol-title { font-size: 1.4rem !important; line-height: 1.3; }
  .pix2-showcase { flex-direction: column !important; align-items: center; gap: 16px; }
  .pix2-stat-card { width: 100%; max-width: 300px; }
  .pix-spotlight { grid-template-columns: 1fr !important; gap: 28px; }
  .pix-stats-panel { flex-direction: row; }
  .pix-stat-item { flex: 1; }
  .tef2-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .tef2-head { flex-direction: column !important; gap: 20px; }
  .feat-card-grid { grid-template-columns: 1fr !important; gap: 14px; }
  .feat-integrations-strip { overflow-x: auto; }
  .feat-int-items { flex-wrap: nowrap; min-width: max-content; }
  .solutions-nav-list { flex-wrap: nowrap; overflow-x: auto; gap: 0; }
  .solutions-nav-item { white-space: nowrap; flex-shrink: 0; padding: 14px 16px; font-size: 0.82rem; }

  /* ══════════════════════════════════════
     PÁGINAS SEGMENTOS
     ══════════════════════════════════════ */
  .ul-grad {
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
  }
  .segmento-features-grid { grid-template-columns: 1fr 1fr !important; gap: 12px; }
  .segmento-vantagens { grid-template-columns: 1fr !important; }
  /* ── DIFERENCIAIS TABS (sdif) ── */
  .sdif-layout {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 16px !important;
  }
  .sdif-list {
    flex-direction: row !important;
    overflow-x: auto !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .sdif-list::-webkit-scrollbar { display: none !important; }
  .sdif-tab {
    flex-direction: column !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    gap: 6px !important;
    padding: 14px 16px !important;
    border-left: none !important;
    border-bottom: 3px solid transparent !important;
    white-space: nowrap !important;
    min-width: 80px !important;
  }
  .sdif-tab.active {
    border-left-color: transparent !important;
    border-bottom-color: #4a90d9 !important;
  }
  .sdif-tab-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 0.8rem !important;
  }
  .sdif-tab span { font-size: 0.72rem !important; }
  .sdif-panels {
    position: relative !important;
    min-height: unset !important;
  }
  .sdif-panel {
    position: relative !important;
    inset: unset !important;
    display: none !important;
    padding: 28px 20px !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .sdif-panel.active {
    display: flex !important;
  }
  .sdif-panel-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    font-size: 1.1rem !important;
    margin-bottom: 16px !important;
    border-radius: 13px !important;
  }
  .sdif-panel h3 { font-size: 1.15rem !important; margin-bottom: 10px !important; }
  .sdif-panel p { font-size: 0.875rem !important; margin-bottom: 18px !important; line-height: 1.7 !important; }
  .sdif-panel-stat { padding: 8px 16px !important; }
  .sform-grid, .segmento-form-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .sform-row { grid-template-columns: 1fr !important; gap: 0 !important; }
  .sform-card-body .form-control {
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    border: 1.5px solid #d8e6f5 !important;
    box-shadow: none !important;
  }
  .sform-card-body .form-control:focus {
    border-color: #4a90d9 !important;
    box-shadow: 0 0 0 3px rgba(74,144,217,0.13) !important;
  }
  .sform-card-body .btn-submit {
    padding: 16px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 0.9rem !important;
    white-space: normal !important;
    line-height: 1.3 !important;
  }

  /* Hero dos segmentos */
  .segmento-hero-actions { flex-direction: column; width: 100%; gap: 10px; }
  .segmento-hero-actions .btn { width: 100%; justify-content: center; }

  /* ══════════════════════════════════════
     PÁGINA CONTATO
     ══════════════════════════════════════ */
  .contact-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .cntct-steps-grid { grid-template-columns: 1fr !important; gap: 14px; }

  /* ══════════════════════════════════════
     STATS STRIP
     ══════════════════════════════════════ */
  .stats-strip { grid-template-columns: 1fr 1fr !important; gap: 0; }
  .strip-divider:nth-child(4) { display: none; }

  /* ══════════════════════════════════════
     POLÍTICA / TERMOS
     ══════════════════════════════════════ */
  .legal-card { padding: 24px 16px !important; }
  .legal-hero h1 { font-size: 1.5rem !important; }

  /* ══════════════════════════════════════
     PAGE HEADER
     ══════════════════════════════════════ */
  .page-header { padding: 120px 0 56px; }
  .page-header h1 { font-size: 1.9rem; }

  /* ══════════════════════════════════════
     CASE GRID
     ══════════════════════════════════════ */
  .case-grid { grid-template-columns: 1fr !important; gap: 28px; }
  .case-stats { grid-template-columns: repeat(3, 1fr); }

}

/* ════════════════════════════════════════════
   576px
   ════════════════════════════════════════════ */
@media (max-width: 576px) {
  .pix-stats-panel { flex-direction: column !important; }
  .pix-stat-item { flex: none; width: 100%; }
  .pix2-center-card { width: 100%; }
  .stats-strip { grid-template-columns: 1fr !important; }
  .strip-divider { display: none !important; }

  /* hero-compact páginas internas — 576px */
  .internal-page .hero-compact,
  .internal-page .hero-compact.hero-sobre,
  .internal-page .hero-compact.hero-solucoes {
    height: auto !important;
    min-height: 50vh !important;
    max-height: none !important;
  }
  .internal-page .hero-compact .container {
    padding-top: 80px !important;
    padding-bottom: 40px !important;
  }
  .internal-page .hero-next {
    margin-top: 0 !important;
  }
}

/* ════════════════════════════════════════════
   480px — SMARTPHONES PEQUENOS
   ════════════════════════════════════════════ */
@media (max-width: 480px) {

  /* ── GERAL ── */
  .section { padding: 40px 0; }
  .container { padding: 0 16px; }
  .section-title { font-size: 1.35rem !important; }

  /* ── HERO V2 ── */
  .hero-v2 .container { padding-top: 64px !important; padding-bottom: 20px !important; }
  .hero-segmento .container { padding-top: 120px !important; padding-bottom: 40px !important; }
  .hero-v2-text h1 { font-size: 1.5rem !important; margin-bottom: 8px !important; }
  .hero-v2-desc { font-size: 0.9rem !important; }
  .hero-v2-cta { font-size: 0.9rem; padding: 15px 22px; }

  /* hero-compact páginas internas — 480px */
  .internal-page .hero-compact,
  .internal-page .hero-compact.hero-sobre,
  .internal-page .hero-compact.hero-solucoes {
    height: auto !important;
    min-height: 50vh !important;
    max-height: none !important;
  }
  .internal-page .hero-compact .container {
    padding-top: 80px !important;
    padding-bottom: 40px !important;
  }
  .internal-page .hero-next { margin-top: -20px !important; }

  /* ── MÉTRICAS GLASS ── */
  .metrics-glass-section { margin-top: -32px !important; margin-bottom: -32px !important; }
  .metrics-glass-card { padding: 10px !important; }
  .metric-glass-item { padding: 14px 8px !important; }
  .metric-number { font-size: 1.8rem !important; }
  .metric-suffix { font-size: 0.95rem !important; }

  /* ── BA SECTION ── */
  .ba-section { padding-top: 64px !important; }

  /* ── SEGMENTOS TILES — 1 coluna ── */
  .seg-tiles-grid { grid-template-columns: 1fr !important; }
  .seg-tile--wide { grid-column: span 1; }

  /* ── FEATURES SEGMENTO — 1 coluna ── */
  .segmento-features-grid { grid-template-columns: 1fr !important; }

  /* ── ABOUT BADGE ── */
  .about-badge-number { font-size: 1.9rem !important; }

  /* ── FOOTER ── */
  .footer-bottom-links { flex-direction: column; gap: 6px; align-items: center; }

  /* ── WHATSAPP ── */
  .whatsapp-float { width: 46px !important; height: 46px !important; font-size: 1.3rem !important; bottom: 14px !important; right: 14px !important; }

  /* ── CASE ── */
  .case-stats { grid-template-columns: 1fr !important; }

  /* ── DIFERENCIAIS ── */
  .diferenciais-carousel-wrapper { padding: 32px 36px !important; }

}