/* --- ESTILOS COMPLEMENTARES PARA O FOOTER BOOTSTRAP --- */

/* Ajustes para o Container principal do footer */
/* Removendo padding lateral extra do container, se houver */
.footer.bg-dark > .container {
    padding-left: 0;
    padding-right: 0;
}

/* Garante que o footer ocupe a largura total e tenha o background correto */
footer.bg-dark {
    background-color: #24272D !important; /* Cor exata do background da imagem */
    color: #D1D5DB !important; /* Cor do texto geral (gray-300) */
    padding-top: 2.5rem !important; /* py-10 (40px) */
    padding-bottom: 2.5rem !important; /* py-10 (40px) */
    font-size: 0.875rem !important; /* text-sm */
}

/* Centraliza os itens nas colunas para mobile e alinha à esquerda em desktop */
footer.bg-dark .col-md-4,
footer.bg-dark .col-md-2 {
    text-align: center; /* Padrão para mobile */
}
@media (min-width: 768px) {
    footer.bg-dark .col-md-4,
    footer.bg-dark .col-md-2 {
        text-align: left; /* Alinhamento para desktop */
    }
}

/* Ajustes de cor e espaçamento para os parágrafos de contato */
footer.bg-dark p {
    margin-bottom: 0.5rem; /* Ajusta o espaçamento entre as linhas */
}

/* Ajustes para a Imagem do Logo */
footer.bg-dark .footer-logo {
    height: 3rem; /* h-12 (48px) */
    margin-bottom: 1rem; /* mb-4 (16px) */
    max-width: 100%;
}

/* Cores dos Ícones de Contato (e-mail, whatsapp, localização) */
footer.bg-dark .text-info { color: #3B82F6 !important; } /* blue-600 */
footer.bg-dark .text-success { color: #22C55E !important; } /* green-500 */
footer.bg-dark .text-danger { color: #EF4444 !important; } /* red-500 */

/* Links em geral dentro do footer */
footer.bg-dark a {
    color: inherit; /* Herda a cor do elemento pai (text-white-50) */
    text-decoration: none; /* Remove sublinhado padrão */
    transition: text-decoration 0.2s ease-in-out;
}
footer.bg-dark a:hover {
    text-decoration: underline; /* Adiciona sublinhado no hover */
}
footer.bg-dark .text-decoration-none:hover { /* Para links que já tinham text-decoration-none */
    text-decoration: underline !important;
}


/* --- SEÇÃO DOS ÍCONES SOCIAIS --- */

/* Container dos ícones sociais */
footer.bg-dark .d-flex.justify-content-center.justify-content-md-start {
    gap: 0.75rem; /* space-x-3 do Tailwind (12px) */
    margin-top: 0.75rem; /* Adiciona um pequeno espaçamento acima dos ícones */
}

/* Estilo do botão/círculo do ícone */
footer.bg-dark .social-icon-btn {
    width: 2.25rem; /* w-9 (36px) */
    height: 2.25rem; /* h-9 (36px) */
    border-radius: 50% !important; /* rounded-full */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important; /* text-white */
    transition: background-color 0.2s ease-in-out;
    text-decoration: none !important; /* Garante que não tenha sublinhado */
}

/* Cores de Fundo dos Ícones Sociais */
footer.bg-dark .social-icon-btn.facebook-btn { background-color: #3b5998 !important; } /* Cor do Facebook */
footer.bg-dark .social-icon-btn.instagram-btn { background-color: #E1306C !important; } /* Cor do Instagram */
footer.bg-dark .social-icon-btn.youtube-btn { background-color: #FF0000 !important; } /* Cor do YouTube */
footer.bg-dark .social-icon-btn.whatsapp-btn { background-color: #25D366 !important; } /* Cor do WhatsApp */

/* Cores de Hover dos Ícones Sociais */
footer.bg-dark .social-icon-btn.facebook-btn:hover { background-color: #2d4373 !important; }
footer.bg-dark .social-icon-btn.instagram-btn:hover { background-color: #c13584 !important; }
footer.bg-dark .social-icon-btn.youtube-btn:hover { background-color: #cc0000 !important; }
footer.bg-dark .social-icon-btn.whatsapp-btn:hover { background-color: #1da851 !important; }

/* Tamanho dos Ícones Font Awesome dentro dos botões */
footer.bg-dark .social-icon-btn i {
    font-size: 1rem; /* Ajuste o tamanho do ícone Font Awesome se necessário */
}

/* --- SEÇÃO INFERIOR DO RODAPÉ (LINHA E COPYRIGHT) --- */

/* Container da linha e copyright */
.border-top.border-secondary {
    border-top: 1px solid #4B5563 !important; /* Cor da borda exata */
    margin-top: 2.5rem !important; /* mt-5 (40px) */
    padding-top: 1.5rem !important; /* pt-3 (24px) */
    width: 100%; /* Garante que a linha ocupe 100% do container */
    max-width: 100% !important; /* Assegura que não há limitação de largura */
    flex-wrap: wrap; /* Permite que os itens quebrem linha em telas pequenas */
    /* Removendo justify-content-between do Bootstrap para alinhar à esquerda e direita como na imagem */
    justify-content: flex-start !important;
}

/* Ajustes para o alinhamento do texto e links na linha inferior */
.border-top.border-secondary .d-flex.space-x-4 {
    gap: 1rem; /* space-x-4 (16px) */
    margin-bottom: 1rem; /* mb-3 (16px) para mobile */
    flex-wrap: wrap; /* Se os links quebrarem linha em mobile */
    width: auto; /* Permite que o texto se ajuste ao conteúdo */
}

@media (min-width: 768px) {
    .border-top.border-secondary .d-flex.space-x-4 {
        margin-bottom: 0 !important; /* mb-md-0 */
        justify-content: flex-start !important; /* Alinha à esquerda */
        width: auto;
    }
    .border-top.border-secondary .text-center.text-md-right {
        text-align: right !important;
        flex-grow: 1; /* Permite que o copyright ocupe o espaço restante */
    }
    .border-top.border-secondary {
        justify-content: space-between !important; /* Restaura o espaçamento entre os itens */
    }
}

/* Ajuste para o texto de copyright */
.footer.bg-dark .footer-copyright span {
    white-space: nowrap; /* Evita que o texto quebre em várias linhas se houver espaço */
}

/* Ajustes para os links na parte inferior */
.footer.bg-dark .footer-bottom-links a {
    color: #9CA3AF !important; /* text-gray-400 */
}
.footer.bg-dark .footer-bottom-links a:hover {
    text-decoration: underline !important;
}

/* Garantir que as colunas tenham o espaçamento correto no Bootstrap */
footer.bg-dark .row > div {
    margin-bottom: 1rem; /* Adiciona um pouco de espaço entre as colunas em mobile */
}
@media (min-width: 768px) {
    footer.bg-dark .row > div {
        margin-bottom: 0; /* Remove o espaço em desktop */
    }
}


        .responsive-video {
          position: relative;
          padding-bottom: 56.25%;
          height: 0;
          overflow: hidden;
          max-width: 100%;
        }
        
        .responsive-video iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }

        .bg-gray{background-color: #404040;}
        .bg-purple{background-color: #6610f2;}
        .lk-1{color: #000000;}
        .lk-1:hover{color: #6610f2;}
        .text-ftr{color:#000000;}
        .text-ftr:hover{color:#6610f2;}
        .text-side{
            color:#000000;
            padding: 0.1875rem 0.5rem;
            margin-top: 0.125rem;
            margin-left: 1.125rem;
            text-decoration: none;
        }
        .text-side:hover{color:#6610f2;}
        .border-purple{border-color:#6610f2;border-style: solid;}
        .sticky {position: sticky;top: 90px;}
        .st-custom-button[data-network=facebook] {background-color: #f1efe9;display: inline-block;padding: 14px;cursor: pointer;font-weight: bold;color: #000;border-radius: 50%;width: 50px;height:50px;text-align: center;font-size: 20;}
        .st-custom-button[data-network=twitter] {background-color: #f1efe9;display: inline-block;padding: 14px;cursor: pointer;font-weight: bold;color: #000;border-radius: 50%;width: 50px;height:50px;text-align: center;font-size: 20;}
        .st-custom-button[data-network=pinterest] {background-color: #f1efe9;display: inline-block;padding: 14px;cursor: pointer;font-weight: bold;color: #000;border-radius: 50%;width: 50px;height:50px;text-align: center;font-size: 20;}
        .st-custom-button[data-network=whatsapp] {background-color: #f1efe9;display: inline-block;padding: 14px;cursor: pointer;font-weight: bold;color: #000;border-radius: 50%;width: 50px;height:50px;text-align: center;font-size: 20;}
        .st-custom-button[data-network]:hover,
        .st-custom-button[data-network]:focus {text-decoration: none;background-color: #6610f2;color:#fff;}

        .col-md-11 a {color:#6610f2;text-decoration: none;}
        .col-md-11 a:hover {color:#6610f2;text-decoration: underline;}
        .col-md-11 img {width: 100%;border-radius: 10px;margin-bottom: 25px;margin-top: 10px;}

        h2, h3, h4, h5, h6 {padding-top: 10px;padding-bottom: 5px;}

        ul, ol {margin-bottom: 30px;}

        blockquote{background-color: #fff;padding-left:20px;padding-right:30px;padding-top:0px;padding-bottom:3px; border-radius: 10px; background-image: url("../img/q.png");background-repeat: no-repeat;}
        blockquote p{font-size: 15px;font-style: italic;padding-left: 40px;}

        .nav-item:hover{background-color: #5e0ce3;padding-left:9px;padding-right:9px;border-radius: 10px;}
        .nav-item .active{background-color: #5e0ce3;padding-left:9px;padding-right:9px;border-radius: 10px;}
        .nav-item{padding-left:9px;padding-right:9px;border-radius: 10px;}

        .text-purple{color:#6610f2;}
        .nav-link {  color: #ffffff !important ;}
        
        .btn-light { background: #ffc107 !important;}
        .mt-auto { margin-top: auto !important; background: #282a2ac2;   padding-left: 10px;     padding-right: 15px; }