/* Importa as fontes do Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display:wght@700&display=swap');


body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f4f0e6;
    color: #4a4a4a;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

.btn-primary {
    background-color: #a87b5f;
    border-color: #a87b5f;
}

.btn-outline-primary {
    color: #a87b5f;
    border-color: #a87b5f;
}

.btn-outline-primary:hover {
    background-color: #a87b5f;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(168, 123, 95, 0.2);
}
/* Cor de destaque personalizada para texto e ícones */
.text-highlight {
    color: #a87b5f !important;
}

/* Atualize também os links da navbar e o rodapé para combinar com a nova paleta */
.nav-link {
    color: #4a4a4a !important;
}
.nav-link:hover {
    color: #a87b5f !important;
}
footer {
     background-color: #4a4a4a !important;
     color: #f4f0e6 !important;
}
.social-link { /* Caso você tenha usado uma classe para os links sociais */
    color: #f4f0e6;
}
.social-link:hover {
    color: #a87b5f;
}

/* Seção de Introdução (Hero) */
#inicio .container {
    height: 100%;
}

#inicio img {
    max-width: 300px;
    border: 5px solid #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Gradiente para a seção de introdução */
#inicio {
    background: linear-gradient(45deg, #f0f2f5, #e6e8eb); /* Gradiente suave */
    position: relative;
}


/* Animação para a foto de perfil */
#inicio img {
    animation: fadeIn 1.5s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Seção de Projetos */
.project-card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.project-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.project-card-img {
    height: 250px;
    object-fit: cover;
    
}
/* Sombra e transição para os cards de projetos */
.project-card {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.project-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Sombra e transição para os ícones de habilidades */
#habilidades i {
    transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

#habilidades i:hover {
    color: #a87b5f !important; /* Cor mais escura no hover */
    transform: translateY(-5px);
}
.anchor-fix {
    display: block;
    height: 90px; /* Ajuste esta altura se a sua navbar for diferente */
    margin-top: -100px;
    visibility: hidden;
    pointer-events: none; /* Impede que o elemento bloqueie o clique em algo abaixo */
}

@media (max-width: 992px) {
    .perfil {
        padding-top: 160px;
    }
}
/* Código para botão de link de projetos */
/* <a href="${project.liveUrl}" class="btn btn-sm btn-primary" target="_blank">Ver Projeto</a> */