/* =========================
   Desktop Muito Grande (>=1400px)
   ========================= */
@media (min-width: 1400px) {
    .case-success-container { gap: 5rem; }
    .case-content { max-width: 800px; }
    .ibm-logo { max-width: 380px; }

    .saas-container { gap: 5rem; }
    .saas-content { max-width: 700px; }
    .datacenter-image { max-width: 650px; }

    /* Hero otimizado */
    .hero-container { max-width: 1600px; gap: 4rem; }
    .hero-content { max-width: 700px; }
    .hero-card-image { max-width: 750px; }
    
    /* Hero Benefício - tamanho extra grande */
    .hero-beneficio {
        max-width: 1600px;
    }
    .hero-beneficio .image-wrap,
    .hero-beneficio .hero-card-image {
        max-width: 1400px;
    }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
    .container { max-width: 100%; padding: 0 30px; }

    .nav-menu { gap: 1.5rem; }
    .nav-link { font-size: 0.65rem !important; }
    .logo-text {  letter-spacing: -1px; font-weight: 400; font-size: 2.5rem !important; }

    .hero-container { grid-template-columns: 1.1fr 1.2fr; gap: 2.5rem; max-width: 100%; }
    .hero-section h1 { font-size: 2.5rem; }
    .hero-divider { width: 250px; }
    .hero-card-image { max-width: 550px; }
    .hero-content { max-width: 600px; }

    /* Estilos comuns de seção para Tablet */
    .hero-beneficio-section, 
    .benefits-section, 
    .multisaldo-section, 
    .saas-solution-section,
    .rh-management-section,
    .app-section,
    .fast-processing-section,
    .capture-options-section,
    .multichannel-section,
    .banco24h-section,
    .tech-section,
    .financial-section,
    .case-success-section,
    .saas-section,
    .partners-section,
    .faq-section {
        padding: 70px 0;
    }

    /* Estilos comuns de título para Tablet */
    .multisaldo-title,
    .saas-solution-title,
    .rh-management-title,
    .app-title,
    .fast-processing-title,
    .capture-options-title,
    .multichannel-title,
    .banco24h-title,
    .tech-title,
    .financial-title,
    .benefits-title,
    .case-title, 
    .case-subtitle,
    .saas-title, 
    .saas-subtitle {
        font-size: 2.2rem;
    }

    /* Estilos comuns de box para Tablet */
    .multisaldo-box h3,
    .saas-solution-box h3,
    .rh-management-box h3,
    .app-box h3,
    .fast-processing-box h3,
    .capture-options-box h3,
    .multichannel-box h3,
    .banco24h-box h3,
    .tech-box h3,
    .financial-box h3 {
        font-size: 1.3rem;
        padding: 1.2rem 0.8rem 1.2rem;
    }

    /* Estilos comuns de box content para Tablet */
    .multisaldo-box-content,
    .saas-solution-box-content,
    .rh-management-box-content,
    .app-box-content,
    .fast-processing-box-content,
    .capture-options-box-content,
    .multichannel-box-content,
    .banco24h-box-content,
    .tech-box-content,
    .financial-box-content {
        padding: 0 1.2rem 1.2rem;
    }

    /* Ajustes específicos para seções em Tablet */
    .hero-beneficio {
        grid-template-columns: 1fr 1fr;
        padding: 70px 0;
    }
    .hero-beneficio .titles h1 {
        font-size: 2.3rem;
        line-height: 1.1;
    }
    .hero-beneficio .image-wrap,
    .hero-beneficio .hero-card-image {
        max-width: 950px;
    }
    
    .benefits-title {
        margin-bottom: 1.8rem;
    }
    
    .multisaldo-container,
    .saas-solution-container {
        gap: 3rem;
    }
    
    .multisaldo-boxes,
    .rh-management-boxes,
    .fast-processing-boxes,
    .capture-options-boxes,
    .tech-boxes,
    .financial-boxes {
        gap: 1.5rem;
    }
    
    .rh-management-content,
    .fast-processing-content,
    .capture-options-content {
        margin-bottom: 2.5rem;
    }
    
    .app-text-content {
        max-width: 90%;
    }
    
    .app-flex-container,
    .multichannel-flex-container,
    .banco24h-flex-container {
        gap: 2rem;
    }
    
    .app-mockup {
        max-width: 90%;
    }

    .social-channels {
        gap: 1.5rem;
    }
    
    .social-icon {
        width: 40px;
        height: 40px;
    }
    
    .social-text {
        font-size: 0.9rem;
    }
    
    .banco24h-logo {
        max-width: 400px;
    }
    
    .tech-title {
        margin-bottom: 2.5rem;
    }

    .solutions-title { grid-column: 2; justify-self: center; }
    .solutions-container { gap: 3rem; padding: 0; }
    .cards-image { max-width: 650px; }
    .solutions-cards { gap: 1.5rem; }
    .solution-card h3 { font-size: 1.1rem; padding: 1.2rem 0.8rem; }
    .solution-card-content { padding: 1.5rem; justify-content: center; }
    .btn-container { margin-bottom: 0.75rem; }

    .case-success-container { gap: 3rem; grid-template-columns: 1.2fr 1fr; align-items: start; }
    .case-content { padding-top: 1rem; }
    .case-description, .case-details, .case-link { font-size: 1rem; line-height: 1.5; margin-bottom: 1.2rem; }
    .case-logo { display: flex; justify-content: center; align-items: center; min-height: 350px; height: 100%; }
    .ibm-logo { height: auto; max-width: 300px; width: 90%; }

    .saas-container { gap: 3rem; grid-template-columns: 1.2fr 1fr; }
    .saas-description, .saas-details, .saas-benefits { font-size: 1rem; line-height: 1.4; margin-bottom: 1.2rem; }
    .saas-list li { font-size: 0.95rem; margin-bottom: 0.7rem; }
    .datacenter-image { max-width: 500px; border-radius: 12px; }

    .footer { padding: 12px 0 15px; }
    .footer-content { gap: 12px; }
    .footer-logo-text { font-size: 2.2rem; }

    /* Parceiros – Tablet */
    .partners-grid { gap: 1.5rem; }
    .partner-card { padding: 18px; }
    .partner-logo { max-width: 140px; }

    /* FAQ – Tablet */
    .faq-section-title { margin-bottom: 2rem; text-align: center; }
    .faq-accordion { max-width: 100%; padding: 0 10px; }
    .faq-question { font-size: 1.15rem; padding: 16px 0; }
}

/* Tablet Médio (900px) */
@media (max-width: 900px) {
  .case-success-container {
    grid-template-columns: 1.3fr 1fr;
    gap: 2.5rem;
  }
  
  .case-image-container {
    min-height: 300px;
  }
  
  .ibm-logo {
    max-width: 280px;
    width: 85%;
  }
}

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

    /* Troca menu */
    .nav-menu, .language-selector { display: none; }
    .mobile-menu-btn { display: flex; }
    .mobile-menu { display: block; }

    .navbar {
    height: 60px;
    display: flex;
    justify-content: space-between; /* Espaça logo e menu */
    align-items: center;
    padding: 0;
    width: 100%; /* Garante largura total */
  }
    .logo-text { font-size: 2rem !important; }
    .header .container {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
  }

  .header .container .navbar {
    width: 100%;
    display: flex;
    justify-content: space-between; /* Logo à esquerda, menu à direita */
    align-items: center;
  }

  .mobile-menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    position: relative;
    flex: 0 0 auto; /* Não cresce nem encolhe */
    margin-left: auto; /* Força alinhamento à direita */
  }

    /* Estilos comuns de seção para Mobile */
    .hero-beneficio-section, 
    .benefits-section, 
    .multisaldo-section, 
    .saas-solution-section,
    .rh-management-section,
    .app-section,
    .fast-processing-section,
    .capture-options-section,
    .multichannel-section,
    .banco24h-section,
    .tech-section,
    .financial-section,
    .case-success-section,
    .saas-section,
    .partners-section,
    .faq-section,
    .solutions-section {
        padding: 60px 0;
    }

    /* Estilos comuns de título para Mobile */
    .multisaldo-title,
    .saas-solution-title,
    .rh-management-title,
    .app-title,
    .fast-processing-title,
    .capture-options-title,
    .multichannel-title,
    .banco24h-title,
    .tech-title,
    .financial-title,
    .case-title, 
    .case-subtitle,
    .saas-title, 
    .saas-subtitle {
        font-size: 2rem;
    }

    /* Estilos comuns de box para Mobile */
    .multisaldo-box h3,
    .saas-solution-box h3,
    .rh-management-box h3,
    .app-box h3,
    .fast-processing-box h3,
    .capture-options-box h3,
    .multichannel-box h3,
    .banco24h-box h3,
    .tech-box h3,
    .financial-box h3,
    .solution-card h3 {
        font-size: 1.4rem;
    }

    /* Estilos comuns de conteúdo para Mobile */
    .multisaldo-content,
    .saas-solution-content {
        text-align: center;
    }
    
    .rh-management-content,
    .fast-processing-content,
    .capture-options-content,
    .multichannel-content {
        margin-bottom: 2rem;
        text-align: center;
    }
    
    /* Ajustes específicos para layout em Mobile */
    .multisaldo-container,
    .saas-solution-container {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    
    .multisaldo-boxes,
    .rh-management-boxes,
    .fast-processing-boxes,
    .capture-options-boxes,
    .tech-boxes,
    .financial-boxes {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .app-content,
    .tech-title {
        gap: 2rem;
        margin-bottom: 2rem;
    }
    
    .app-flex-container,
    .multichannel-flex-container,
    .banco24h-flex-container {
        flex-direction: column;
        gap: 2.5rem;
        align-items: center;
    }
    
    .app-image {
        order: -1; /* Move a imagem para o topo */
        margin-bottom: 1rem;
    }
    
    .app-boxes,
    .banco24h-content {
        width: 100%;
        max-width: 100%;
    }
    
    /* Ajustes específicos para a seção Banco24Horas em Mobile */
    .banco24h-content {
        align-items: center;
    }
    
    .banco24h-title {
        text-align: center;
    }
    
    .banco24h-box-content,
    .financial-box-content {
        text-align: left;
    }
    
    .banco24h-box-content p,
    .financial-box-content p {
        text-align: left;
    }
    
    .banco24h-image,
    .banco24h-logo {
        width: 100%;
        max-width: 100%;
        max-width: 350px;
    }
    
    /* Manter espaçamento consistente para marcadores de lista */
    .banco24h-list,
    .financial-list {
        padding: 0 0 0 1.5rem;
    }
    
    .banco24h-list li,
    .financial-list li {
        padding-left: 1rem;
    }
    
    .banco24h-list li::before,
    .financial-list li::before {
        left: -0.5rem;
    }
    
    /* Ajustes para Tech e Financial em Mobile */
    .tech-box,
    .financial-box {
        max-width: 100%;
        margin: 0 auto;
        min-height: auto;
        width: 100%;
    }
    
    /* Ajustes para Multichannel em Mobile */
    .multichannel-box {
        max-width: 100%;
    }
    
    .social-channels {
        width: 100%;
        max-width: 100%;
        align-items: center;
    }
    
    .social-channel-item {
        width: 100%;
        max-width: 350px;
    }
    
    .social-text {
        font-size: 0.9rem;
    }

    /* Hero Benefício - Mobile */
    .hero-beneficio {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        padding: 60px 0 80px;
    }
    .hero-beneficio .titles {
        order: 2;
        width: 100%;
        padding: 0 20px;
    }
    .hero-beneficio .image-wrap {
        order: 1;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        display: flex;
        max-width: 100%;
    }
    .hero-beneficio .titles h1 {
        white-space: normal;
        font-size: 2rem;
        width: 100%; /* Garante largura total */
      display: block; /* Garante comportamento de bloco */
      text-align: left;
    }
    .hero-beneficio .hero-card-image {
        max-width: 90%;
    }
    
    /* Benefícios Cartão - Mobile */
    .benefits-title {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }
    
    .benefits-description p {
        font-size: 0.95rem;
    }

    .hero-container { grid-template-columns: 1fr; gap: 2rem; text-align: left; }
    .hero-card-container { order: 1; text-align: center; margin-left: 0; }
    .hero-content { order: 2; max-width: 100%; }
    .hero-section h1 { font-size: 2rem; text-align: left; }
    .hero-divider { width: 70%; margin: 1.5rem 0; }
    .hero-section .p1, .hero-section .p2 { text-align: left; }
    .hero-section .btn-primary { display: flex; margin: 2rem auto 0; width: fit-content; }
    .hero-card-image { max-width: 480px; }
    .hero-section { padding: 60px 0 80px; }

    .solutions-title { grid-column: unset; justify-self: unset; order: -1; }
    .solutions-container { grid-template-columns: 1fr; gap: 3rem; text-align: center; padding: 0; }
    .solutions-image { order: 1; justify-content: center; padding-right: 0; }
    .solutions-cards { order: 2; grid-template-columns: 1fr; gap: 2rem; text-align: left; }
    .solution-card { max-width: 100%; }
    .solution-card-content { padding: 1.5rem; }
    .cards-image { max-width: 450px; }

    .case-success-container { grid-template-columns: 1fr; gap: 2.5rem; text-align: left; }
    .case-logo { order: 1; text-align: center; margin-bottom: 1rem; }
    .case-content { order: 2; max-width: 100%; }
    .case-title, .case-subtitle { text-align: left; margin-bottom: 1rem; line-height: 1.2; }
    .case-subtitle { margin-bottom: 1.5rem; }
    .case-description, .case-details, .case-link { font-size: 1rem; line-height: 1.4; margin-bottom: 1.2rem; }
    .ibm-logo { max-width: 350px; width: 90%; height: auto; min-width: 250px; }

    .saas-container { grid-template-columns: 1fr; gap: 3rem; text-align: left; }
    .saas-image { order: 1; text-align: center; margin-bottom: 1rem; }
    .saas-content { order: 2; max-width: 100%; }
    .saas-title, .saas-subtitle { text-align: left; line-height: 1.2; }
    .saas-title { margin-bottom: 0.3rem; }
    .saas-subtitle { margin-bottom: 1.5rem; }
    .saas-description, .saas-details, .saas-benefits { font-size: 1rem; line-height: 1.4; margin-bottom: 1.2rem; }
    .saas-list { margin-bottom: 2rem; padding-left: 2rem; }
    .saas-list li { font-size: 1rem; margin-bottom: 0.8rem; }
    .saas-btn-container { text-align: center; margin-top: 2rem; }
    .datacenter-image { max-width: 450px; width: 100%; border-radius: 12px; }

    .footer { padding: 10px 0 15px; }
    .footer-content { gap: 10px; }
    .footer-logo-text { font-size: 2rem; }
    .social-icons { gap: 0.8rem; }
    .social-link svg { width: 18px; height: 18px; }
    .footer-info { gap: 0.1rem; }
    .footer-address, .footer-phone, .footer-email { font-size: 0.9rem; line-height: 1.2; }
    .footer-bottom { gap: 0.2rem; }
    .copyright, .privacy-link { font-size: 0.85rem; }

    /* Parceiros – Mobile */
    .partners-title { margin-bottom: 1.8rem; text-align: center; }
    .partners-grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; }
    .partner-card { padding: 16px; min-height: 100px; border-radius: 16px; }
    .partner-logo { max-width: 120px; }

    /* FAQ – Mobile */
    .faq-section-title { margin-bottom: 1.8rem; text-align: center; }
    .faq-accordion { padding: 0; }
    .faq-question { font-size: 1.1rem; padding: 15px 0; }
    .faq-answer p { font-size: 0.98rem; padding-bottom: 16px; }
}

/* =========================
   Why Choose – Tablet/Mobile
   ========================= */
@media (max-width: 1024px) {
    .why-choose-section { padding: 60px 0; }
    .why-choose-container { grid-template-columns: 1fr; gap: 1.5rem; }
    .why-choose-card { padding: 1.5rem; }
    .why-choose-card h3 { font-size: 1.1rem; text-align: center; }
    .why-choose-list { text-align: left; }
    .why-choose-intro { text-align: center; margin-bottom: 3rem; padding: 0 30px; }
}

@media (max-width: 768px) {
    .why-choose-card h3 { font-size: 1.5rem; }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
    /* Estilos comuns de seção para Mobile Pequeno */
    .hero-beneficio-section, 
    .benefits-section, 
    .multisaldo-section, 
    .saas-solution-section,
    .rh-management-section,
    .app-section,
    .fast-processing-section,
    .capture-options-section,
    .multichannel-section,
    .banco24h-section,
    .tech-section,
    .financial-section,
    .case-success-section,
    .saas-section {
        padding: 50px 0;
    }

    /* Estilos comuns de título para Mobile Pequeno */
    .multisaldo-title,
    .saas-solution-title,
    .rh-management-title,
    .app-title,
    .fast-processing-title,
    .capture-options-title,
    .multichannel-title,
    .banco24h-title,
    .tech-title,
    .financial-title,
    .benefits-title,
    .case-title, 
    .case-subtitle,
    .saas-title, 
    .saas-subtitle,
    .faq-section-title,
    .partners-title {
        font-size: 1.6rem;
    }

    /* Estilos comuns de intro para Mobile Pequeno */
    .multisaldo-intro,
    .saas-solution-intro,
    .rh-management-intro,
    .fast-processing-intro,
    .capture-options-intro,
    .multichannel-intro {
        font-size: 1rem;
    }

    /* Estilos comuns de box para Mobile Pequeno */
    .multisaldo-box h3,
    .saas-solution-box h3,
    .rh-management-box h3,
    .app-box h3,
    .fast-processing-box h3,
    .capture-options-box h3,
    .multichannel-box h3,
    .banco24h-box h3,
    .tech-box h3,
    .financial-box h3 {
        font-size: 1.2rem;
        padding: 1rem;
    }

    /* Estilos comuns de box content para Mobile Pequeno */
    .multisaldo-box-content,
    .saas-solution-box-content,
    .rh-management-box-content,
    .app-box-content,
    .fast-processing-box-content,
    .capture-options-box-content,
    .multichannel-box-content,
    .banco24h-box-content,
    .tech-box-content,
    .financial-box-content {
        padding: 0 1rem 1rem;
    }

    /* Estilos comuns de listas para Mobile Pequeno */
    .multisaldo-list li,
    .saas-solution-list li,
    .rh-management-list li,
    .app-list li,
    .fast-processing-list li,
    .capture-options-list li,
    .multichannel-list li,
    .banco24h-list li,
    .tech-list li,
    .financial-list li,
    .saas-list li {
        font-size: 0.9rem;
        margin-bottom: 0.7rem;
    }

    /* Ajustes específicos para seções em Mobile Pequeno */
    .hero-beneficio {
        padding: 40px 0 60px;
        gap: 2rem;
    }
    .hero-beneficio .titles h1 {
        font-size: 1.7rem;
    }
    
    .benefits-title {
        margin-bottom: 1.2rem;
    }
    
    .saas-solution-box,
    .tech-box,
    .financial-box {
        max-width: 100%;
        margin: 0 auto;
        min-height: auto;
        width: 100%;
    }
    
    .social-icon {
        width: 35px;
        height: 35px;
    }
    
    .social-text {
        font-size: 0.8rem;
    }
    
    .social-channel-item {
        gap: 1rem;
    }
    
    .banco24h-logo {
        max-width: 280px;
    }

    .why-choose-title { font-size: 1.3rem; margin-bottom: 1.5rem; }
    .why-choose-card { padding: 1.2rem; }
    .why-choose-card h3 { font-size: 1rem; margin-bottom: 1rem; text-align: center; }
    .why-choose-list { text-align: left; }
    .why-choose-list li { font-size: 0.85rem; margin-bottom: 0.8rem; }

    .container { padding: 0 15px; }
    .logo-text { font-size: 1.8rem !important; }
    .mobile-nav-item a, .mobile-dropdown-toggle { padding: 12px 15px; font-size: 0.9rem; }
    .hero-section h1 { font-size: 1.8rem; text-align: left; }
    .hero-divider { width: 75%; }
    .hero-card-image { max-width: 400px; }
    .hero-section .btn-primary { margin: 2rem auto 0; }

    .solutions-title { font-size: 1.3rem; margin-bottom: 3rem; text-align: center; padding-left: 15px; padding-right: 15px; }
    .solution-card h3 { font-size: 1rem; padding: 1.2rem 0.8rem; }
    .solution-card-content { padding: 1.5rem; justify-content: center; }
    .cards-image { max-width: 350px; }

    .case-success-section { padding: 50px 0; }
    .case-success-container { gap: 2rem; }
    .case-description, .case-details, .case-link { font-size: 0.95rem; line-height: 1.4; margin-bottom: 1.2rem; }
    .case-logo { margin-bottom: 0.5rem; }
    .ibm-logo { max-width: 280px; width: 85%; min-width: 200px; }

    .saas-section { padding: 50px 0; }
    .saas-container { gap: 2rem; }
    .saas-title { margin-bottom: 0.2rem; }
    .saas-subtitle { margin-bottom: 1.2rem; }
    .saas-description, .saas-details, .saas-benefits { font-size: 0.95rem; line-height: 1.4; margin-bottom: 1rem; }
    .saas-list { margin-bottom: 1.5rem; }
    .saas-btn-container { margin-top: 1.5rem; }
    .datacenter-image { max-width: 380px; }

    .footer-logo-text { font-size: 1.8rem; }
    .footer-address, .footer-phone, .footer-email { font-size: 0.85rem; }
    .social-link svg { width: 16px; height: 16px; }

    /* Parceiros – Mobile Pequeno */
    .partners-title { margin-bottom: 1.4rem; }
    .partners-grid { gap: 0.9rem; }
    .partner-card { padding: 14px; min-height: 92px; border-radius: 16px; }
    .partner-logo { max-width: 100px; }

    /* FAQ – Mobile Pequeno */
    .faq-section-title { margin-bottom: 1.4rem; text-align: center; }
    .faq-question { font-size: 1rem; padding: 14px 0; }
    .faq-icon { font-size: 20px; }

    .btn-submit { width: 100%;}
}

/* =========================
   WhatsApp Modal – Responsivo
   ========================= */
@media (max-width: 480px) {
    .form-modal {
        left: 10px; right: 10px; width: calc(100% - 20px); bottom: 20px; max-height: calc(100vh - 40px);
    }
    .form-content { padding: 15px; }
    .form-group { margin-bottom: 12px; }
}
@media (min-height: 900px) {
    .form-modal { max-height: 600px; }
}
@media (max-height: 600px) {
    .form-modal { bottom: 10px; max-height: calc(100vh - 20px); }
    .form-content { padding: 15px; }
    .form-group { margin-bottom: 10px; }
    .form-group textarea { min-height: 50px; }
}

/* ===== Segments Section - Responsivo ===== */

/* Tablet: 2 colunas */
@media (max-width: 1024px) {
    .segments-section {
        padding: 70px 0;
    }
    .segments-grid {
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
    }
    .segment-card {
        padding: 1.6rem 1.6rem 1.8rem;
        min-height: 200px;
    }
    .segments-title {
        margin-bottom: 2rem;
    }

    .segments-section .segment-card h3 {
        min-height: 72px;            /* um pouco menor em tablet */
  }
}

/* Mobile: 1 coluna */
@media (max-width: 768px) {
    .segments-grid {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }
    .segment-card {
        padding: 1.4rem 1.2rem 1.6rem;
        border-radius: 18px;
    }
    .segments-title {
        line-height: 1.2;
        margin-bottom: 1.8rem;
        text-align: center;
    }

    .segments-section .segment-card h3 {
        min-height: 62px;
  }
}

/* Mobile pequeno */
@media (max-width: 480px) {
    .segment-card h3 {
        font-size: 1.2rem;
        margin-bottom: 0.8rem;
    }
    .segment-card p {
        font-size: 0.95rem;
        line-height: 1.4;
    }

    .segments-section .segment-card h3 {
        min-height: 54px;
  }
}

/* FALE CONOSCO – Responsivo */
@media (max-width: 1024px) {
  .contact-section { padding: 70px 0; }
  .contact-intro { margin-bottom: 1.8rem; padding: 0 10px; }
  .contact-card { padding: 22px; }
}

@media (max-width: 768px) {
  .contact-section { padding: 60px 0; }
  .contact-title { text-align: center; }
  .contact-intro { text-align: center; }
  .contact-card { padding: 18px; border-radius: 16px; }
  .contact-field { margin-bottom: 14px; }
  .contact-success { padding: 18px; }

  /* Responsivo Contact */
@media (max-width:768px){
  .contact-section{ padding:60px 0; }
  .form-box{ padding:18px; }
}
@media (max-width:480px){
  .contact-title{ font-size:1.6rem; }
  .contact-intro{ font-size:.98rem; }
  .btn-submit{ width:100%; }
}
}

@media (max-width: 480px) {
  .contact-title { font-size: 1.6rem; }
  .contact-intro { margin-bottom: 1.4rem; }
  .contact-card { padding: 16px; }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Programas de Fidelidade - Tablet */
  .loyalty-section {
    padding: 70px 0;
  }
  
  .loyalty-content {
    margin-bottom: 2.5rem;
  }
  
  .loyalty-title {
    font-size: 2.2rem;
  }
  
  .loyalty-boxes {
    gap: 1.5rem;
  }
  
  .loyalty-box h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem 1.2rem;
  }
  
  .loyalty-box-content {
    padding: 0 1.2rem 1.2rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Programas de Fidelidade - Mobile */
  .loyalty-section {
    padding: 60px 0;
  }
  
  .loyalty-content {
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .loyalty-title {
    font-size: 2rem;
  }
  
  .loyalty-boxes {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .loyalty-box {
    max-width: 100%;
    margin: 0 auto;
    min-height: auto;
    width: 100%;
  }
  
  .loyalty-box h3 {
    font-size: 1.4rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Programas de Fidelidade - Mobile Pequeno */
  .loyalty-section {
    padding: 50px 0;
  }
  
  .loyalty-title {
    font-size: 1.6rem;
  }
  
  .loyalty-intro {
    font-size: 1rem;
  }
  
  .loyalty-box {
    max-width: 100%;
    margin: 0 auto;
    min-height: auto;
    width: 100%;
  }
  
  .loyalty-box h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .loyalty-box-content {
    padding: 0 1rem 1rem;
  }
  
  .loyalty-list li {
    font-size: 0.9rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Cartão Consignado Integrado - Tablet */
  .consignado-section {
    padding: 70px 0;
  }
  
  .consignado-content {
    margin-bottom: 2.5rem;
  }
  
  .consignado-title {
    font-size: 2.2rem;
  }
  
  .consignado-boxes {
    gap: 1.5rem;
    max-width: 100%;
    margin: 0 auto;
    min-height: auto;
    width: 100%;
  }
  
  .consignado-box h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem 1.2rem;
  }
  
  .consignado-box-content {
    padding: 0 1.2rem 1.2rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Cartão Consignado Integrado - Mobile */
  .consignado-section {
    padding: 60px 0;
  }
  
  .consignado-content {
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .consignado-title {
    font-size: 2rem;
  }
  
  .consignado-boxes {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .consignado-box {
    max-width: 90%;
    margin: 0 auto;
    min-height: auto;
    width: 100%;
  }
  
  .consignado-box h3 {
    font-size: 1.4rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Cartão Consignado Integrado - Mobile Pequeno */
  .consignado-section {
    padding: 50px 0;
  }
  
  .consignado-title {
    font-size: 1.6rem;
  }
  
  .consignado-intro {
    font-size: 1rem;
  }
  
  .consignado-box {
    max-width: 100%;
  }
  
  .consignado-box h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .consignado-box-content {
    padding: 0 1rem 1rem;
  }
  
  .consignado-list li {
    font-size: 0.9rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* CTA Section - Tablet */
  .cta-section {
    padding: 70px 0;
  }
  
  .cta-title {
    font-size: 2.2rem;
  }
  
  .cta-subtitle {
    font-size: 1rem;
  }
  
  .cta-text p,
  .cta-footer {
    font-size: 0.95rem;
  }
  
  .cta-list li {
    font-size: 0.9rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* CTA Section - Mobile */
  .cta-section {
    padding: 60px 0;
  }
  
  .cta-title {
    font-size: 2rem;
  }
  
  .cta-content {
    gap: 1.2rem;
  }
  
  .cta-text {
    gap: 0.8rem;
  }
  
  .cta-list {
    padding-left: 1.2rem;
  }
  
  .cta-list li {
    margin-bottom: 0.7rem;
  }
  
  .cta-divider {
    margin: 1.2rem 0;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* CTA Section - Mobile Pequeno */
  .cta-section {
    padding: 50px 0;
  }
  
  .cta-title {
    font-size: 1.6rem;
  }
  
  .cta-subtitle {
    font-size: 0.95rem;
  }
  
  .cta-text p,
  .cta-footer {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  
  .cta-list li {
    font-size: 0.85rem;
    margin-bottom: 0.6rem;
  }
  
  .cta-section .btn-primary {
    padding: 10px 25px;
    font-size: 0.9rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Hero - Cartão de Crédito - Tablet */
  .hero-credit {
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
    padding: 70px 0;
  }
  
  .credit-card-image {
    max-width: 550px;
  }
  
  .credit-subtitle {
    font-size: 1.6rem;
  }
  
  .credit-title {
    font-size: 3rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Hero - Cartão de Crédito - Mobile */
  .hero-credit {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding: 60px 0 80px;
  }
  
  .card-image-wrap {
    order: 1;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
  }
  
  .credit-titles {
    order: 2;
    text-align: left;
  }
  
  .credit-card-image {
    max-width: 90%;
  }
  
  .credit-subtitle {
    font-size: 1.4rem;
  }
  
  .credit-title {
    font-size: 2.5rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Hero - Cartão de Crédito - Mobile Pequeno */
  .hero-credit {
    padding: 40px 0 60px;
    gap: 2rem;
  }
  
  .credit-subtitle {
    font-size: 1.2rem;
  }
  
  .credit-title {
    font-size: 2.2rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Transforme Sua Empresa - Tablet */
  .transform-section {
    padding: 70px 0;
  }
  
  .transform-title {
    font-size: 2.2rem;
  }
  
  .transform-description p {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Transforme Sua Empresa - Mobile */
  .transform-section {
    padding: 60px 0;
  }
  
  .transform-title {
    font-size: 2rem;
  }
  
  .transform-content {
    gap: 1.2rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Transforme Sua Empresa - Mobile Pequeno */
  .transform-section {
    padding: 50px 0;
  }
  
  .transform-title {
    font-size: 1.6rem;
  }
  
  .transform-description p {
    font-size: 0.9rem;
    line-height: 1.5;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Solução SAAS Cartão de Crédito - Tablet */
  .saas-credit-section {
    padding: 70px 0;
  }
  
  .saas-credit-container {
    gap: 3rem;
  }
  
  .saas-credit-title {
    font-size: 2.2rem;
  }
  
  .saas-credit-intro {
    font-size: 1rem;
  }
  
  .saas-credit-text p {
    font-size: 0.95rem;
  }
  
  .saas-credit-box {
    padding: 1.5rem;
  }
  
  .saas-credit-box h3 {
    font-size: 1.3rem;
  }
  
  .saas-credit-list li {
    font-size: 0.9rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Solução SAAS Cartão de Crédito - Mobile */
  .saas-credit-section {
    padding: 60px 0;
  }
  
  .saas-credit-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    text-align: center;
  }
  
  .saas-credit-content {
    max-width: 100%;
    text-align: center;
  }
  
  .saas-credit-title {
    font-size: 2rem;
    text-align: center;
  }
  
  .saas-credit-box {
    max-width: 90%;
    margin: 0 auto;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Solução SAAS Cartão de Crédito - Mobile Pequeno */
  .saas-credit-section {
    padding: 50px 0;
  }
  
  .saas-credit-title {
    font-size: 1.6rem;
  }
  
  .saas-credit-intro {
    font-size: 0.95rem;
  }
  
  .saas-credit-text p {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  
  .saas-credit-box {
    padding: 1.2rem;
    max-width: 100%;
  }
  
  .saas-credit-box h3 {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
  }
  
  .saas-credit-list li {
    font-size: 0.85rem;
    margin-bottom: 0.6rem;
  }
}

/* =========================
   Tablet (<=1024px) - Cartão Benefício
   ========================= */
@media (max-width: 1024px) {
  /* Autoatendimento Multicanal - Cartão Benefício - Tablet */
  .multichannel-section-beneficio {
    padding: 70px 0;
  }
  
  .multichannel-title-beneficio {
    font-size: 2.2rem;
  }
  
  .multichannel-box-beneficio {
    padding: 1.8rem;
    max-width: 100%;
    margin: 0 auto;
    min-height: auto;
    width: 100%;
  }
  
  .social-channels-beneficio {
    gap: 1.5rem;
  }
  
  .social-icon-beneficio {
    width: 45px;
    height: 45px;
  }
  
  .social-text-beneficio {
    font-size: 0.95rem;
  }
  
  .multichannel-flex-container-beneficio {
    gap: 2rem;
  }
}

/* =========================
   Mobile (<=768px) - Cartão Benefício
   ========================= */
@media (max-width: 768px) {
  /* Autoatendimento Multicanal - Cartão Benefício - Mobile */
  .multichannel-section-beneficio {
    padding: 60px 0;
  }
  
  .multichannel-title-beneficio {
    font-size: 2rem;
  }
  
  .multichannel-content-beneficio {
    margin-bottom: 1.5rem;
  }
  
  .multichannel-flex-container-beneficio {
    flex-direction: column;
    gap: 2rem; /* Reduzido de 2.5rem para 2rem */
    align-items: center;
    padding: 0;
  }
  
  .multichannel-box-beneficio {
    max-width: 90%; /* Mude de 100% para 90% para consistência */
    margin: 0 auto;
    min-height: auto;
    width: 100%;
    order: 1;
  }
  
  .social-channels-beneficio {
    width: 100%;
    order: 2;
    align-items: center;
    margin-right: 0;
  }
  
  .social-channel-item-beneficio {
    margin-bottom: 1rem;
  }
  
  .multichannel-box-beneficio h3 {
    font-size: 1.4rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - Cartão Benefício
   ========================= */
@media (max-width: 480px) {
  /* Autoatendimento Multicanal - Cartão Benefício - Mobile Pequeno */
  .multichannel-section-beneficio {
    padding: 50px 0;
  }
  
  .multichannel-title-beneficio {
    font-size: 1.6rem;
  }
  
  .multichannel-intro-beneficio {
    font-size: 0.95rem;
  }
  
  .multichannel-box-beneficio {
    max-width: 100%;
    margin: 0 auto;
    min-height: auto;
    width: 100%;
  }
  
  .multichannel-box-beneficio h3 {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
  }
  
  .multichannel-list-beneficio li {
    font-size: 0.9rem;
    margin-bottom: 0.8rem;
  }
  
  .social-channels-beneficio {
    max-width: 100%;
    gap: 1.2rem;
  }
  
  .social-channel-item-beneficio {
    gap: 1rem;
  }
  
  .social-icon-beneficio {
    width: 40px;
    height: 40px;
  }
  
  .social-text-beneficio {
    font-size: 0.9rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Autoatendimento Multicanal - Tablet */
  .multichannel-section {
    padding: 70px 0;
  }
  
  .multichannel-title {
    font-size: 2.2rem;
  }
  
  .social-channels {
    gap: 1.5rem;
  }
  
  .social-icon {
    width: 50px;
    height: 50px;
  }
  
  .social-text {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Autoatendimento Multicanal - Mobile */
  .multichannel-section {
    padding: 60px 0;
  }
  
  .multichannel-title {
    font-size: 2rem;
  }
  
  .multichannel-content {
    margin-bottom: 2rem;
  }
  
  /* Layout mobile com ícones à esquerda e texto à direita */
  .social-channels {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 90%;
    margin: 0 auto;
  }
  
  .social-channel-item {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
  }
  
  .social-text {
    text-align: center;
    white-space: nowrap; /* Evita quebra de linha */
    display: flex;
    flex-direction: row; /* Garante que strong e texto fiquem na mesma linha */
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap; /* Impede que os elementos quebrem para linhas diferentes */
  }
  
  .social-text strong {
    margin-right: 0.25rem; /* Espaço entre o nome e a descrição */
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Autoatendimento Multicanal - Mobile Pequeno */
  .multichannel-section {
    padding: 50px 0;
  }
  
  .multichannel-title {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  
  .multichannel-content .p2 {
    font-size: 0.9rem;
  }
  
  .social-channels {
    width: 100%;
    gap: 1.8rem;
  }
  
  .social-channel-item {
    gap: 1.2rem;
  }
  
  .social-icon {
    width: 40px;
    height: 40px;
  }
  
  .social-text {
    font-size: 0.9rem;
    white-space: nowrap; /* Reforçando a não quebra de linha */
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Tecnologia Avançada em Cartões - Tablet */
  .tech-credit-section {
    padding: 70px 0;
  }
  
  .tech-credit-title {
    font-size: 2.2rem;
  }
  
  .tech-credit-intro {
    font-size: 1rem;
  }
  
  .tech-credit-boxes {
    gap: 1.5rem;
  }
  
  .tech-credit-box h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem 1.2rem;
  }
  
  .tech-credit-box-content {
    padding: 0 1.2rem 1.2rem;
  }
  
  .tech-credit-box-content p {
    font-size: 0.95rem;
  }
  
  .tech-credit-list li {
    font-size: 0.9rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Tecnologia Avançada em Cartões - Mobile */
  .tech-credit-section {
    padding: 60px 0;
  }
  
  .tech-credit-title {
    font-size: 2rem;
  }
  
  .tech-credit-content {
    margin-bottom: 2rem;
  }
  
  .tech-credit-boxes {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .tech-credit-box {
    max-width: 90%;
    margin: 0 auto;
  }
  
  .tech-credit-box h3 {
    font-size: 1.4rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Tecnologia Avançada em Cartões - Mobile Pequeno */
  .tech-credit-section {
    padding: 50px 0;
  }
  
  .tech-credit-title {
    font-size: 1.6rem;
  }
  
  .tech-credit-intro {
    font-size: 0.95rem;
  }
  
  .tech-credit-box {
    max-width: 100%;
  }
  
  .tech-credit-box h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .tech-credit-box-content {
    padding: 0 1rem 1rem;
  }
  
  .tech-credit-box-content p {
    font-size: 0.9rem;
  }
  
  .tech-credit-list li {
    font-size: 0.85rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Análise de Crédito - Tablet */
  .credit-analysis-section {
    padding: 70px 0;
  }
  
  .credit-analysis-title {
    font-size: 2.2rem;
  }
  
  .credit-analysis-intro {
    font-size: 1rem;
  }
  
  .credit-analysis-desc {
    font-size: 0.95rem;
  }
  
  .credit-analysis-content {
    gap: 1.5rem;
  }
  
  .credit-analysis-box h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
  }
  
  .credit-analysis-box-content {
    padding: 0 1.2rem 1.2rem;
  }
  
  .credit-analysis-list li {
    font-size: 0.9rem;
  }
  
  .handshake-image {
    max-width: 350px;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Análise de Crédito - Mobile */
  .credit-analysis-section {
    padding: 60px 0;
  }
  
  .credit-analysis-title {
    font-size: 2rem;
  }
  
  .credit-analysis-header {
    margin-bottom: 2rem;
  }
  
  .credit-analysis-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
  }
  
  .credit-analysis-left {
    width: 100%;
    max-width: 90%;
    order: 2;
  }
  
  .credit-analysis-center {
    width: 100%;
    max-width: 90%;
    order: 3;
  }

  .credit-analysis-center .credit-analysis-box h3 {
    padding: 1.5rem 1rem; /* Garantir que o padding seja consistente em mobile */
    font-size: 1.4rem;
  }
  
  .credit-analysis-right {
    width: 100%;
    max-width: 90%;
    order: 1;
    margin-bottom: 1rem;
  }
  
  .credit-analysis-box {
    max-width: 100%;
  }
  
  .credit-analysis-box h3 {
    font-size: 1.4rem;
  }
  
  .handshake-image {
    max-width: 100%;
  }

}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Análise de Crédito - Mobile Pequeno */
  .credit-analysis-section {
    padding: 50px 0;
  }
  
  .credit-analysis-title {
    font-size: 1.6rem;
  }
  
  .credit-analysis-intro {
    font-size: 0.95rem;
  }
  
  .credit-analysis-desc {
    font-size: 0.9rem;
  }

  .credit-analysis-box h3,
  .credit-analysis-center .credit-analysis-box h3 {
    font-size: 1.2rem;
    padding: 1rem; /* Padding reduzido para telas pequenas */
  }
  
  .credit-analysis-left,
  .credit-analysis-center {
    max-width: 100%;
  }
  
  .credit-analysis-box h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .credit-analysis-box-content {
    padding: 0 1rem 1rem;
  }
  
  .credit-analysis-box-content p {
    font-size: 0.9rem;
  }
  
  .credit-analysis-list li {
    font-size: 0.85rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Opções de Captura Versáteis - Tablet */
  .capture-options-versatile-section {
    padding: 70px 0;
  }
  
  .capture-options-versatile-title {
    font-size: 2.2rem;
  }
  
  .capture-options-versatile-boxes {
    gap: 1.5rem;
  }
  
  .capture-options-versatile-box {
    padding: 1.8rem;
  }
  
  .capture-options-versatile-box h3 {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Opções de Captura Versáteis - Mobile */
  .capture-options-versatile-section {
    padding: 60px 0;
  }
  
  .capture-options-versatile-title {
    font-size: 2rem;
  }
  
  .capture-options-versatile-content {
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .capture-options-versatile-boxes {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .capture-options-versatile-box {
    max-width: 90%;
    margin: 0 auto;
  }
  
  .capture-options-versatile-box h3 {
    font-size: 1.4rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Opções de Captura Versáteis - Mobile Pequeno */
  .capture-options-versatile-section {
    padding: 50px 0;
  }
  
  .capture-options-versatile-title {
    font-size: 1.6rem;
  }
  
  .capture-options-versatile-intro {
    font-size: 0.95rem;
  }
  
  .capture-options-versatile-box {
    max-width: 100%;
    padding: 1.5rem;
  }
  
  .capture-options-versatile-box h3 {
    font-size: 1.2rem;
    margin-bottom: 1.2rem;
  }
  
  .capture-options-versatile-list li {
    font-size: 0.9rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Conveniência Banco24horas - Cartão Crédito - Tablet */
  .banco24h-credit-section {
    padding: 70px 0;
  }
  
  .banco24h-credit-title {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
  }
  
  .banco24h-credit-container {
    gap: 2rem;
  }
  
  .banco24h-credit-box {
    padding: 1.8rem;
  }
  
  .banco24h-credit-box h3 {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
  
  .banco24h-credit-logo {
    max-width: 400px;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Conveniência Banco24horas - Cartão Crédito - Mobile */
  .banco24h-credit-section {
    padding: 60px 0;
  }
  
  .banco24h-credit-container {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .banco24h-credit-title {
    font-size: 2rem;
    text-align: center; /* Centraliza no mobile */
  }
  
  .banco24h-credit-image {
    order: 2;
    margin-bottom: 1rem;
  }
  
  .banco24h-credit-content {
    order: 1;
  }
  
  .banco24h-credit-box {
    max-width: 90%;
    margin: 0 auto;
  }
  
  .banco24h-credit-box h3 {
    font-size: 1.4rem;
  }
  
  .banco24h-credit-logo {
    max-width: 350px;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Conveniência Banco24horas - Cartão Crédito - Mobile Pequeno */
  .banco24h-credit-section {
    padding: 50px 0;
  }
  
  .banco24h-credit-title {
    font-size: 1.6rem;
  }
  
  .banco24h-credit-box {
    max-width: 100%;
    padding: 1.5rem;
  }
  
  .banco24h-credit-box h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  
  .banco24h-credit-list li {
    font-size: 0.9rem;
    margin-bottom: 0.7rem;
  }
  
  .banco24h-credit-logo {
    max-width: 280px;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Programas de Fidelidade Avançados - Tablet */
  .loyalty-advanced-section {
    padding: 70px 0;
  }
  
  .loyalty-advanced-content {
    margin-bottom: 2.5rem;
  }
  
  .loyalty-advanced-title {
    font-size: 2.2rem;
  }
  
  .loyalty-advanced-boxes {
    gap: 1.5rem;
  }
  
  .loyalty-advanced-box h3 {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Programas de Fidelidade Avançados - Mobile */
  .loyalty-advanced-section {
    padding: 60px 0;
  }
  
  .loyalty-advanced-content {
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .loyalty-advanced-title {
    font-size: 2rem;
  }
  
  .loyalty-advanced-boxes {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .loyalty-advanced-box {
    max-width: 90%;
    margin: 0 auto;
  }
  
  .loyalty-advanced-box h3 {
    font-size: 1.4rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Programas de Fidelidade Avançados - Mobile Pequeno */
  .loyalty-advanced-section {
    padding: 50px 0;
  }
  
  .loyalty-advanced-title {
    font-size: 1.6rem;
  }
  
  .loyalty-advanced-intro {
    font-size: 0.95rem;
  }
  
  .loyalty-advanced-desc {
    font-size: 0.9rem;
  }
  
  .loyalty-advanced-box {
    max-width: 100%;
    padding: 1.5rem;
  }
  
  .loyalty-advanced-box h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  
  .loyalty-advanced-list li {
    font-size: 0.9rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Sistemas de Conciliação e Comunicação Direta - Tablet */
  .conciliation-communication-section {
    padding: 70px 0;
  }
  
  .dual-content-container {
    gap: 1.5rem;
  }
  
  .column-title {
    font-size: 1.8rem;
    margin-bottom: 0.8rem;
  }
  
  .feature-box {
    padding: 1.8rem;
  }
  
  .feature-box h3 {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Sistemas de Conciliação e Comunicação Direta - Mobile */
  .conciliation-communication-section {
    padding: 60px 0;
  }
  
  .dual-content-container {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  
  .content-column {
    align-items: center;
    text-align: center;
  }
  
  .column-title {
    font-size: 2rem;
    text-align: center;
    width: 100%;
  }
  
  .feature-box {
    max-width: 90%;
    margin: 0 auto;
  }
  
  .feature-box h3 {
    font-size: 1.4rem;
  }
  
  .feature-box-content p {
    text-align: left;
  }
  
  .feature-list {
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Sistemas de Conciliação e Comunicação Direta - Mobile Pequeno */
  .conciliation-communication-section {
    padding: 50px 0;
  }
  
  .column-title {
    font-size: 1.6rem;
  }
  
  .feature-box {
    padding: 1.5rem;
    max-width: 100%;
  }
  
  .feature-box h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  
  .feature-list li {
    font-size: 0.9rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Vantagens Competitivas - Tablet */
  .advantages-section {
    padding: 70px 0;
  }
  
  .advantages-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .advantages-grid {
    gap: 1.5rem;
  }
  
  .advantage-box {
    padding: 1.8rem;
  }
  
  .advantage-box h3 {
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Vantagens Competitivas - Mobile */
  .advantages-section {
    padding: 60px 0;
  }
  
  .advantages-title {
    font-size: 2rem;
  }
  
  .advantages-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .advantage-box {
    max-width: 90%;
    margin: 0 auto;
  }
  
  .advantage-box h3 {
    font-size: 1.4rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Vantagens Competitivas - Mobile Pequeno */
  .advantages-section {
    padding: 50px 0;
  }
  
  .advantages-title {
    font-size: 1.6rem;
  }
  
  .advantage-box {
    max-width: 100%;
    padding: 1.5rem;
  }
  
  .advantage-box h3 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  
  .advantage-list li {
    font-size: 0.9rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* Segmentos Atendidos - Tablet */
  .served-segments-section {
    padding: 70px 0;
  }
  
  .served-segments-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .served-segments-grid {
    gap: 1.5rem;
  }
  
  .served-segment-box {
    padding: 1.8rem;
  }
  
  .served-segment-box h3 {
    font-size: 1.3rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* Segmentos Atendidos - Mobile */
  .served-segments-section {
    padding: 60px 0;
  }
  
  .served-segments-title {
    font-size: 2rem;
  }
  
  .served-segments-grid {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
    gap: 2rem;
  }
  
  /* Resetar posicionamento específico para mobile */
  .served-segment-box:nth-child(1),
  .served-segment-box:nth-child(2),
  .served-segment-box:nth-child(3),
  .served-segment-box:nth-child(4),
  .served-segment-box:nth-child(5) {
    grid-column: 1;
    grid-row: auto;
  }
  
  .served-segment-box {
    max-width: 90%;
    margin: 0 auto;
  }
  
  .served-segment-box h3 {
    font-size: 1.4rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* Segmentos Atendidos - Mobile Pequeno */
  .served-segments-section {
    padding: 50px 0;
  }
  
  .served-segments-title {
    font-size: 1.6rem;
  }
  
  .served-segment-box {
    max-width: 100%;
    padding: 1.5rem;
  }
  
  .served-segment-box h3 {
    font-size: 1.2rem;
    margin-bottom: 0.6rem;
  }
  
  .served-segment-box p {
    font-size: 0.9rem;
  }
}

/* =========================
   Tablet (<=1024px)
   ========================= */
@media (max-width: 1024px) {
  /* CTA Section - Crédito - Tablet */
  .cta-credit-section {
    padding: 70px 0;
  }
  
  .cta-credit-title {
    font-size: 2.2rem;
  }
  
  .cta-credit-subtitle {
    font-size: 1rem;
  }
  
  .cta-credit-text p,
  .cta-credit-footer {
    font-size: 0.95rem;
  }
  
  .cta-credit-list li {
    font-size: 0.9rem;
  }
}

/* =========================
   Mobile (<=768px)
   ========================= */
@media (max-width: 768px) {
  /* CTA Section - Crédito - Mobile */
  .cta-credit-section {
    padding: 60px 0;
  }
  
  .cta-credit-title {
    font-size: 2rem;
    text-align: center;
  }
  
  .cta-credit-subtitle {
    text-align: center;
  }
  
  .cta-credit-content {
    gap: 1.2rem;
  }
  
  .cta-credit-text {
    gap: 0.8rem;
  }
  
  .cta-credit-list {
    padding-left: 1.2rem;
  }
  
  .cta-credit-list li {
    margin-bottom: 0.7rem;
  }
  
  .cta-credit-divider {
    margin: 1.2rem 0;
  }
}

/* =========================
   Mobile Pequeno (<=480px)
   ========================= */
@media (max-width: 480px) {
  /* CTA Section - Crédito - Mobile Pequeno */
  .cta-credit-section {
    padding: 50px 0;
  }
  
  .cta-credit-title {
    font-size: 1.6rem;
  }
  
  .cta-credit-subtitle {
    font-size: 0.95rem;
  }
  
  .cta-credit-text p,
  .cta-credit-footer {
    font-size: 0.9rem;
    line-height: 1.4;
  }
  
  .cta-credit-list li {
    font-size: 0.85rem;
    margin-bottom: 0.6rem;
  }
  
  .cta-credit-section .btn-primary {
    padding: 10px 25px;
    font-size: 0.9rem;
  }
}

/* =========================
   Tablet (<=1024px) - Cartão Private Label
   ========================= */
@media (max-width: 1024px) {
  .hero-private {
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    padding: 70px 0;
  }
  
  .private-card-image {
    max-width: 500px;
  }
  
  .private-title {
    font-size: 3rem;
  }
}

/* =========================
   Mobile (<=768px) - Cartão Private Label
   ========================= */
@media (max-width: 768px) {
  .hero-private-section {
    padding: 60px 0;
  }
  
  .hero-private {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding: 60px 0;
  }
  
  .private-card-wrap {
    order: 1;
  }
  
  .private-title-wrap {
    order: 2;
    justify-content: center;
    text-align: center;
  }
  
  .private-card-image {
    max-width: 90%;
  }
  
  .private-title {
    font-size: 2.5rem;
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - Cartão Private Label
   ========================= */
@media (max-width: 480px) {
  .hero-private {
    padding: 40px 0;
    gap: 2rem;
  }
  
  .private-title {
    font-size: 2rem;
  }
  
  .private-card-image {
    max-width: 85%;
  }
}

/* =========================
   Tablet (<=1024px) - Transform Private
   ========================= */
@media (max-width: 1024px) {
  .transform-private-section {
    padding: 70px 0;
  }
  
  .transform-private-content {
    max-width: 100%;
    padding: 0;
  }
}

/* =========================
   Mobile (<=768px) - Transform Private
   ========================= */
@media (max-width: 768px) {
  .transform-private-section {
    padding: 60px 0;
  }

  .transform-private-section .container {
    padding: 0 20px;
  }
  
  .transform-private-text {
    font-size: 0.95rem;
    line-height: 1.5;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - Transform Private
   ========================= */
@media (max-width: 480px) {
  .transform-private-section {
    padding: 50px 0;
  }

  .transform-private-section .container {
    padding: 0 15px;
  }
  
  .transform-private-text {
    font-size: 0.9rem;
  }
}

/* =========================
   Tablet (<=1024px) - What is Private Label
   ========================= */
@media (max-width: 1024px) {
  .what-is-private-section {
    padding: 70px 0;
  }
  
  .what-is-private-content {
    max-width: 100%;
  }
  
  .what-is-private-title {
    font-size: 2.2rem;
  }
}

/* =========================
   Mobile (<=768px) - What is Private Label
   ========================= */
@media (max-width: 768px) {
  .what-is-private-section {
    padding: 60px 0;
  }

  .what-is-private-section .container {
    padding: 0 20px;
  }
  
  .what-is-private-title {
    font-size: 2rem;
    text-align: left;
  }
  
  .what-is-private-text {
    font-size: 0.95rem;
    line-height: 1.5;
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - What is Private Label
   ========================= */
@media (max-width: 480px) {
  .what-is-private-section {
    padding: 50px 0;
  }

  .what-is-private-section .container {
    padding: 0 15px;
  }
  
  .what-is-private-title {
    font-size: 1.6rem;
  }
  
  .what-is-private-text {
    font-size: 0.9rem;
    text-align: left;
  }
}

/* =========================
   Tablet (<=1024px) - Vantagens Private Label
   ========================= */
@media (max-width: 1024px) {
  .private-advantages-section {
    padding: 70px 0;
  }
  
  .private-advantages-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .private-advantages-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  
  .private-advantage-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
  }
  
  .private-advantage-content {
    padding: 1.5rem;
  }
  
  .private-advantage-content .p2,
  .private-advantage-list li {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px) - Vantagens Private Label
   ========================= */
@media (max-width: 768px) {
  .private-advantages-section {
    padding: 60px 0;
  }
  
  .private-advantages-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .private-advantages-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .private-advantage-card {
    max-width: 100%;
    margin: 0 auto;
    min-height: auto;
    width: 100%;
  }
  
  .private-advantage-card h3 {
    font-size: 1.4rem;
    text-align: center;
    min-height: auto;
  }
  
  .private-advantage-content {
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - Vantagens Private Label
   ========================= */
@media (max-width: 480px) {
  .private-advantages-section {
    padding: 50px 0;
  }
  
  .private-advantages-title {
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
  }
  
  .private-advantage-card {
    max-width: 100%;
    min-height: auto;
  }
  
  .private-advantage-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
    min-height: auto;
  }
  
  .private-advantage-content {
    padding: 1.2rem;
  }
  
  .private-advantage-content .p2,
  .private-advantage-list li {
    font-size: 0.9rem;
  }
  
  .private-advantage-list {
    padding-left: 1.2rem;
  }
  
  .private-advantage-list li {
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px) - Processing Private Label
   ========================= */
@media (max-width: 1024px) {
  .processing-private-section {
    padding: 70px 0;
  }
  
  .processing-private-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .processing-private-grid {
    gap: 1.5rem;
  }
  
  .processing-private-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
    min-height: 80px;
  }
  
  .processing-private-content {
    padding: 1.5rem;
  }
  
  .processing-private-list {
    padding-left: 1.2rem;
  }
  
  .processing-private-list li {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px) - Processing Private Label
   ========================= */
@media (max-width: 768px) {
  .processing-private-section {
    padding: 60px 0;
  }
  
  .processing-private-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .processing-private-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    grid-auto-rows: auto; /* Remove altura fixa no mobile */
  }
  
  .processing-private-card {
    max-width: 100%;
    width: 100%;
    margin: 0;
  }
  
  .processing-private-card h3 {
    font-size: 1.4rem;
    text-align: center;
    min-height: auto;
  }
  
  .processing-private-content {
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - Processing Private Label
   ========================= */
@media (max-width: 480px) {
  .processing-private-section {
    padding: 50px 0;
  }
  
  .processing-private-title {
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
  }
  
  .processing-private-grid {
    padding: 0 15px;
  }
  
  .processing-private-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
    min-height: auto;
  }
  
  .processing-private-content {
    padding: 1.2rem;
  }
  
  .processing-private-list {
    padding-left: 1rem;
  }
  
  .processing-private-list li {
    font-size: 0.9rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px) - Types Private Label
   ========================= */
@media (max-width: 1024px) {
  .types-private-section {
    padding: 70px 0;
  }
  
  .types-private-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .types-private-grid {
    gap: 1.5rem;
  }
  
  .types-private-card {
    min-height: 220px;
  }
  
  .types-private-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
    min-height: 70px;
  }
  
  .types-private-content {
    padding: 1.5rem;
  }
  
  .types-private-content .p2 {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px) - Types Private Label
   ========================= */
@media (max-width: 768px) {
  .types-private-section {
    padding: 60px 0;
  }
  
  .types-private-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .types-private-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    grid-auto-rows: auto; /* Remove altura fixa no mobile */
  }
  
  .types-private-card {
    max-width: 100%;
    width: 100%;
    margin: 0;
    min-height: auto;
  }
  
  .types-private-card h3 {
    font-size: 1.4rem;
    text-align: center;
    min-height: auto;
  }
  
  .types-private-content {
    text-align: left;
    justify-content: flex-start;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - Types Private Label
   ========================= */
@media (max-width: 480px) {
  .types-private-section {
    padding: 50px 0;
  }
  
  .types-private-title {
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
  }
  
  .types-private-grid {
    padding: 0 15px;
  }
  
  .types-private-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .types-private-content {
    padding: 1.2rem;
  }
  
  .types-private-content .p2 {
    font-size: 0.9rem;
    line-height: 1.5;
  }
}

/* =========================
   Tablet (<=1024px) - Segments Benefit
   ========================= */
@media (max-width: 1024px) {
  .segments-benefit-section {
    padding: 70px 0;
  }
  
  .segments-benefit-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .segments-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  
  .segments-benefit-card {
    min-height: 250px;
  }
  
  .segments-benefit-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
    min-height: 80px;
  }
  
  .segments-benefit-content {
    padding: 1.5rem;
  }
  
  .segments-benefit-content .p2 {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px) - Segments Benefit
   ========================= */
@media (max-width: 768px) {
  .segments-benefit-section {
    padding: 60px 0;
  }
  
  .segments-benefit-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .segments-benefit-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    grid-auto-rows: auto; /* Remove altura fixa no mobile */
  }
  
  .segments-benefit-card {
    max-width: 100%;
    width: 100%;
    margin: 0;
    min-height: auto;
  }
  
  .segments-benefit-card h3 {
    font-size: 1.4rem;
    text-align: center;
    min-height: auto;
  }
  
  .segments-benefit-content {
    text-align: left;
    justify-content: flex-start;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - Segments Benefit
   ========================= */
@media (max-width: 480px) {
  .segments-benefit-section {
    padding: 50px 0;
  }
  
  .segments-benefit-title {
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
  }
  
  .segments-benefit-grid {
    padding: 0 15px;
  }
  
  .segments-benefit-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
    min-height: auto;
  }
  
  .segments-benefit-content {
    padding: 1.2rem;
  }
  
  .segments-benefit-content .p2 {
    font-size: 0.9rem;
    line-height: 1.5;
  }
}

/* =========================
   Tablet (<=1024px) - CTA Private
   ========================= */
@media (max-width: 1024px) {
  .cta-private-section {
    padding: 70px 0;
  }
  
  .cta-private-title {
    font-size: 2.2rem;
  }
  
  .cta-private-text .p2 {
    font-size: 1rem;
  }
  
  .cta-private-list li {
    font-size: 1rem;
  }
  
  .cta-private-footer p {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px) - CTA Private
   ========================= */
@media (max-width: 768px) {
  .cta-private-section {
    padding: 60px 0;
  }
  
  .cta-private-title {
    font-size: 2rem;
    text-align: left;
  }
  
  .cta-private-text {
    text-align: left;
  }
  
  .cta-private-text .p2 {
    font-size: 0.95rem;
  }
  
  .cta-private-list {
    margin-left: 1.5rem;
  }
  
  .cta-private-list li {
    font-size: 0.95rem;
    margin-bottom: 0.7rem;
  }
  
  .cta-private-divider {
    margin: 1.5rem 0;
  }
  
  .cta-private-footer {
    margin-bottom: 2rem;
  }
  
  .cta-private-footer p {
    font-size: 0.9rem;
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - CTA Private
   ========================= */
@media (max-width: 480px) {
  .cta-private-section {
    padding: 50px 0;
  }
  
  .cta-private-title {
    font-size: 1.6rem;
  }
  
  .cta-private-text .p2 {
    font-size: 0.9rem;
    line-height: 1.5;
  }
  
  .cta-private-list {
    margin-left: 1.2rem;
  }
  
  .cta-private-list li {
    font-size: 0.9rem;
    margin-bottom: 0.6rem;
  }
  
  .cta-private-footer p {
    font-size: 0.85rem;
  }
  
  .cta-private-section .btn-primary {
    padding: 10px 25px;
    font-size: 0.9rem;
  }
}

/* =========================
   Tablet (<=1024px) - Hero SaaS
   ========================= */
@media (max-width: 1024px) {
  .hero-saas-section {
    padding: 80px 0;
    min-height: 500px;
  }
  
  .hero-saas-container {
    gap: 3rem;
  }
  
  .saas-hero-image {
    max-width: 550px;
  }
  
  .saas-main-title {
    font-size: 4rem;
    white-space: nowrap;
  }
  
  .saas-hero-subtitle {
    font-size: 1.6rem;
  }
}

/* =========================
   Mobile (<=768px) - Hero SaaS
   ========================= */
@media (max-width: 768px) {
  .hero-saas-section {
    padding: 60px 0;
    min-height: auto;
  }
  
  .hero-saas-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  
  .saas-image-wrap {
    order: 1;
    justify-content: center;
  }
  
  .saas-titles {
    order: 2;
    align-items: flex-start;
    width: 100%;
  }
  
  .saas-hero-image {
    max-width: 100%;
    width: 100%;
    border-radius: 15px; /* Mantém border-radius */
  }
  
  .saas-main-title {
    font-size: 5rem; /* Aumentado para ocupar mais espaço */
    text-align: left;
    white-space: nowrap;
    width: 100%;
  }
  
  .saas-hero-subtitle {
    font-size: 1.5rem;
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - Hero SaaS
   ========================= */
@media (max-width: 480px) {
  .hero-saas-section {
    padding: 50px 0;
  }
  
  .hero-saas-container {
    gap: 2rem;

  }
  
  .saas-hero-image {
    border-radius: 15px; /* Mantém border-radius */
  }
  
  .saas-main-title {
    font-size: 2.5rem; /* Ajustado para caber no viewport menor */
    white-space: nowrap;
    width: 100%;
  }
  
  .saas-hero-subtitle {
    font-size: 1.3rem;
  }
}

/* =========================
   Mobile Extra Pequeno (<=380px) - Hero SaaS
   ========================= */
@media (max-width: 380px) {
  .saas-main-title {
    font-size: 2rem; /* Menor ainda para telas muito pequenas */
  }
}

/* =========================
   Tablet (<=1024px) - SaaS Intro
   ========================= */
@media (max-width: 1024px) {
  .saas-intro-section {
    padding: 70px 0;
  }
  
  .saas-intro-content .p2 {
    font-size: 1rem;
  }
}

/* =========================
   Mobile (<=768px) - SaaS Intro
   ========================= */
@media (max-width: 768px) {
  .saas-intro-section {
    padding: 60px 0;
  }
  
  .saas-intro-content {
    padding: 0 20px;
  }
  
  .saas-intro-content .p2 {
    font-size: 0.95rem;
    line-height: 1.5;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - SaaS Intro
   ========================= */
@media (max-width: 480px) {
  .saas-intro-section {
    padding: 50px 0;
  }
  
  .saas-intro-content {
    padding: 0 15px;
  }
  
  .saas-intro-content .p2 {
    font-size: 0.9rem;
  }
}

/* =========================
   Tablet (<=1024px) - What is SaaS
   ========================= */
@media (max-width: 1024px) {
  .what-is-saas-section {
    padding: 70px 0;
  }
  
  .what-is-saas-title {
    font-size: 2.2rem;
  }
  
  .what-is-saas-content .p2 {
    font-size: 1rem;
  }
}

/* =========================
   Mobile (<=768px) - What is SaaS
   ========================= */
@media (max-width: 768px) {
  .what-is-saas-section {
    padding: 60px 0;
  }
  
  .what-is-saas-content {
    padding: 0 20px;
  }
  
  .what-is-saas-title {
    font-size: 2rem;
  }
  
  .what-is-saas-content .p2 {
    font-size: 0.95rem;
    line-height: 1.5;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - What is SaaS
   ========================= */
@media (max-width: 480px) {
  .what-is-saas-section {
    padding: 50px 0;
  }
  
  .what-is-saas-content {
    padding: 0 15px;
  }
  
  .what-is-saas-title {
    font-size: 1.6rem;
  }
  
  .what-is-saas-content .p2 {
    font-size: 0.9rem;
  }
}

/* =========================
   Tablet (<=1024px) - SaaS Advantages
   ========================= */
@media (max-width: 1024px) {
  .saas-advantages-section {
    padding: 70px 0;
  }
  
  .saas-advantages-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .saas-advantages-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  
  .saas-advantage-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
  }
  
  .saas-advantage-content {
    padding: 1.5rem;
  }
  
  .saas-advantage-content .p2,
  .saas-advantage-list li {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px) - SaaS Advantages
   ========================= */
@media (max-width: 768px) {
  .saas-advantages-section {
    padding: 60px 0;
  }
  
  .saas-advantages-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .saas-advantages-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0 20px;
  }
  
  .saas-advantage-card {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
  }
  
  .saas-advantage-card h3 {
    font-size: 1.4rem;
    text-align: center;
  }
  
  .saas-advantage-content {
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - SaaS Advantages
   ========================= */
@media (max-width: 480px) {
  .saas-advantages-section {
    padding: 50px 0;
  }
  
  .saas-advantages-title {
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
  }
  
  .saas-advantages-grid {
    padding: 0 15px;
  }
  
  .saas-advantage-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .saas-advantage-content {
    padding: 1.2rem;
  }
  
  .saas-advantage-content .p2,
  .saas-advantage-list li {
    font-size: 0.9rem;
  }
  
  .saas-advantage-list {
    padding-left: 1.2rem;
  }
  
  .saas-advantage-list li {
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px) - SaaS Features
   ========================= */
@media (max-width: 1024px) {
  .saas-features-section {
    padding: 70px 0;
  }
  
  .saas-features-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .saas-features-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  
  .saas-feature-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
  }
  
  .saas-feature-content {
    padding: 1.5rem;
  }
  
  .saas-feature-content .p2,
  .saas-feature-list li {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px) - SaaS Features
   ========================= */
@media (max-width: 768px) {
  .saas-features-section {
    padding: 60px 0;
  }
  
  .saas-features-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .saas-features-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0 20px;
  }
  
  .saas-feature-card {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
  }
  
  .saas-feature-card h3 {
    font-size: 1.4rem;
    text-align: center;
  }
  
  .saas-feature-content {
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - SaaS Features
   ========================= */
@media (max-width: 480px) {
  .saas-features-section {
    padding: 50px 0;
  }
  
  .saas-features-title {
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
  }
  
  .saas-features-grid {
    padding: 0 15px;
  }
  
  .saas-feature-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .saas-feature-content {
    padding: 1.2rem;
  }
  
  .saas-feature-content .p2,
  .saas-feature-list li {
    font-size: 0.9rem;
  }
  
  .saas-feature-list {
    padding-left: 1.2rem;
  }
  
  .saas-feature-list li {
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px) - SaaS Processing Types
   ========================= */
@media (max-width: 1024px) {
  .saas-processing-types-section {
    padding: 70px 0;
  }
  
  .saas-processing-types-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .saas-processing-types-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  
  .saas-processing-type-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
  }
  
  .saas-processing-type-content {
    padding: 1.5rem;
  }
  
  .saas-processing-type-list li {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px) - SaaS Processing Types
   ========================= */
@media (max-width: 768px) {
  .saas-processing-types-section {
    padding: 60px 0;
  }
  
  .saas-processing-types-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .saas-processing-types-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0 20px;
  }
  
  .saas-processing-type-card {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
  }
  
  .saas-processing-type-card h3 {
    font-size: 1.4rem;
    text-align: center;
  }
  
  .saas-processing-type-content {
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - SaaS Processing Types
   ========================= */
@media (max-width: 480px) {
  .saas-processing-types-section {
    padding: 50px 0;
  }
  
  .saas-processing-types-title {
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
  }
  
  .saas-processing-types-grid {
    padding: 0 15px;
  }
  
  .saas-processing-type-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .saas-processing-type-content {
    padding: 1.2rem;
  }
  
  .saas-processing-type-list li {
    font-size: 0.9rem;
  }
  
  .saas-processing-type-list {
    padding-left: 1.2rem;
  }
  
  .saas-processing-type-list li {
    margin-bottom: 0.7rem;
  }
}

/* =========================
   Tablet (<=1024px) - SaaS Comparison
   ========================= */
@media (max-width: 1024px) {
  .saas-comparison-section {
    padding: 70px 0;
  }
  
  .saas-comparison-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .saas-comparison-grid {
    gap: 1.5rem;
  }
  
  .saas-comparison-card h3 {
    font-size: 1.6rem;
    padding: 1.5rem 1rem;
  }
  
  .saas-comparison-content {
    padding: 1.5rem;
  }
  
  .saas-comparison-list li {
    font-size: 0.95rem;
    margin-bottom: 1rem;
  }
}

/* =========================
   Mobile (<=768px) - SaaS Comparison
   ========================= */
@media (max-width: 768px) {
  .saas-comparison-section {
    padding: 60px 0;
  }
  
  .saas-comparison-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    padding: 0 20px;
  }
  
  .saas-comparison-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0 20px;
  }
  
  .saas-comparison-card {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
  }
  
  .saas-comparison-card h3 {
    font-size: 1.5rem;
    text-align: center;
  }
  
  .saas-comparison-content {
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - SaaS Comparison
   ========================= */
@media (max-width: 480px) {
  .saas-comparison-section {
    padding: 50px 0;
  }
  
  .saas-comparison-title {
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
    padding: 0 15px;
  }
  
  .saas-comparison-grid {
    padding: 0 15px;
  }
  
  .saas-comparison-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 1rem;
  }
  
  .saas-comparison-content {
    padding: 1.2rem;
  }
  
  .saas-comparison-list li {
    font-size: 0.9rem;
    margin-bottom: 0.8rem;
  }
  
  .saas-comparison-list {
    padding-left: 1.2rem;
  }
}

/* =========================
   Tablet (<=1024px) - SaaS Segments
   ========================= */
@media (max-width: 1024px) {
  .saas-segments-section {
    padding: 70px 0;
  }
  
  .saas-segments-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .saas-segments-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  
  .saas-segment-card {
    min-height: 220px;
  }
  
  .saas-segment-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
  }
  
  .saas-segment-content {
    padding: 1.5rem;
  }
  
  .saas-segment-content .p2 {
    font-size: 0.95rem;
  }
}

/* =========================
   Mobile (<=768px) - SaaS Segments
   ========================= */
@media (max-width: 768px) {
  .saas-segments-section {
    padding: 60px 0;
  }
  
  .saas-segments-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .saas-segments-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0 20px;
  }
  
  .saas-segment-card {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    min-height: auto;
  }
  
  .saas-segment-card h3 {
    font-size: 1.4rem;
    text-align: center;
  }
  
  .saas-segment-content {
    text-align: left;
  }
}

/* =========================
   Mobile Pequeno (<=480px) - SaaS Segments
   ========================= */
@media (max-width: 480px) {
  .saas-segments-section {
    padding: 50px 0;
  }
  
  .saas-segments-title {
    font-size: 1.6rem;
    margin-bottom: 1.8rem;
  }
  
  .saas-segments-grid {
    padding: 0 15px;
  }
  
  .saas-segment-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .saas-segment-content {
    padding: 1.2rem;
  }
  
  .saas-segment-content .p2 {
    font-size: 0.9rem;
    line-height: 1.4;
  }
}

/* === HERO APLICATIVO - Tablet === */
@media (max-width: 1024px) {
  .hero-app-section {
    padding: 70px 0;
  }
  
  .hero-app-container {
    gap: 3rem;
  }
  
  .hero-app-title {
    font-size: 4rem;
  }
  
  .hero-app-subtitle {
    font-size: 1.8rem;
  }
  
  .app-hero-mockup {
    max-width: 600px;
  }
}

/* === HERO APLICATIVO - Mobile === */
@media (max-width: 768px) {
  .hero-app-section {
    padding: 60px 0;
    min-height: auto;
  }
  
  .hero-app-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  
  .hero-app-content {
    order: 2;
    width: 100%;
  }
  
  .hero-app-image {
    order: 1;
    width: 100%;
  }
  
  .hero-app-title {
    font-size: clamp(3rem, 15vw, 5rem);
    width: 100%;
    text-align: left;
  }
  
  .hero-app-subtitle {
    font-size: 1.5rem;
    text-align: left;
  }
  
  .app-hero-mockup {
    max-width: 90%;
    margin: 0 auto;
  }
}

/* === HERO APLICATIVO - Mobile Pequeno === */
@media (max-width: 480px) {
  .hero-app-section {
    padding: 50px 0;
  }
  
  .hero-app-container {
    gap: 2rem;
  }
  
  .hero-app-title {
    font-size: clamp(2.5rem, 12vw, 4rem);
  }
  
  .hero-app-subtitle {
    font-size: 1.3rem;
  }
  
  .app-hero-mockup {
    max-width: 100%;
  }
}

/* === APLICATIVO DO PORTADOR - Tablet === */
@media (max-width: 1024px) {
  .app-holder-section {
    padding: 70px 0;
  }
  
  .app-holder-container {
    gap: 3rem;
  }
  
  .app-holder-title {
    font-size: 2.2rem;
  }
  
  .holder-app-mockup {
    max-width: 350px;
  }
}

/* === APLICATIVO DO PORTADOR - Mobile === */
@media (max-width: 768px) {
  .app-holder-section {
    padding: 60px 0;
  }
  
  .app-holder-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    text-align: center;
  }
  
  .app-holder-image {
    order: 1;
    width: 100%;
    margin-bottom: 1rem;
  }
  
  .app-holder-content {
    order: 2;
    width: 100%;
    text-align: left;
  }
  
  .app-holder-title {
    font-size: 2rem;
    text-align: left;
  }
  
  .holder-app-mockup {
    max-width: 300px;
    margin: 0 auto;
  }
}

/* === APLICATIVO DO PORTADOR - Mobile Pequeno === */
@media (max-width: 480px) {
  .app-holder-section {
    padding: 50px 0;
  }
  
  .app-holder-container {
    gap: 2rem;
  }
  
  .app-holder-title {
    font-size: 1.6rem;
  }
  
  .app-holder-content .p2 {
    font-size: 0.95rem;
  }
  
  .holder-app-mockup {
    max-width: 250px;
  }
}

/* === FUNCIONALIDADES DISPONÍVEIS - Tablet === */
@media (max-width: 1024px) {
  .app-features-section {
    padding: 70px 0;
  }
  
  .app-features-container {
    gap: 3rem;
  }
  
  .app-features-title {
    font-size: 2.2rem;
  }
  
  .features-app-mockup {
    max-width: 350px;
  }
  
  .app-features-box {
    width: 75%; /* Um pouco maior no tablet */
  }
  
  .app-features-list {
    padding: 1.8rem 1.8rem 1.8rem 2.5rem;
  }
  
  .app-features-list li {
    font-size: 0.95rem;
  }
}

/* === FUNCIONALIDADES DISPONÍVEIS - Mobile === */
@media (max-width: 768px) {
  .app-features-section {
    padding: 60px 0;
  }
  
  .app-features-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  
  .app-features-image {
    order: 1;
    width: 100%;
    margin-bottom: 1rem;
  }
  
  .app-features-content {
    order: 2;
    width: 100%;
    align-items: flex-start; /* Volta ao alinhamento à esquerda no mobile */
  }
  
  .app-features-title {
    font-size: 2rem;
    text-align: left; /* Título à esquerda no mobile */
  }
  
  .features-app-mockup {
    max-width: 300px;
    margin: 0 auto;
  }
  
  /* Box ocupa largura total no mobile */
  .app-features-box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
  
  .app-features-list {
    padding: 1.5rem !important;
    padding-left: 2.5rem !important;
  }
}

/* === FUNCIONALIDADES DISPONÍVEIS - Mobile Pequeno === */
@media (max-width: 480px) {
  .app-features-section {
    padding: 50px 0;
  }
  
  .app-features-container {
    gap: 2rem;
  }
  
  .app-features-title {
    font-size: 1.6rem;
  }
  
  .features-app-mockup {
    max-width: 250px;
  }
  
  .app-features-list {
    padding: 1.2rem !important;
    padding-left: 2rem !important;
  }
  
  .app-features-list li {
    font-size: 0.9rem;
    margin-bottom: 0.7rem;
  }
}

/* === IMAGEM FULLSCREEN - Tablet === */
@media (max-width: 1024px) {
  .app-fullscreen-section {
    height: 80vh;
  }
}

/* === IMAGEM FULLSCREEN - Mobile === */
@media (max-width: 768px) {
  .app-fullscreen-section {
    height: 100vh;
  }
  
  .app-fullscreen-image {
    object-fit: cover;
    object-position: 50% 50%; /* Centraliza horizontalmente e verticalmente */
    width: 100%;
    height: 100%;
  }
}

/* === IMAGEM FULLSCREEN - Mobile Pequeno === */
@media (max-width: 480px) {
  .app-fullscreen-section {
    height: 100vh;
  }
  
  .app-fullscreen-image {
    object-fit: cover;
    object-position: 45% center; /* Ajusta um pouco para a esquerda do centro */
    width: 100%;
    height: 100%;
  }
}

/* === IMAGEM FULLSCREEN - Mobile Extra Pequeno === */
@media (max-width: 380px) {
  .app-fullscreen-image {
    object-position: 40% center; /* Ajuste fino para telas muito pequenas */
  }
}

/* =========================
   ≥769px — APLICATIVO DO LOJISTA (força 2 colunas)
   ========================= */
@media (min-width: 769px){
  .app-merchant-container{
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "content image";
    align-items: center;
    gap: 4rem;
  }
  .app-merchant-content{ text-align: left; }
  .app-merchant-image{ justify-self: end; }
}

/* =========================
   ≤1024px — APLICATIVO DO LOJISTA (ajustes de escala)
   ========================= */
@media (max-width: 1024px){
  .app-merchant-title{ font-size: 2.2rem; }
  .app-merchant-image img{ max-width: 480px; }
}

/* =========================
   ≤768px — APLICATIVO DO LOJISTA (ordem: imagem → título → texto; textos à esquerda)
   ========================= */
@media (max-width: 768px){
  .app-merchant-container{
    grid-template-columns: 1fr;
    grid-template-areas:
      "image"
      "content";
    gap: 2rem;
  }

  /* textos alinhados à esquerda no mobile */
  .app-merchant-content{
    text-align: left;
    align-items: flex-start;
  }
  .app-merchant-title,
  .app-merchant-text{
    text-align: left;
  }

  .app-merchant-title{
    font-size: 1.9rem;
    margin-bottom: .75rem;
  }
  .app-merchant-text{
    font-size: 1rem;
  }

  /* imagem continua centralizada */
  .app-merchant-image img{
    max-width: 420px;
    margin: 0 auto;
    display: block;
  }
}

/* =========================
   ≤480px — APLICATIVO DO LOJISTA (micro ajuste)
   ========================= */
@media (max-width: 480px){
  .app-merchant-title{ font-size: 1.7rem; }
  .app-merchant-image img{ max-width: 360px; }
}

/* =========================
   ≥769px — FUNCIONALIDADES (LOJISTA) — garante 2 colunas
   ========================= */
@media (min-width: 769px){
  .app-features-section.app-features-merchant .app-features-container{
    grid-template-columns: 1fr auto;
    grid-template-areas: "content image";
    align-items: center;
    gap: 4rem;
  }
  .app-features-section.app-features-merchant .app-features-image{ justify-self: end; }
}

/* =========================
   ≤1024px — FUNCIONALIDADES (LOJISTA)
   ========================= */
@media (max-width: 1024px){
  .app-features-section.app-features-merchant .app-features-title{ font-size: 2rem; }
  .app-features-section.app-features-merchant .app-features-image img{ max-width: 480px; }
}

/* =========================
   ≤768px — FUNCIONALIDADES (LOJISTA) — ordem: imagem → título → box (centralizado)
   ========================= */
@media (max-width: 768px){
  .app-features-section.app-features-merchant .app-features-container{
    grid-template-columns: 1fr;
    grid-template-areas:
      "image"
      "content";
    gap: 2rem;
  }

  .app-features-section.app-features-merchant .app-features-content{
    align-items: center;                        /* centraliza h2 e box no mobile */
    text-align: left;                           /* textos dentro do box permanecem à esquerda */
  }

  .app-features-section.app-features-merchant .app-features-title{
    font-size: 1.8rem;
    margin-bottom: .75rem;
    max-width: 520px;                           /* acompanha o ajuste do box */
  }

  .app-features-section.app-features-merchant .app-features-box{
    max-width: 520px;
  }

  .app-features-section.app-features-merchant .app-features-image img{
    max-width: 420px;
    margin: 0 auto;                             /* centraliza imagem */
    display: block;
  }
}

/* =========================
   ≤480px — FUNCIONALIDADES (LOJISTA)
   ========================= */
@media (max-width: 480px){
  .app-features-section.app-features-merchant .app-features-title{ font-size: 1.6rem; }
  .app-features-section.app-features-merchant .app-features-image img{ max-width: 360px; }
}

/* =========================
   ≤1024px — HERO CREDIÁRIO
   ========================= */
@media (max-width: 1024px){
  .hero-crediario-container{ gap: 3rem; }
  .crediario-image-wrap{ max-width: 560px; }
}

/* =========================
   ≤768px — HERO CREDIÁRIO (imagem 60% da seção + H2/H1 responsivo)
   ========================= */
@media (max-width: 768px){
  .hero-crediario-container{
    grid-template-columns: 1fr;
    grid-template-areas:
      "image"
      "title";
    gap: 2rem;
    min-height: 100vh;                 /* ocupa a tela inteira */
    padding: var(--section-py) 0 0;
  }

  .crediario-image-wrap{               /* imagem centralizada */
    justify-content: center;
  }

  .crediario-hero-image{
    height: auto;
    width: auto;                        /* mantém proporção */
    max-height: 60vh;                   /* ~60% da seção/tela */
    max-width: 92vw;                    /* não encosta nas bordas */
    object-fit: contain;
  }

  .crediario-title{
    text-align: left;                   /* << correção: esquerda no mobile */
    font-size: clamp(2.2rem, 14vw, 4rem);
    line-height: 1.02;
  }
}

/* ≤480px — refino do título */
@media (max-width: 480px){
  .crediario-title{
    font-size: clamp(2rem, 16vw, 3.6rem);
  }
}

/* =========================
   H1 com clamp — exceto home — mobile/tablet
   ========================= */
@media (max-width: 768px){
  body:not(.page-home-page) h1,
  body:not(.page-home-page) .h1{
    font-size: clamp(var(--h1-min), var(--h1-fluid-mobile), calc(var(--h1-max) * 0.78));
    line-height: 1.02;
  }
}

@media (max-width: 480px){
  body:not(.page-home-page) h1,
  body:not(.page-home-page) .h1{
    font-size: clamp(calc(var(--h1-min) * 0.95), var(--h1-fluid-mobile), calc(var(--h1-max) * 0.7));
  }
}

/* =============================================================
   MEDIA QUERIES - RESPONSIVO
   ============================================================= */

/* Tablet (<=1024px) */
@media (max-width: 1024px) {
  .crediario-advantages-section {
    padding: 70px 0;
  }
  
  .crediario-advantages-title {
    font-size: 2.2rem;
  }
  
  .crediario-advantages-content .p2 {
    font-size: 1rem;
  }
}

/* Mobile (<=768px) */
@media (max-width: 768px) {
  .crediario-advantages-section {
    padding: 60px 0;
  }
  

  .crediario-advantages-title {
    font-size: 2rem;
  }
  
  .crediario-advantages-content .p2 {
    font-size: 0.95rem;
    line-height: 1.5;
  }
}

/* Mobile Pequeno (<=480px) */
@media (max-width: 480px) {
  .crediario-advantages-section {
    padding: 50px 0;
  }

  
  .crediario-advantages-title {
    font-size: 1.6rem;
  }
  
  .crediario-advantages-content .p2 {
    font-size: 0.9rem;
  }
}

/* =========================
   CREDIÁRIO DIGITAL – FUNCIONALIDADES DISPONÍVEIS
   ========================= */

/* Tablet (<=1024px) */
@media (max-width: 1024px) {
  .features-crediario-section {
    padding: 70px 0;
  }
  
  .features-crediario-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .features-crediario-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }
  
  .feature-crediario-card {
    min-height: 250px;
  }
  
  .feature-crediario-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
    min-height: 100px;
  }
  
  .feature-crediario-content {
    padding: 0 1.5rem 1.5rem;
  }
  
  .feature-crediario-content .p2 {
    font-size: 0.95rem;
  }
}

/* Mobile (<=768px) */
@media (max-width: 768px) {
  .features-crediario-section {
    padding: 60px 0;
  }
  
  .features-crediario-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .features-crediario-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .feature-crediario-card {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    min-height: auto;
  }
  
  .feature-crediario-card h3 {
    font-size: 1.4rem;
    text-align: center;
    min-height: auto;
    padding: 1.5rem 1rem;
  }
  
  .feature-crediario-content {
    text-align: left;
    padding: 0 1.5rem 1.5rem;
  }
}

/* Mobile Pequeno (<=480px) */
@media (max-width: 480px) {
  .features-crediario-section {
    padding: 50px 0;
  }
  
  .features-crediario-title {
    font-size: 1.6rem;
  }

  
  .feature-crediario-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .feature-crediario-content {
    padding: 0 1.2rem 1.2rem;
  }
  
  .feature-crediario-content .p2 {
    font-size: 0.9rem;
  }
}

/* =========================
   CREDIÁRIO DIGITAL – SEGMENTOS ATENDIDOS
   ========================= */

/* Tablet (<=1024px) */
@media (max-width: 1024px) {
  .segments-crediario-section {
    padding: 70px 0;
  }
  
  .segments-crediario-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .segments-crediario-grid {
    gap: 1.5rem;
    max-width: 600px;
  }
  
  .segment-crediario-card {
    min-height: 180px;
  }
  
  .segment-crediario-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
    min-height: 80px;
  }
  
  .segment-crediario-content {
    padding: 0 1.5rem 1.5rem;
  }
  
  .segment-crediario-content .p2 {
    font-size: 0.95rem;
  }
}

/* Mobile (<=768px) */
@media (max-width: 768px) {
  .segments-crediario-section {
    padding: 60px 0;
  }
  
  .segments-crediario-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .segments-crediario-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    max-width: 100%;
  }
  
  .segment-crediario-card {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    min-height: auto;
  }
  
  .segment-crediario-card h3 {
    font-size: 1.4rem;
    text-align: center;
    min-height: auto;
    padding: 1.5rem 1rem;
  }
  
  .segment-crediario-content {
    text-align: left;
    padding: 0 1.5rem 1.5rem;
  }
}

/* Mobile Pequeno (<=480px) */
@media (max-width: 480px) {
  .segments-crediario-section {
    padding: 50px 0;
  }
  
  .segments-crediario-title {
    font-size: 1.6rem;
  }
  
  .segment-crediario-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .segment-crediario-content {
    padding: 0 1.2rem 1.2rem;
  }
  
  .segment-crediario-content .p2 {
    font-size: 0.9rem;
  }
}

/* =========================
   CREDIÁRIO DIGITAL – VANTAGENS DO CREDIÁRIO DIGITAL
   ========================= */

/* Tablet (<=1024px) */
@media (max-width: 1024px) {
  .advantages-crediario-section {
    padding: 70px 0;
  }
  
  .advantages-crediario-title {
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
  
  .advantages-crediario-grid {
    gap: 1.5rem;
  }
  
  .advantage-crediario-card {
    min-height: 250px;
  }
  
  .advantage-crediario-card h3 {
    font-size: 1.3rem;
    padding: 1.2rem 0.8rem;
    min-height: 90px;
  }
  
  .advantage-crediario-content {
    padding: 0 1.5rem 1.5rem;
  }
  
  .advantage-crediario-list {
    padding: 0 0 0 1.2rem;
  }
  
  .advantage-crediario-list li {
    font-size: 0.95rem;
    padding-left: 1rem;
    margin-bottom: 0.8rem;
  }
}

/* Mobile (<=768px) */
@media (max-width: 768px) {
  .advantages-crediario-section {
    padding: 60px 0;
  }
  
  .advantages-crediario-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    text-align: center;
  }
  
  .advantages-crediario-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 0;
    max-width: 100%;
  }
  
  .advantage-crediario-card {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    min-height: auto;
  }
  
  .advantage-crediario-card h3 {
    font-size: 1.4rem;
    text-align: center;
    min-height: auto;
    padding: 1.5rem 1rem;
  }
  
  .advantage-crediario-content {
    text-align: left;
    padding: 0 1.5rem 1.5rem;
  }
  
  .advantage-crediario-list {
    padding: 0 0 0 1rem;
  }
  
  .advantage-crediario-list li {
    padding-left: 0.8rem;
  }
}

/* Mobile Pequeno (<=480px) */
@media (max-width: 480px) {
  .advantages-crediario-section {
    padding: 50px 0;
  }
  
  .advantages-crediario-title {
    font-size: 1.6rem;
  }
  
  .advantage-crediario-card h3 {
    font-size: 1.2rem;
    padding: 1rem;
  }
  
  .advantage-crediario-content {
    padding: 0 1.2rem 1.2rem;
  }
  
  .advantage-crediario-list {
    padding: 0 0 0 0.8rem;
  }
  
  .advantage-crediario-list li {
    font-size: 0.9rem;
    padding-left: 0.7rem;
    margin-bottom: 0.7rem;
  }
}

/* =========================
   CREDIÁRIO DIGITAL – COMECE SEU CREDIÁRIO DIGITAL
   ========================= */

/* Tablet (<=1024px) */
@media (max-width: 1024px) {
  .cta-crediario-section {
    padding: 70px 0;
  }
  
  .cta-crediario-title {
    font-size: 2.2rem;
  }
  
  .cta-crediario-subtitle {
    font-size: 1.05rem;
  }
  
  .cta-crediario-text {
    font-size: 0.95rem;
  }
}

/* Mobile (<=768px) */
@media (max-width: 768px) {
  .cta-crediario-section {
    padding: 60px 0;
  }
  
  .cta-crediario-title {
    font-size: 2rem;
    margin-bottom: 0.8rem;
  }
  
  .cta-crediario-subtitle {
    font-size: 1rem;
    margin-bottom: 1.2rem;
  }
  
  .cta-crediario-text {
    font-size: 0.95rem;
    line-height: 1.5;
    margin-bottom: 2rem;
  }
  
  .cta-crediario-button-container {
    margin-top: 1.5rem;
  }
}

/* Mobile Pequeno (<=480px) */
@media (max-width: 480px) {
  .cta-crediario-section {
    padding: 50px 0;
  }
  
  .cta-crediario-title {
    font-size: 1.6rem;
  }
  
  .cta-crediario-subtitle {
    font-size: 0.95rem;
  }
  
  .cta-crediario-text {
    font-size: 0.9rem;
  }
  
  .cta-crediario-section .btn-primary {
    font-size: 0.9rem;
    padding: 10px 30px;
  }
}

/* =========================
   CONTATO - CONTACT SECTION
   ========================= */

/* Tablet (<=1024px) */
@media (max-width: 1024px) {
  .contact-section {
    padding: 70px 0;
  }
  
  .contact-title {
    font-size: 3rem;
    margin-bottom: 2.5rem;
  }
  
  /* Mantém 3 colunas em tablet */
  .contact-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
  
  .contact-card {
    min-height: 220px;
    padding: 1.8rem;
  }
  
  .contact-card-title {
    font-size: 1.6rem;
  }
  
  .contact-card-info .p2 {
    font-size: 0.95rem;
  }
}

/* Mobile (<=768px) */
@media (max-width: 768px) {
  .contact-section {
    padding: 60px 0;
  }
  
  .contact-title {
    font-size: 2.5rem;
    margin-bottom: 2rem;
  }
  
  /* Muda para 1 coluna em mobile */
  .contact-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .contact-card {
    min-height: 200px;
    padding: 1.5rem;
  }
  
  .contact-card-title {
    font-size: 1.5rem;
  }
}

/* Mobile Pequeno (<=480px) */
@media (max-width: 480px) {
  .contact-section {
    padding: 50px 0;
  }
  
  .contact-title {
    font-size: 2rem;
  }
  
  .contact-grid {
    gap: 1.5rem;
  }
  
  .contact-card {
    min-height: 180px;
    padding: 1.3rem;
  }
  
  .contact-card-title {
    font-size: 1.3rem;
  }
  
  .contact-card-info .p2 {
    font-size: 0.9rem;
  }
}

/* Mobile - Formulário FALE CONOSCO */
@media (max-width: 768px) {
  .contact-row select {
    font-size: 16px; /* Evita zoom no iOS */
  }
  
  .btn-submit {
    width: 100%;
    padding: 16px 40px;
  }
}

@media (max-width: 480px) {
  .contact-row select {
    padding: 14px 12px;
    background-position: right 12px center;
  }
  
  .btn-submit {
    padding: 14px 35px;
    font-size: 1rem;
  }
}

/* ========================================
   FIX HEADER MOBILE/TABLET
   ======================================== */

@media (max-width: 1024px) {
  body {
    padding-top: 70px; /* Altura do header em tablet */
  }
  
  .header {
    height: 77px;
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 60px; /* Altura do header em mobile */
  }
  
  .header {
    height: 60px;
  }
  
  /* Garantir que o modal não fique sob o header em mobile */
  .form-modal {
    top: 70px;
    bottom: 20px;
    max-height: calc(100vh - 90px);
  }
}

/* ========================================
   HEADER RESPONSIVO COM SOMBRA
   ======================================== */

@media (max-width: 1024px) {
  body {
    padding-top: 70px; /* Altura do header em tablet */
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 60px; /* Altura do header em mobile */
  }
  
  .header {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Sombra mais suave em mobile */
  }
}

@media (max-width: 480px) {
  body {
    padding-top: 56px; /* Altura do header em mobile pequeno */
  }
}

@media (max-width: 768px) {
    .privacy-content h1 {
      font-size: 1.8rem;
    }
    
    .privacy-content h2 {
      font-size: 1.4rem;
    }
    
    .privacy-content {
      padding: 0 15px; /* Ajuste do padding em mobile */
    }
    
    /* Ajuste dos deslocamentos em mobile */
    .privacy-list {
      left: -0.25rem; /* Menor deslocamento em mobile */
    }
    
    .privacy-sublist {
      left: -0.75rem; /* Menor deslocamento em mobile */
    }
  }