/* Adiciona a fonte Poppins ao corpo do site */
body {
    font-family: 'Poppins', sans-serif;
}

.product-card {
    transition: all 0.3s ease;
}

/* Nova classe para o efeito neon constante */
.neon-effect {
    box-shadow: 0 0 15px rgba(0, 0, 255, 0.8),
                0 0 30px rgba(0, 0, 255, 0.5),
                0 0 45px rgba(0, 0, 255, 0.3);
}

/* Nova classe para o seletor de preço */
.neon-toggle {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.6),
                0 0 15px rgba(0, 0, 255, 0.8),
                0 0 30px rgba(0, 0, 255, 0.5),
                0 0 45px rgba(0, 0, 255, 0.3);
}

/* Efeito de elevação do card no hover para manter a interação */
.product-card:hover {
    transform: translateY(-8px);
}

/* Regra para exibir o aviso no hover */
.product-card:hover .view-more-overlay {
    opacity: 1;
}

.modal {
    backdrop-filter: blur(5px);
}

.modal-content {
    animation: modalSlideIn 0.3s ease-out;
}

@keyframes modalSlideIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* --- Regras do Header Fixo --- */

/* Estilo para o header no estado padrão */
#main-header {
    background-color: #0b0f19;
    transition: all 0.3s ease;
}

/* Estilos para o header fixo e retrátil (aplicado via JavaScript) */
.scrolled-header {
    height: 130px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: rgba(11, 15, 25, 0.8) !important;
    backdrop-filter: blur(5px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

/* Estilo para o logo dentro do header quando a página é rolada */
.scrolled-header #header-logo {
    height: 80px;
    margin-bottom: 0;
}

/* Estilo para o texto do header quando a página é rolada */
.scrolled-header #header-text {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

/* Centraliza o conteúdo do header na rolagem */
.scrolled-header .flex {
    justify-content: center;
}