.elementor-468 .elementor-element.elementor-element-6ca1747{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-550a1c4 *//* === DEFINIÇÃO DA PALETA DE CORES (VARIÁVEIS) === */
:root {
    --bg: #0a0f1a;
    --bg-2: #0d1422;
    --card: #0f172a;
    --muted: #94a3b8;
    --txt: #e6f0ff;
    --brand: #19A39C;
    --brand-2: #32A994;
    --brand-rgb: 25, 163, 156;
    --ok: #35d399;
    --warn: #ffb020;
    --danger: #ff5d5d;
    --radius: 16px;
    --shadow: 0 10px 30px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .04);
    --transition-fast: 0.2s ease;
    --transition-medium: 0.4s ease;
}

/* === ESTILOS GERAIS DO FOOTER MODERNO === */
.footer-moderno {
    background-color: var(--bg); /* Cor de fundo principal */
    color: var(--txt); /* Cor de texto padrão */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 60px 20px 40px;
    line-height: 1.7;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

/* === SEÇÃO PRINCIPAL (COLUNAS) === */
.footer-principal {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
}

.footer-coluna {
    flex: 1;
    min-width: 250px;
}

/* <<< AQUI: TAMANHO DO LOGO AJUSTADO >>> */
/* <<< AQUI: TAMANHO DO LOGO AJUSTADO (COM !important) >>> */
.footer-logo {
    max-width: 90px !important;  /* Adicionado !important para forçar a regra */
    width: 90px !important;     /* Adicionado para garantir */
    height: auto !important;    /* Adicionado para manter a proporção */
    margin-bottom: 20px;
}
/* Adicione este código para centralizar a coluna do logo */
.footer-coluna.sobre {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-coluna h3 {
    color: var(--txt); /* Cor dos títulos */
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

/* Estilos para parágrafos de contato */
.footer-coluna.sobre p {
    font-size: 14px;
    color: var(--muted); /* Cor de texto secundário */
    margin-bottom: 15px;
}

/* === LISTA DE NAVEGAÇÃO === */
.footer-coluna.navegacao ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-coluna.navegacao li {
    margin-bottom: 12px;
}

.footer-coluna.navegacao a {
    color: var(--txt);
    text-decoration: none;
    font-size: 16px;
    transition: color var(--transition-fast), padding-left var(--transition-fast);
}

.footer-coluna.navegacao a:hover {
    color: var(--brand); /* Cor de destaque no hover */
    padding-left: 5px;
}

/* === ÍCONES DE PAGAMENTO (SVG) === */
/* <<< COLE ESTE NOVO BLOCO NO LUGAR DO ANTIGO >>> */

/* === ÍCONES DE PAGAMENTO (COM IMAGENS) === */
.icones-pagamento {
    display: flex;
    justify-content: center; /* Centraliza os logos */
    align-items: center;    /* Alinha verticalmente */
    flex-wrap: wrap;          /* Permite que quebrem a linha em telas menores */
    gap: 25px;                /* Espaço entre os logos */
    margin-top: 15px;
}

.icones-pagamento img {
    height: 30px; /* Você pode ajustar a altura aqui */
    max-width: 80px; /* Previne que logos largos (como Visa) fiquem grandes demais */
    width: auto;
    transition: transform var(--transition-fast);
}

.icones-pagamento img:hover {
    transform: scale(1.1); /* Efeito de zoom no hover */
}

/* Estilo específico para o texto da Hipercard, como na sua imagem de exemplo */
.pagamento-hipercard {
    font-size: 20px;
    font-weight: 600;
    font-family: Arial, sans-serif; /* Uma fonte comum para o logo */
    color: var(--danger); /* Usando sua variável de cor para o vermelho */
}

/* === SEÇÃO INFERIOR (COPYRIGHT E AVISO) === */
.footer-inferior {
    border-top: 1px solid var(--card); /* Linha divisória com cor da paleta */
    padding-top: 30px;
    margin-top: 30px;
}

.copyright {
    font-size: 13px;
    color: var(--muted);
    margin-bottom: 20px;
}

.aviso-legal {
    font-size: 12px;
    color: var(--muted);
    text-align: justify;
}

.aviso-legal h3 {
    text-align: center;
    color: var(--txt);
    font-size: 14px;
}

/* === RESPONSIVIDADE PARA MOBILE === */
@media (max-width: 768px) {
    .footer-principal {
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }

    .footer-coluna {
        min-width: 100%;
        margin-bottom: 0;
    }

    .footer-moderno {
        padding: 40px 15px 30px;
    }

    .aviso-legal {
        text-align: left;
    }
}/* End custom CSS */