/* 1. Hero Section (Unificada e Corrigida) */
.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
                url('/assets/FachadaSite2.webp'); 
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    color: white;
    padding: 80px 0;
    min-height: 450px;
    display: flex;
    align-items: center;
}

/* Ajuste Hero para Telas Grandes */
@media (min-width: 992px) {
    .hero-section {
        background-position: top; /* Centralizado costuma ser melhor para fachadas */
        padding: 150px 0;
    }
}

/* 2. Banner de Pagamento (Ajuste de Acessibilidade/Contraste) */
.bg-warning .text-danger-custom {
    color: #b00000 !important; /* Um vermelho mais escuro para passar no teste de contraste */
    text-decoration: underline;
    font-weight: 800;
}

/* 3. Efeito nos Cards de Serviço */
.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
}

/* 4. Botão Flutuante do WhatsApp */
.whatsapp-float {
    position: fixed;
    width: 65px;
    height: 65px;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 35px;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.whatsapp-float:hover {
    background-color: #128c7e;
    transform: scale(1.1);
    color: white;
}

/* 5. Navbar e Logo */
.navbar-brand img {
    transition: transform 0.3s ease;
}

.navbar-brand:hover img {
    transform: scale(1.05);
}

.navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Escurece o cinza 'muted' da seção de Localização e Fotos */
.text-muted {
    color: #555555 !important; /* Cinza grafite bem mais legível */
}

/* Escurece os links e textos secundários do rodapé */
.text-secondary {
    color: #b0b0b0 !important; /* Cinza claro, mas com contraste aprovado sobre o fundo escuro */
}

/* Ajuste específico para o link do GPS (em cima do mapa) */
#localizacao .text-muted.small {
    color: #444444 !important; /* Deixa o '(Clique aqui para abrir no GPS)' mais escuro */
}

/* Ajuste para o link do desenvolvedor no final de tudo */
footer .text-secondary a.text-white {
    border-bottom: 1px solid rgba(255,255,255,0.3); /* Ajuda na visibilidade do link */
}

/* 1. Correção para o "Fechado aos Domingos" */
/* O vermelho padrão (text-danger) no fundo escuro falha. 
   Vamos usar um vermelho mais claro e vibrante (quase coral) que o Google aceita no fundo escuro. */
footer .text-danger.fw-bold {
    color: #ff5c5c !important; 
}

/* 2. Correção para os textos secundários (Segunda a Sexta, Copyright, etc) */
/* O cinza padrão do Bootstrap (text-secondary) é muito escuro para o fundo preto. 
   Vamos subir o tom para um cinza mais claro (#b5b5b5). */
footer .text-secondary {
    color: #b5b5b5 !important;
}

/* 3. Correção para os links de telefone e WhatsApp no footer */
footer a.text-secondary {
    color: #b5b5b5 !important;
    transition: color 0.2s;
}

footer a.text-secondary:hover {
    color: #ffffff !important;
}