@charset "UTF-8";
/* ==========================================================================
   AUDAZ CONSULTORA - MEDIA QUERIES E OTIMIZAÇÃO MOBILE EXAUSTIVA
   Arquivo focado 100% na responsividade, fluidez, tamanhos de toque (touch)
   e adaptação de todos os componentes para qualquer tamanho de tela.
   ========================================================================== */

/* ==========================================================================
   ÍNDICE DE BREAKPOINTS:
   1. XXL - Monitores Menores (max-width: 1399.98px)
   2. XL  - Laptops e Tablets Paisagem (max-width: 1199.98px)
   3. LG  - Tablets Retrato e Mobile Grande (max-width: 991.98px) - MENU MOBILE
   4. MD  - Smartphones Padrão (max-width: 767.98px)
   5. SM  - Smartphones Pequenos (max-width: 575.98px)
   6. XS  - Smartphones Extra Pequenos (max-width: 399.98px)
   7. XXS - Dispositivos Legados / Watch (max-width: 340px)
   8. Paisagem (Landscape) e Ajustes Globais Touch
   ========================================================================== */

/* ==========================================================================
   0. CONFIGURAÇÕES GLOBAIS DE ACESSIBILIDADE MOBILE E TOUCH
   ========================================================================== */
html {
    /* Evita que o texto redimensione automaticamente no iOS ao virar a tela */
    -webkit-text-size-adjust: 100%;
    /* Scroll suave nativo para âncoras */
    scroll-behavior: smooth;
}

body {
    /* Otimiza a renderização de fontes no mobile */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Evita overflow horizontal causado por margens negativas do Bootstrap */
    overflow-x: hidden;
    width: 100%;
    position: relative;
}

/* Remove aquele fundo azul/cinza chato ao tocar em links no celular (iOS/Android) */
a, button, .nav-link, .accordion-button, .btn {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}


/* ==========================================================================
   1. BREAKPOINT XXL (Monitores Menores / Laptops Grandes)
   Até 1399.98px
   ========================================================================== */
@media (max-width: 1399.98px) {
    /* Ajustes finos de espaçamento no container geral */
    .container {
        max-width: 1140px;
    }

    /* Redução leve das fontes ultra grandes */
    .hero-heading {
        font-size: clamp(2.2rem, 3.5vw, 3.2rem);
    }

    .about-title {
        font-size: clamp(2.2rem, 3.5vw, 3.2rem);
    }

    .contact-title {
        font-size: clamp(2.2rem, 3.5vw, 3.2rem);
    }

    /* Redução do espaçamento interno das abas dos pilares para caber melhor */
    .nav-pills-custom .nav-link {
        padding: 0.9rem 1.2rem;
    }
}


/* ==========================================================================
   2. BREAKPOINT XL (Laptops Comuns e Tablets em Paisagem)
   Até 1199.98px
   ========================================================================== */
@media (max-width: 1199.98px) {
    /* Containers e grids */
    .container {
        max-width: 960px;
    }

    /* Redução global de padding nas seções para não ficar tanto espaço vazio */
    .section-padding,
    .about-section-padding {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    /* Ajuste da altura do Hero para não cortar conteúdo */
    .hero-wrapper,
    .about-hero,
    .contact-hero {
        min-height: 75vh;
    }

    /* Timeline do Sobre: Ajuste das margens laterais */
    .timeline-container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* Box de Parcerias Horizontais (Sobre) */
    .partner-brand-area {
        flex: 1 1 250px;
        padding: 2rem;
    }

    .partner-content-area {
        flex: 2 1 400px;
        padding: 2rem;
    }

    /* Grid de custos (Index e Sobre) - Força 2 colunas no XL */
    .cost-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }

    /* Footer */
    .footer-audaz {
        padding-top: 4rem;
    }
}


/* ==========================================================================
   3. BREAKPOINT LG (Tablets em Retrato e Ponto de Quebra do Menu Mobile)
   Até 991.98px
   ========================================================================== */
@media (max-width: 991.98px) {
    /* ----------------------------------------------------------------------
       A. MENU DE NAVEGAÇÃO E CABEÇALHO (O MAIS IMPORTANTE NO MOBILE)
       ---------------------------------------------------------------------- */
    body {
        padding-top: 100px; /* Reduz o espaço no topo já que a barra vai diminuir */
    }

    .navbar-audaz {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    /* Tamanho da Logo no Tablet/Mobile */
    .navbar-brand img {
        height: 55px; /* Reduz a logo gigante do desktop */
    }

    /* Logo quando scrolla a página no mobile */
    .navbar-scrolled .navbar-brand img {
        height: 45px;
    }

    /* O Menu Colapsado (Hamburguer) */
    .navbar-collapse {
        background-color: var(--audaz-green-1); /* Fundo sólido para o menu aberto */
        padding: 1.5rem;
        border-radius: 0 0 16px 16px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.5);
        margin-top: 1rem;
        border: 1px solid rgba(158, 152, 108, 0.2);
        border-top: none;
        /* Adiciona um efeito de blur no fundo se o dispositivo suportar */
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    /* Ajuste dos links dentro do menu hamburguer */
    .navbar-nav {
        align-items: flex-start !important; /* Alinha os links à esquerda no mobile */
        width: 100%;
    }

    .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.05);
    }

    .nav-item:last-child {
        border-bottom: none;
        margin-top: 1rem !important;
    }

    .nav-link {
        padding: 1rem 0 !important;
        font-size: 1.1rem; /* Fonte maior para facilitar o toque (Touch Target) */
        width: 100%;
        display: block;
    }

    /* Botão de contato no menu mobile: Ocupa 100% da largura */
    .nav-item .btn-audaz {
        width: 100%;
        text-align: center;
        padding: 12px 20px !important;
        font-size: 1.1rem;
        display: block;
    }

    /* ----------------------------------------------------------------------
       B. TIPOGRAFIA GERAL
       ---------------------------------------------------------------------- */
    .section-title, .about-title, .contact-title {
        font-size: 2.2rem;
    }

    .section-subtitle, .about-subtitle, .contact-subtitle {
        font-size: 1.05rem;
    }

    .display-5 {
        font-size: 2.2rem;
    }

    .display-6 {
        font-size: 1.8rem;
    }

    /* ----------------------------------------------------------------------
       C. ALINHAMENTOS ESTRUTURAIS (INDEX)
       ---------------------------------------------------------------------- */
    /* Centraliza os textos do hero no tablet/mobile */
    .hero-content .col-lg-9 {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-lead {
        padding-right: 0 !important; /* Remove o padding direito que existia no desktop */
        margin-left: auto;
        margin-right: auto;
    }

    .hero-content .d-flex {
        justify-content: center !important;
        width: 100%;
    }

    /* Grid de motivos (Index) - Ajuste para 2 colunas, com a última ocupando tudo */
    .reason-card {
        padding: 2rem 1.5rem;
    }

    /* Regimes Fiscais - Caixas (Triplo 10, etc) */
    .fiscal-box {
        border-radius: 16px; /* Borda arredondada em todos os cantos no mobile */
        border-left: none; /* Remove a borda esquerda grossa */
        border-top: 4px solid var(--audaz-gold); /* Passa a borda para o topo */
        padding: 1.5rem;
        text-align: center;
    }

    /* Triplo 10, Maquila (Index) - Muda o layout interno da caixa para coluna */
    .fiscal-box .d-flex {
        flex-direction: column !important;
        text-align: center;
    }

    .fiscal-box .border-md-end {
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }

    /* Quote Highlight */
    .quote-highlight {
        border-radius: 16px;
        border-left: none;
        border-top: 4px solid var(--audaz-orange);
        padding: 2rem 1.5rem;
        text-align: center;
        margin-bottom: 3rem; /* Espaço extra antes das caixas de regimes */
    }

    .quote-highlight::before {
        top: 10px;
        right: 50%;
        transform: translateX(50%); /* Centraliza a aspa gigante no mobile */
    }

    /* ----------------------------------------------------------------------
       D. OS 3 PILARES (TABS) - AJUSTE CRÍTICO DE LAYOUT
       ---------------------------------------------------------------------- */
    /* No tablet/mobile, as abas passam para cima do conteúdo, em formato de scroll horizontal */
    .nav-pills-custom {
        flex-direction: row !important; /* Muda de vertical para horizontal */
        flex-wrap: nowrap;
        overflow-x: auto; /* Permite rolar pro lado se não couber */
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch; /* Scroll suave no iOS */
        gap: 10px;
        padding-bottom: 10px;
        margin-bottom: 1rem;
        /* Esconde a barra de rolagem mas mantém a função */
        scrollbar-width: none;
    }

    .nav-pills-custom::-webkit-scrollbar {
        display: none;
    }

    .nav-pills-custom .nav-link {
        flex: 0 0 auto; /* Não encolhe, força o scroll */
        width: 250px; /* Largura fixa para cada aba */
        flex-direction: column; /* Coloca o número em cima e o texto embaixo */
        align-items: flex-start;
        padding: 1rem;
        margin-bottom: 0;
    }

    /* ----------------------------------------------------------------------
       E. TIMELINE (SOBRE)
       ---------------------------------------------------------------------- */
    .timeline-container::after {
        left: 31px; /* Move a linha central para a esquerda */
    }

    .timeline-item {
        width: 100%;
        padding-left: 80px;
        padding-right: 0;
        margin-bottom: 2rem;
    }

    .timeline-item.right {
        left: 0; /* Anula o deslocamento para a direita */
    }

    /* Ajusta as bolinhas da timeline */
    .timeline-item.left::after,
    .timeline-item.right::after {
        left: 21px;
    }

    /* ----------------------------------------------------------------------
       F. PARCERIAS ESTRATÉGICAS HORIZONTAIS (SOBRE)
       ---------------------------------------------------------------------- */
    /* Empilha a Logo do Parceiro e o Texto em uma única coluna */
    .partner-box-horizontal {
        flex-direction: column;
    }

    .partner-brand-area {
        flex: 1 1 auto;
        border-right: none;
        border-bottom: 1px solid var(--border-color);
        padding: 2rem;
    }

    .partner-content-area {
        flex: 1 1 auto;
        padding: 2rem;
        text-align: center;
    }

    /* Centraliza a lista de tags dos parceiros */
    .partner-content-area div {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
    }

    .partner-tag {
        margin-right: 0;
        margin-bottom: 0;
    }

    /* ----------------------------------------------------------------------
       G. PÁGINA DE CONTATO
       ---------------------------------------------------------------------- */
    .contact-grid {
        grid-template-columns: 1fr 1fr; /* Duas colunas no tablet */
    }
}


/* ==========================================================================
   4. BREAKPOINT MD (Smartphones Padrão e Phablets)
   Até 767.98px - REESTRUTURAÇÃO PROFUNDA (NATIVE APP-LIKE EXPERIENCE)
   Este bloco redefine completamente o comportamento do site para telas touch,
   transformando a experiência web em uma interface semelhante a um aplicativo nativo.
   ========================================================================== */
@media (max-width: 767.98px) {

    /* ----------------------------------------------------------------------
       A. FUNDAÇÕES DO SISTEMA MOBILE & ACESSIBILIDADE DE TOQUE
       ---------------------------------------------------------------------- */

    html, body {
        /* Evita o "bounce" elástico no topo e fundo da página (overscroll) comum no iOS */
        overscroll-behavior-y: none;
        /* Habilita a rolagem suave por inércia acelerada por hardware em dispositivos Apple/Android */
        -webkit-overflow-scrolling: touch;
        /* Previne redimensionamento de texto ao rotacionar a tela */
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body {
        /* A MÁGICA: O padding acompanha exatamente a altura elástica da logo + os espaçamentos da barra! */
        padding-top: calc(25px + clamp(38px, 10vw, 55px)) !important;
        background-color: var(--audaz-bg-dark);
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: none;
    }

    /* Remoção de realces de toque nativos (aquela caixa cinza/azul ao tocar em links) */
    a, button, input, .nav-link, .btn, .accordion-button, .contact-card {
        -webkit-tap-highlight-color: transparent !important;
        -webkit-touch-callout: none !important;
        outline: none !important;
    }

    /* Scrollbars invisíveis para áreas de rolagem interna (estilo App) */
    ::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        background: transparent;
    }

    /* Ajustes globais de seções para respiro ideal em telas estreitas */
    .section-padding,
    .about-section-padding {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    /* ----------------------------------------------------------------------
       B. CABEÇALHO (NAVBAR) & LOGO FLUIDA
       ---------------------------------------------------------------------- */

    .navbar-audaz {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        border-bottom: 1px solid rgba(158, 152, 108, 0.15);
        background-color: rgba(21, 45, 41, 0.98) !important; /* Mais opaco para leitura */
        backdrop-filter: blur(10px); /* Efeito de vidro inteligente */
        -webkit-backdrop-filter: blur(10px);
    }

    /* LOGO MOBILE: Correção de Proporção (Uso de Clamp para fluidez exata) */
    .navbar-brand {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        margin: 0 !important;
    }

    .navbar-brand img {
        /* A altura se adapta automaticamente entre 38px (telas minúsculas) e 55px (phablets), baseada na largura da tela (vw) */
        height: clamp(38px, 10vw, 55px) !important;
        width: auto !important;
        max-width: 220px; /* Limite de segurança */
        object-fit: contain; /* Impede distorção de proporção */
        transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    /* Feedback tátil na logo */
    .navbar-brand:active img {
        transform: scale(0.95);
        opacity: 0.8;
    }

    .navbar-scrolled .navbar-brand img {
        height: clamp(35px, 8vw, 48px) !important; /* Encolhimento suave mantendo proporção */
    }

    /* Botão Hambúrguer (Toggle) */
    .navbar-toggler {
        padding: 8px !important;
        border-radius: 8px !important;
        transition: background-color 0.2s ease;
    }

    .navbar-toggler:active {
        background-color: rgba(255,255,255,0.1);
    }

    .navbar-toggler i {
        font-size: clamp(1.8rem, 6vw, 2.2rem) !important;
        color: var(--audaz-gold) !important; /* Dá destaque ao botão de menu */
    }

    /* ----------------------------------------------------------------------
       C. MENU "APP DRAWER" (Gaveta de Navegação Mobile)
       ---------------------------------------------------------------------- */

    .navbar-collapse,
    .collapsing {
        background: linear-gradient(180deg, rgba(21, 45, 41, 0.98) 0%, rgba(3, 7, 10, 0.98) 100%) !important;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 100% !important;
        /* MÁGICA AQUI: Puxa o menu 2 pixels pra cima, sobrepondo a borda e matando a fresta */
        margin-top: -2px !important;
        border-bottom: 4px solid var(--audaz-gold) !important;
        box-shadow: 0 40px 60px rgba(0, 0, 0, 0.8) !important;
        border-radius: 0 0 24px 24px !important;
        z-index: 1050 !important;
        overflow: hidden !important;
    }

    .navbar-nav {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0 !important;
        padding: 0 !important;
    }

    .nav-item {
        width: 100%;
        border-bottom: 1px solid rgba(158, 152, 108, 0.1);
        margin: 0;
        padding: 0;
    }

    .nav-item:last-child {
        border-bottom: none;
        margin-top: 1.5rem !important; /* Separa o botão final dos links de texto */
    }

    .nav-link {
        font-size: 1.25rem !important;
        font-weight: 600;
        letter-spacing: 0.5px;
        padding: 1.2rem 1rem !important; /* Touch target gigante (mínimo Apple é 44px) */
        color: var(--audaz-text-main) !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 12px;
        transition: background-color 0.2s ease, padding-left 0.3s ease;
    }

    /* Seta indicativa de toque (Chevron) */
    .nav-link::after {
        content: "\F285"; /* bi-chevron-right */
        font-family: "bootstrap-icons";
        font-size: 1.1rem;
        color: var(--audaz-gold);
        opacity: 0.4;
        transition: transform 0.3s ease;
    }

    /* Estado ativo (Toque) nos links do menu */
    .nav-link:active {
        background-color: rgba(167, 115, 54, 0.15); /* Feedback visual laranja */
        padding-left: 1.5rem !important; /* Deslocamento tátil */
        color: var(--audaz-orange) !important;
    }

    .nav-link:active::after {
        transform: translateX(5px);
        opacity: 1;
    }

    /* Botão CTA dentro do menu */
    .nav-item .btn-audaz {
        width: 100%;
        padding: 18px 20px !important;
        font-size: 1.15rem;
        font-weight: 700;
        letter-spacing: 1px;
        border-radius: 16px !important;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        box-shadow: 0 10px 20px rgba(167, 115, 54, 0.3);
    }

    .nav-item .btn-audaz:active {
        transform: scale(0.96);
        box-shadow: 0 5px 10px rgba(167, 115, 54, 0.2);
    }

    /* ----------------------------------------------------------------------
       D. TIPOGRAFIA FLUIDA ESCALONADA (HIERARQUIA MOBILE)
       ---------------------------------------------------------------------- */

    .hero-heading {
        font-size: clamp(2rem, 8vw, 2.6rem) !important;
        line-height: 1.15;
        letter-spacing: -0.5px;
        margin-bottom: 1.25rem !important;
        word-wrap: break-word;
        hyphens: auto;
    }

    .hero-lead {
        font-size: clamp(1rem, 4vw, 1.15rem) !important;
        line-height: 1.65;
        padding: 0 10px;
        margin-bottom: 2rem !important;
        color: rgba(255, 255, 255, 0.85);
    }

    .about-title, .contact-title, .section-title {
        font-size: clamp(1.8rem, 7vw, 2.4rem);
        line-height: 1.2;
        margin-bottom: 1rem;
        word-wrap: break-word;
    }

    .section-subtitle, .about-subtitle, .contact-subtitle {
        font-size: clamp(0.95rem, 3.5vw, 1.1rem);
        line-height: 1.6;
        padding: 0 15px;
        color: rgba(255, 255, 255, 0.75);
    }

    .display-5 { font-size: clamp(1.8rem, 7vw, 2.2rem) !important; line-height: 1.2; }
    .display-6 { font-size: clamp(1.5rem, 6vw, 1.8rem) !important; line-height: 1.3; }

    /* Divisores centrais ajustados */
    .divider-gold, .about-divider-center {
        width: 60px;
        height: 4px;
        margin: 1.25rem auto;
    }

    .divider-gold-left, .about-divider-left {
        width: 60px;
        height: 4px;
        margin: 1.25rem auto; /* Força centralização no mobile em telas MD */
    }

    /* Força textos de colunas esquerdas a centralizarem no mobile */
    .col-lg-5, .col-lg-7, .col-lg-8 {
        text-align: center !important;
    }

    /* ----------------------------------------------------------------------
       E. BOTÕES E CALL TO ACTIONS (ÁREAS DE TOQUE OTIMIZADAS)
       ---------------------------------------------------------------------- */

    .hero-content .d-flex,
    .about-section-padding .d-flex,
    .py-5 .container .d-flex {
        flex-direction: column !important;
        width: 100%;
        gap: 16px !important;
        padding: 0 10px;
        align-items: stretch !important; /* Força botões a esticarem na largura total */
    }

    .btn-lg-audaz, .btn-outline-light, .btn-audaz {
        width: 100%;
        padding: 16px 20px !important;
        font-size: 1.1rem !important;
        font-weight: 700;
        border-radius: 16px !important; /* Mais amigável para dedos */
        justify-content: center;
        display: flex;
        align-items: center;
        gap: 12px;
        transition: transform 0.1s ease, box-shadow 0.1s ease;
    }

    /* Botões nativos Mobile - Feedback de Pressionamento (Active) */
    .btn-lg-audaz:active, .btn-audaz:active {
        transform: scale(0.97) !important;
        box-shadow: inset 0 4px 10px rgba(0,0,0,0.3) !important;
        background-color: var(--audaz-orange-dark) !important;
    }

    .btn-outline-light:active {
        transform: scale(0.97) !important;
        background-color: rgba(255,255,255,0.1) !important;
    }

    /* ----------------------------------------------------------------------
       F. HEROS (BANERS PRINCIPAIS DE TODAS AS PÁGINAS)
       ---------------------------------------------------------------------- */

    .hero-wrapper,
    .about-hero,
    .contact-hero {
        min-height: auto;
        padding-top: 3rem; /* Reduz espaço acima do texto */
        padding-bottom: 4rem;
        background-position: center 30%; /* Ajuste focal para imagens no modo retrato */
        background-attachment: scroll; /* Remove 'fixed' no mobile, pois causa lags severos de renderização no iOS Safari */
    }

    .hero-content .col-lg-9, .hero-content .col-xl-8 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .about-hero-badge {
        font-size: 0.75rem;
        padding: 8px 20px;
        margin-bottom: 1.5rem;
        border-radius: 30px;
        background: rgba(0,0,0,0.4);
        border-color: rgba(158, 152, 108, 0.5);
    }

    /* Trust Indicators no rodapé do Hero */
    .border-top.border-secondary.d-flex.align-items-center {
        flex-direction: column !important; /* Empilha os indicadores */
        gap: 1rem !important;
        margin-top: 2.5rem !important;
        padding-top: 2rem !important;
        width: 100%;
    }

    /* ----------------------------------------------------------------------
       G. COMPONENTES: CARDS DE VANTAGENS / MOTIVOS
       ---------------------------------------------------------------------- */

    .reason-card {
        padding: 2.5rem 1.5rem;
        border-radius: 24px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: linear-gradient(145deg, var(--audaz-bg-card), var(--audaz-bg-dark));
        box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    }

    .reason-icon {
        width: 70px;
        height: 70px;
        font-size: 2rem;
        border-radius: 50%;
        margin-bottom: 1.5rem;
        background: rgba(167, 115, 54, 0.15); /* Ligeiramente mais visível */
    }

    .reason-card h4 {
        font-size: 1.4rem;
        margin-bottom: 1rem;
        letter-spacing: -0.2px;
    }

    .reason-card p {
        font-size: 1rem;
        line-height: 1.65;
        text-align: center;
        color: rgba(255,255,255,0.7) !important;
    }

    /* ----------------------------------------------------------------------
       H. COMPONENTES: CAIXAS DE REGIME FISCAL (TRIPLO 10, MAQUILA)
       ---------------------------------------------------------------------- */

    .fiscal-box {
        border-radius: 20px;
        border-left: none; /* Remove borda lateral */
        border-top: 5px solid var(--audaz-gold); /* Adiciona identificador no topo */
        padding: 2.5rem 1.5rem;
        text-align: center;
        margin-bottom: 2rem;
        background: linear-gradient(180deg, rgba(26, 54, 37, 0.8) 0%, rgba(10, 20, 18, 0.9) 100%);
        box-shadow: 0 15px 30px rgba(0,0,0,0.4);
    }

    /* Cores específicas para as bordas de topo */
    .fiscal-box:nth-child(2) { border-top-color: var(--audaz-orange); }
    .fiscal-box:nth-child(3) { border-top-color: #4D864C; }

    .fiscal-box .d-flex {
        flex-direction: column !important;
        align-items: center !important;
        gap: 1.5rem !important;
    }

    .fiscal-box .border-md-end {
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 1.5rem;
        width: 100%; /* Força linha separadora horizontal completa */
    }

    .fiscal-number {
        font-size: clamp(3rem, 12vw, 4rem); /* Número gigante impactante */
        margin-bottom: 0.5rem;
        line-height: 1;
        display: block;
    }

    .fiscal-box h4 {
        font-size: 1.4rem;
    }

    .fiscal-box ul {
        text-align: left; /* Centraliza a caixa, mas as listas ficam alinhadas à esquerda para leitura */
        display: inline-block;
        margin-top: 1rem;
    }

    /* ----------------------------------------------------------------------
       I. COMPONENTES: CITAÇÕES E MANIFESTOS (BLOCKQUOTES)
       ---------------------------------------------------------------------- */

    .quote-highlight {
        border-radius: 20px;
        border-left: none;
        border-top: 4px solid var(--audaz-orange);
        padding: 3rem 1.5rem 2rem 1.5rem;
        text-align: center;
        margin-top: 2rem;
        margin-bottom: 4rem;
        background: linear-gradient(180deg, var(--audaz-bg-card) 0%, #0a1412 100%);
    }

    .quote-highlight::before {
        top: -30px;
        right: 50%;
        transform: translateX(50%); /* Centraliza exato no mobile */
        font-size: 4.5rem;
        background: var(--audaz-bg-section); /* Fundo opaco para quebrar a borda superior do box */
        padding: 0 15px;
        border-radius: 50%;
    }

    .quote-text {
        font-size: 1.2rem;
        line-height: 1.7;
        letter-spacing: -0.2px;
    }

    .manifesto-box {
        padding: 3.5rem 1.5rem 2.5rem 1.5rem;
        border-radius: 24px;
        margin: 0 10px;
    }

    .manifesto-box::before {
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 5rem;
        background: var(--audaz-bg-dark);
        padding: 0 20px;
        border-radius: 50px;
    }

    .manifesto-text {
        font-size: 1.25rem;
        line-height: 1.7;
    }

    /* ----------------------------------------------------------------------
       J. TABS DOS 3 PILARES (CORREÇÃO: EMPILHAMENTO VERTICAL SEGURO)
       ---------------------------------------------------------------------- */

    .nav-pills-custom {
        display: flex;
        flex-direction: column !important; /* Força os botões a ficarem um embaixo do outro */
        flex-wrap: nowrap;
        overflow-x: hidden !important; /* Impede qualquer vazamento horizontal */
        scroll-snap-type: none; /* Remove o efeito carrossel */
        gap: 12px;
        margin: 10px 0 2rem 0; /* Adicionado margin-top de 10px para afastar do título */
        padding: 5px 10px 15px 10px; /* Adicionado padding-top de 5px para a borda/sombra respirarem sem cortar */
    }

    .nav-pills-custom .nav-link {
        width: 100% !important; /* Garante que o botão caiba 100% na tela */
        flex: 1 1 auto !important;
        scroll-snap-align: none;
        flex-direction: row !important; /* Coloca o número 01 e o texto lado a lado */
        align-items: center !important;
        padding: 1.2rem 1.5rem !important;
        border-radius: 16px;
        background: rgba(26, 54, 37, 0.4);
        border: 1px solid rgba(158, 152, 108, 0.1);
        text-align: left;
    }

    .nav-pills-custom .nav-link.active {
        background: var(--audaz-bg-card);
        border-color: var(--audaz-gold);
        transform: translateY(-2px) !important; /* Efeito de elevação sutil */
        box-shadow: 0 10px 25px rgba(0,0,0,0.4);
    }

    .nav-pills-custom .step-number {
        font-size: 1.8rem;
        margin-bottom: 0 !important;
        margin-right: 15px; /* Dá um respiro entre o número e o título */
    }

    /* Conteúdo das abas (Abaixo dos botões) */
    .tab-content-panel {
        padding: 2rem 1.5rem;
        border-radius: 24px;
        margin-top: 1rem;
        margin-left: 10px;
        margin-right: 10px;
        border: none;
        background: linear-gradient(145deg, var(--audaz-bg-card), var(--audaz-bg-dark));
        box-shadow: inset 0 1px 1px rgba(255,255,255,0.05);
    }

    .tab-content-panel .d-flex {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .tab-content-panel .display-5 {
        font-size: 3rem !important; /* Ícone gigante no topo do conteúdo da aba */
        margin-bottom: 0.5rem;
    }

    .tab-content-panel h3 {
        font-size: 1.5rem;
    }

    /* Listas dentro das abas alinhadas perfeitamente para celular */
    .detail-list li {
        padding-left: 30px;
        font-size: 0.95rem;
        margin-bottom: 1.25rem;
        text-align: left;
    }

    .detail-list li::before {
        top: 2px;
        font-size: 1.1rem;
    }

    /* ----------------------------------------------------------------------
       K. TIMELINE VERTICAL EXTREMA (PÁGINA SOBRE)
       A timeline ziguezague quebra telas menores. Aqui forçamos tudo
       para uma linha reta à esquerda, estilo Feed.
       ---------------------------------------------------------------------- */

    .timeline-container {
        margin: 3rem 0 0 0;
        padding: 0 10px;
    }

    .timeline-container::after {
        left: 25px; /* Posição fixa da linha guia na esquerda */
        width: 3px; /* Linha mais grossa e visível */
        background: linear-gradient(to bottom, var(--audaz-gold), var(--audaz-orange), transparent);
    }

    .timeline-item {
        width: 100%;
        padding-left: 55px; /* Espaço para respirar entre a linha e o box */
        padding-right: 0;
        margin-bottom: 3.5rem; /* Margem inferior generosa */
    }

    /* Zera a posição de caixas que eram da direita */
    .timeline-item.right {
        left: 0;
    }

    /* Configuração geométrica exata do ponto/bolinha da timeline */
    .timeline-item.left::after,
    .timeline-item.right::after {
        left: 14px; /* Centro da bolinha alinhado ao centro da linha (25px) */
        width: 24px;
        height: 24px;
        top: 24px;
        border-width: 5px;
        background: var(--audaz-bg-dark);
        border-color: var(--audaz-gold);
        box-shadow: 0 0 0 6px rgba(167, 115, 54, 0.15); /* Efeito de brilho externo */
    }

    .timeline-content {
        padding: 2.5rem 1.5rem 1.5rem 1.5rem;
        border-radius: 20px;
        background: rgba(21, 45, 41, 0.7);
        border: 1px solid rgba(158, 152, 108, 0.15);
    }

    .timeline-step {
        left: 15px;
        top: -15px; /* Flutuando no topo da caixa */
        font-size: 0.85rem;
        padding: 6px 18px;
        border-radius: 30px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    }

    .timeline-content h3 {
        font-size: 1.45rem;
        margin-top: 5px;
        margin-bottom: 15px;
        color: #fff;
    }

    .timeline-list {
        margin-top: 1rem;
    }

    .timeline-list li {
        text-align: left;
        padding-left: 28px;
        font-size: 0.95rem;
    }

    /* ----------------------------------------------------------------------
       L. GRID DE CUSTOS OPERACIONAIS
       ---------------------------------------------------------------------- */

    .cost-grid {
        grid-template-columns: 1fr; /* Empilha em 1 coluna */
        gap: 1.5rem;
        padding: 0 10px;
    }

    .cost-item, .cost-card-deep {
        padding: 2.5rem 1.5rem;
        border-radius: 20px;
        text-align: left; /* Leitura longa exige alinhamento à esquerda */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        background: rgba(21, 45, 41, 0.85); /* Fundo sólido para ler sobre imagens */
        backdrop-filter: blur(10px);
    }

    .cost-item i, .cost-card-deep h5 i {
        font-size: 2.2rem;
        margin-bottom: 1.2rem;
        background: rgba(167, 115, 54, 0.15);
        color: var(--audaz-orange);
        padding: 14px;
        border-radius: 16px;
    }

    .cost-card-deep h5 {
        font-size: 1.3rem;
        display: flex;
        flex-direction: column; /* Coloca o ícone acima do título */
        align-items: flex-start;
        gap: 10px;
    }

    /* ----------------------------------------------------------------------
       M. PARCEIROS ESTRATÉGICOS (CARDS HORIZONTAIS VIRAM VERTICAIS)
       ---------------------------------------------------------------------- */

    .partner-grid-detailed {
        gap: 2.5rem;
        margin-top: 2.5rem;
        padding: 0 10px;
    }

    .partner-box-horizontal {
        flex-direction: column; /* Força quebra vertical */
        border-radius: 24px;
    }

    .partner-brand-area {
        flex: none;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--border-color);
        padding: 3rem 1.5rem;
    }

    .partner-brand-area i {
        font-size: 4.5rem; /* Ícone gigante na marca */
    }

    .partner-brand-area h3 {
        font-size: 2rem;
    }

    .partner-content-area {
        flex: none;
        width: 100%;
        padding: 2.5rem 1.5rem;
        text-align: left;
    }

    .partner-content-area h4 {
        font-size: 1.35rem;
        margin-bottom: 1rem;
    }

    .partner-content-area p {
        font-size: 0.95rem;
    }

    /* Tags (Pílulas) de especialidades */
    .partner-content-area div {
        display: flex;
        flex-direction: column; /* Empilha as tags uma abaixo da outra */
        gap: 8px;
    }

    .partner-tag {
        margin: 0;
        text-align: center; /* Centraliza o texto na tag esticada */
        padding: 10px 15px;
        border-radius: 10px;
        font-size: 0.9rem;
        background: rgba(167, 115, 54, 0.1);
        border-color: rgba(167, 115, 54, 0.2);
    }

    /* ----------------------------------------------------------------------
       N. FAQ / PERGUNTAS FREQUENTES (ACCORDION)
       ---------------------------------------------------------------------- */

    .accordion-audaz {
        padding: 0 10px;
    }

    .accordion-audaz .accordion-item {
        border-radius: 16px !important;
        margin-bottom: 1.2rem;
    }

    .accordion-audaz .accordion-button {
        padding: 1.5rem 1.25rem; /* Touch target amplo */
        font-size: 1.05rem;
        line-height: 1.5;
        text-align: left;
    }

    /* Rotaciona o ícone padrão do Bootstrap de forma mais visível */
    .accordion-audaz .accordion-button::after {
        width: 1.5rem;
        height: 1.5rem;
        background-size: 1.5rem;
        margin-left: 1rem; /* Separa o ícone do texto se for longo */
    }

    .accordion-audaz .accordion-body {
        padding: 1rem 1.25rem 1.5rem 1.25rem;
        font-size: 0.95rem;
        text-align: left;
    }

    /* ----------------------------------------------------------------------
       O. PÁGINA DE CONTATO EXCLUSIVA (AJUSTES FINOS)
       ---------------------------------------------------------------------- */

    .contact-grid {
        grid-template-columns: 1fr;
        margin-top: -50px; /* Sobrepõe levemente o hero escuro */
        gap: 2rem;
        padding: 0 15px;
    }

    .contact-card {
        padding: 3rem 1.5rem;
        border-radius: 24px;
        box-shadow: 0 15px 30px rgba(0,0,0,0.5); /* Sombra mais pesada para profundidade */
    }

    .contact-icon-wrapper {
        width: 80px;
        height: 80px;
        border-radius: 24px; /* Formato squirqle de App iOS */
    }

    .contact-icon {
        font-size: 2.2rem;
    }

    .contact-card h3 {
        font-size: 1.6rem;
    }

    .contact-link {
        font-size: 1.15rem;
        padding: 10px 0; /* Maior área para toque de dedão */
    }

    .btn-contact-action {
        padding: 18px 20px !important;
        font-size: 1.15rem !important;
        border-radius: 16px;
        margin-top: 1rem;
    }

    .office-info-box {
        padding: 3rem 1.5rem;
        margin-top: 2rem;
        margin-bottom: 3rem;
        border-radius: 24px;
    }

    .office-info-box i {
        font-size: 3.5rem;
    }

    /* ----------------------------------------------------------------------
       P. FOOTER (RODAPÉ)
       ---------------------------------------------------------------------- */

    .footer-audaz {
        padding-top: 4rem;
        padding-bottom: 6rem; /* Espaço pro botão do Whatsapp não cobrir textos de copyright */
    }

    .footer-audaz .row {
        text-align: center !important;
        gap: 2.5rem;
    }

    .footer-audaz .col-lg-4 {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 1px solid rgba(255,255,255,0.05); /* Separa as sessões do rodapé */
        padding-bottom: 2rem;
    }

    .footer-audaz .col-lg-4:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .footer-audaz img {
        margin: 0 auto;
        height: 60px !important; /* Ajuste final da logo de rodapé */
    }

    /* Força listas e ícones a alinharem ao centro */
    .footer-audaz ul {
        width: 100%;
    }

    .footer-audaz ul li {
        justify-content: center !important;
        text-align: center !important;
        margin-bottom: 1.25rem !important;
    }

    .footer-audaz ul li span.text-start {
        text-align: center !important;
        display: block; /* Quebra linha no Brasil/Paraguai */
    }

    .footer-audaz .d-flex.align-items-start {
        align-items: center !important; /* Força ícone de mapa a alinhar ao centro */
    }

    /* Textos de copyright */
    .footer-audaz .row.pt-2 .col-12 {
        padding-top: 1.5rem;
    }

    /* ----------------------------------------------------------------------
       Q. BOTÃO FLUTUANTE (WHATSAPP)
       ---------------------------------------------------------------------- */

    .whatsapp-float {
        width: 60px;
        height: 60px;
        bottom: 20px;
        right: 20px; /* Encostado no canto inferior direito */
        font-size: 32px;
        box-shadow: 0 10px 25px rgba(37, 211, 102, 0.4);
        z-index: 2000; /* Sempre no topo absoluto de qualquer card */
        /* Pulso discreto para conversão nativa no mobile */
        animation: floatPulse 3s infinite ease-in-out;
    }

    .whatsapp-float:active {
        transform: scale(0.9);
    }

    @keyframes floatPulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1); }
    }
}

/* ==========================================================================
   5. BREAKPOINT SM (Smartphones Pequenos e Antigos)
   Até 575.98px - AJUSTES MILIMÉTRICOS DE CONTEÚDO
   ========================================================================== */
@media (max-width: 575.98px) {

    /* Espaçamentos mais conservadores para não colar nas bordas do aparelho */
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-padding,
    .about-section-padding {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    /* Redução drástica da fonte principal para evitar quebra de palavras indesejada */
    .hero-heading {
        font-size: 1.85rem !important;
        letter-spacing: -0.5px;
    }

    .hero-lead {
        font-size: 1rem;
        padding: 0;
    }

    .about-title, .contact-title, .section-title {
        font-size: 1.7rem;
    }

    .section-subtitle, .about-subtitle, .contact-subtitle {
        font-size: 0.95rem;
        padding: 0;
    }

    /* Linhas divisórias menores */
    .divider-gold, .about-divider-center {
        width: 50px;
        height: 3px;
        margin: 1rem auto;
    }

    /* Cards e caixas internas com paddings reduzidos para dar respiro lateral */
    .reason-card,
    .method-card,
    .tab-content-panel,
    .cost-item,
    .cost-card-deep,
    .contact-card {
        padding: 1.5rem 1.25rem;
        border-radius: 16px;
    }

    /* Regimes Fiscais: Número menor para caber texto ao lado se necessário */
    .fiscal-number {
        font-size: 2.8rem;
    }

    .fiscal-box h4 {
        font-size: 1.2rem;
    }

    /* Tabs (Carrossel): Ajusta a largura para mostrar que tem mais itens pro lado */
    .nav-pills-custom .nav-link {
        flex: 0 0 85%;
        padding: 1.2rem 1rem;
    }

    /* Timeline: Espremer ao máximo sem perder legibilidade */
    .timeline-item {
        padding-left: 40px; /* Aproxima a caixa da linha */
    }

    .timeline-container::after {
        left: 10px; /* Linha cola quase totalmente na margem esquerda */
    }

    .timeline-item.left::after,
    .timeline-item.right::after {
        left: 2px; /* Alinha a bolinha com a nova linha */
        width: 18px;
        height: 18px;
        top: 26px;
        border-width: 4px;
    }

    .timeline-content {
        padding: 1.5rem 1.2rem;
    }

    .timeline-step {
        left: 10px;
        top: -12px;
        font-size: 0.75rem;
        padding: 4px 12px;
    }

    /* Listas de detalhes (Checks) */
    .detail-list li, .timeline-list li {
        font-size: 0.9rem;
        padding-left: 28px;
    }

    .detail-list li::before, .timeline-list li::before {
        font-size: 1rem;
        top: 0;
    }

    /* Parceiros Estratégicos: Redução pesada na logo para não ocupar 50% da tela */
    .partner-brand-area {
        padding: 1.5rem;
    }

    .partner-brand-area i {
        font-size: 3rem;
    }

    .partner-brand-area h3 {
        font-size: 1.5rem;
    }

    .partner-content-area {
        padding: 1.5rem 1.2rem;
    }

    .partner-tag {
        font-size: 0.75rem;
        padding: 6px 10px;
    }

    /* Ajustes Finos de Botões */
    .btn-lg-audaz, .btn-outline-light, .btn-contact-action {
        font-size: 1rem !important;
        padding: 14px 15px !important;
    }

    /* Manifesto e Citações */
    .manifesto-box {
        padding: 2.5rem 1.2rem 1.5rem 1.2rem;
    }

    .manifesto-text, .quote-text {
        font-size: 1.05rem;
    }

    .manifesto-author {
        font-size: 0.85rem;
    }

    /* Contato Hero Subtitle */
    .contact-hero {
        padding-top: 80px;
    }
}


/* ==========================================================================
   6. BREAKPOINT XS (Smartphones Extra Pequenos - iPhone SE 1, Moto G antigos)
   Até 399.98px - MODO DE SOBREVIVÊNCIA E LEGIBILIDADE MÁXIMA
   ========================================================================== */
@media (max-width: 399.98px) {

    /* Zera margens externas desnecessárias */
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    body {
        /* Altura exata da barra ultracompacta (8px topo + 40px logo + 8px baixo + 1px borda = 57px) */
        padding-top: 57px !important;
    }

    /* Navbar ultracompacta */
    .navbar-audaz {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .navbar-brand img {
        height: 40px;
    }

    .navbar-scrolled .navbar-brand img {
        height: 36px;
    }

    .navbar-toggler i {
        font-size: 1.8rem !important; /* Ícone do menu um pouco menor */
    }

    /* Tipografia de Sobrevivência (Impede hifenização forçada) */
    .hero-heading {
        font-size: 1.6rem !important;
    }

    .about-title, .contact-title, .section-title {
        font-size: 1.5rem;
    }

    .hero-lead, .section-subtitle, .about-subtitle, .contact-subtitle {
        font-size: 0.9rem;
    }

    /* Badges ultra finos */
    .about-hero-badge {
        padding: 6px 12px;
        font-size: 0.65rem;
        letter-spacing: 1px;
    }

    /* Remove bordas grossas para economizar pixels preciosos */
    .quote-highlight {
        border-top: 2px solid var(--audaz-orange);
        padding: 1.5rem 1rem;
    }

    .fiscal-box {
        border-top: 2px solid var(--audaz-gold);
    }

    /* Ícones das caixas reduzidos */
    .reason-icon {
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }

    /* Custos Operacionais e Ícones de contato */
    .cost-item i, .cost-card-deep h5 i, .contact-icon-wrapper {
        width: 60px;
        height: 60px;
        font-size: 1.6rem;
    }

    .cost-card-deep h5 {
        font-size: 1.1rem;
    }

    .contact-card h3 {
        font-size: 1.25rem;
    }

    /* Quebra de linha em links longos (E-mail de contato) */
    .contact-link {
        font-size: 1.05rem !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
        padding: 0 10px;
    }

    /* Timeline - Extrema compressão */
    .timeline-container::after {
        left: 5px; /* Quase encostado na tela */
        width: 2px;
    }

    .timeline-item {
        padding-left: 25px; /* Quase sem margem */
    }

    .timeline-item.left::after,
    .timeline-item.right::after {
        left: -1px;
        width: 14px;
        height: 14px;
        top: 28px;
        border-width: 3px;
    }

    .timeline-step {
        left: 5px;
        top: -10px;
        padding: 3px 8px;
        font-size: 0.7rem;
    }

    .timeline-content {
        padding: 1.2rem 1rem;
        border-radius: 12px; /* Borda menos agressiva no XS */
    }

    .timeline-content h3 {
        font-size: 1.2rem;
    }

    /* Reduz botões de contato no Footer e Página de Contato */
    .btn-contact-action {
        font-size: 0.95rem !important;
        padding: 12px 15px !important;
    }

    /* Accordion FAQ */
    .accordion-audaz .accordion-button {
        padding: 1rem 0.8rem;
        font-size: 0.9rem;
    }

    .accordion-audaz .accordion-body {
        padding: 0.8rem;
        font-size: 0.85rem;
    }

    /* Rodapé ajustado */
    .footer-audaz img {
        height: 55px !important; /* Menor para não dominar a tela */
    }

    .footer-audaz h5 {
        font-size: 1.1rem;
    }

    /* Botão flutuante do WhatsApp levemente encolhido */
    .whatsapp-float {
        width: 45px;
        height: 45px;
        bottom: 15px;
        right: 15px;
        font-size: 24px;
    }
}


/* ==========================================================================
   7. BREAKPOINT XXS (Relógios, Dispositivos Legados Estritos)
   Até 340px
   ========================================================================== */
@media (max-width: 340px) {
    /* Regras críticas para aparelhos que hoje são obsoletos mas podem acessar */
    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .hero-heading {
        font-size: 1.3rem !important;
    }

    .btn-lg-audaz, .btn-contact-action {
        font-size: 0.85rem;
        padding: 10px 15px !important;
    }

    .whatsapp-float {
        display: none; /* Esconde o botão flutuante em telas minúsculas para não bloquear a visão do texto */
    }
}


/* ==========================================================================
   8. ORIENTAÇÃO PAISAGEM (Landscape) E REGRAS TOUCH FINAIS
   (Smartphones virados de lado)
   ========================================================================== */
@media (max-width: 991.98px) and (orientation: landscape) {
    /* Quando o celular está deitado, a altura diminui muito.
       Ajustamos a Navbar e seções Hero para não tomarem 100% da tela */

    body {
        padding-top: 60px;
    }

    .navbar-audaz {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .navbar-brand img {
        height: 35px;
    }

    .hero-wrapper, .about-hero, .contact-hero {
        padding-top: 40px;
        padding-bottom: 40px;
        min-height: auto; /* Remove 100vh para permitir scroll imediato */
    }

    .navbar-collapse {
        /* No modo paisagem, se o menu abrir, ele deve rolar dentro de si mesmo */
        max-height: 80vh;
        overflow-y: auto;
    }
}

/* ==========================================================================
   9. CORREÇÕES DE HOVER PARA DISPOSITIVOS DE TOQUE (TOUCHSCREENS)
   Problema comum: Efeitos de "hover" (passar o mouse) ficam "presos" em
   celulares após o toque. A regra abaixo cancela transições de hover em
   telas que não possuem cursor preciso (mouse).
   ==========================================================================
*/
@media (hover: none) {
    /* Remove a transformação vertical e de fundo ao tocar num card.
       Assim, o card não fica "flutuando" permanentemente no mobile. */
    .reason-card:hover,
    .method-card:hover,
    .contact-card:hover,
    .partner-box-horizontal:hover {
        transform: none !important;
        box-shadow: none !important;
        background-color: var(--audaz-bg-card) !important;
        border-color: var(--border-color) !important;
    }

    /* Mantém os ícones fixos sem a animação de girar no hover */
    .reason-card:hover .reason-icon,
    .method-card:hover .method-icon-wrapper,
    .contact-card:hover .contact-icon-wrapper {
        background: rgba(167, 115, 54, 0.1) !important;
        transform: none !important;
    }

    .reason-card:hover .reason-icon i,
    .method-card:hover .method-icon,
    .contact-card:hover .contact-icon {
        color: var(--audaz-orange) !important;
        transform: none !important;
    }
}