/* Estilo para a fonte e rolagem suave */
body {
    font-family: 'Montserrat', sans-serif;
    scroll-behavior: smooth;
}

/* Ajuste para o menu fixo não cobrir o conteúdo */
section {
    padding-top: 70px;
}

/* Estilo da seção Hero (Início) */
#inicio {
    height: 100vh;
    background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../img/hero-bg.jpg') no-repeat center center/cover;
}

/* Estilos para o menu escuro com letra branca */
.navbar-nav .nav-link {
    color: #fff !important; /* Cor da letra sempre branca */
    transition: background-color 0.3s ease-in-out;
    border-radius: 5px;
    margin: 0 5px;
}

/* Efeito hover e de link ativo no menu */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #fff !important; /* Letra continua branca */
    background-color: #dc3545; /* Fundo vermelho vivo */
}

/* Estilo para os cards de serviço */
.card {
    border: none;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

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

/* Estilos para o ícone de PDF no portfólio */
.portfolio-item .portfolio-icon {
    padding: 2rem 1rem;
    background-color: #ffffff;
    border-bottom: 1px solid #eee;
}

.portfolio-item .portfolio-icon i {
    font-size: 4rem; /* Define o tamanho do ícone */
    color: #dc3545; /* Um tom de vermelho padrão para PDFs */
    transition: transform 0.2s ease-in-out;
}

/* Efeito ao passar o mouse sobre o card */
.portfolio-link:hover .portfolio-item {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}

.portfolio-link:hover .portfolio-icon i {
    transform: scale(1.1); /* Aumenta um pouco o ícone */
}

/* Remove a decoração padrão dos links do portfólio */
a.portfolio-link, a.portfolio-link:hover {
    text-decoration: none;
    color: inherit;
}

/* Estilos para o Botão Flutuante do WhatsApp */
.whatsapp-float {
    position: fixed; /* Posição fixa na tela */
    width: 60px; /* Largura */
    height: 60px; /* Altura */
    bottom: 40px; /* Distância do fundo */
    right: 40px; /* Distância da direita */
    background-color: #25D366; /* Cor do WhatsApp */
    color: #FFF; /* Cor do ícone (branco) */
    border-radius: 50px; /* Deixa o botão redondo */
    text-align: center; /* Alinha o ícone no centro */
    font-size: 30px; /* Tamanho do ícone */
    box-shadow: 2px 2px 3px #999; /* Sombra */
    z-index: 100; /* Garante que fique sobre outros elementos */
    
    /* Centraliza o ícone verticalmente */
    display: flex;
    align-items: center;
    justify-content: center;
    
    transition: transform 0.2s ease-in-out;
}

.whatsapp-float:hover {
    transform: scale(1.1); /* Efeito de zoom ao passar o mouse */
}