/* Custom styles to apply the Poppins font */
body {
    font-family: 'Poppins', sans-serif;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Simple animation for elements appearing on scroll */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, transform;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Additional responsive improvements */
@media (max-width: 768px) {
    .fade-in {
        transform: translateY(10px);
    }
}

/* Ensure images load smoothly */
img {
    transition: opacity 0.3s ease-in-out;
}

/* Custom hover effects for portfolio items */
.group:hover img {
    filter: brightness(0.8);
}

/* Floating WhatsApp button pulse animation */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(34, 197, 94, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(34, 197, 94, 0);
    }
}

.fixed.bottom-5.right-5 {
    animation: pulse 2s infinite;
}

/* Estilos para o botão de localização no rodapé, herdados de loc.html */
.footer .inline-block {
    font-family: 'Inter', sans-serif; /* Mantém a fonte Inter para este elemento específico */
}

/* Estilos para o dropdown do Portfólio */
.group .absolute {
    display: none; /* Esconde por padrão no desktop */
}

.group:hover .absolute {
    display: block; /* Mostra no hover do desktop */
}

/* Estilos para o submenu mobile */
#mobile-portfolio-submenu {
    width: 100%; /* Garante que o submenu ocupe a largura total no mobile */
}

/* Estilos para o Lightbox/Modal (movidos de espelhos.html e vidros.html) */
.lightbox-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.lightbox-overlay.visible {
    opacity: 1;
    visibility: visible;
}
.lightbox-content {
    position: relative;
    width: 90vw; /* Usar vw/vh para maior flexibilidade */
    height: 90vh; /* Usar vw/vh para maior flexibilidade */
    display: flex;
    justify-content: center;
    align-items: center;
}
.lightbox-content img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important; /* Adicionado !important aqui */
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}
.lightbox-nav-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px 15px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.5rem;
    transition: background-color 0.3s ease;
}
.lightbox-nav-button:hover {
    background-color: rgba(0, 0, 0, 0.7);
}
.lightbox-prev {
    left: -50px; /* Ajuste a posição conforme necessário */
}
.lightbox-next {
    right: -50px; /* Ajuste a posição conforme necessário */
}
.lightbox-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 5px 10px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.5rem;
    transition: background-color 0.3s ease;
}
.lightbox-close:hover {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Responsividade dos botões de navegação */
@media (max-width: 768px) {
    .lightbox-prev {
        left: 10px;
    }
    .lightbox-next {
        right: 10px;
    }
    .lightbox-close {
        top: 10px;
        right: 10px;
    }

    /* Ajustes para o botão do WhatsApp na seção Hero */
    .hero-whatsapp-button {
        flex-wrap: wrap; /* Permite que o conteúdo interno se quebre */
        padding: 0.75rem 1rem; /* Ajusta o padding para mobile */
        min-height: 3.5rem; /* Garante uma altura mínima para acomodar o texto quebrado */
        line-height: 1.4; /* Garante espaçamento entre linhas */
        box-sizing: border-box; /* Inclui padding na altura/largura total */
    }
    .hero-whatsapp-button .fa-whatsapp {
        margin-right: 0.5rem; /* Ajusta o espaçamento do ícone no mobile */
    }
}