/* --- Estilo do Hero Section --- */
.hero-bg {
    background-image: linear-gradient(rgba(26, 58, 42, 0.7), rgba(26, 58, 42, 0.7)), url('https://images.unsplash.com/photo-1606787366850-de6330128bfc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');
    background-size: cover;
    background-position: center;
}

/* --- Estilo da Lista de Passos na Personalização --- */
.personalization-steps li {
    position: relative;
    padding-left: 3rem;
    margin-bottom: 1.5rem;
    /* Ajustei a margem */
    min-height: 2rem;
    /* Garante altura mínima */
    display: flex;
    align-items: center;
}

.personalization-steps li:before {
    content: attr(data-step);
    position: absolute;
    left: 0;
    top: 0;
    background-color: #D4AF37;
    /* gold */
    color: #1A3A2A;
    /* darkgreen */
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}

/* --- Efeitos de Hover nos Cards --- */
.testimonial-card,
.product-card {
    transition: all 0.3s ease;
}

.testimonial-card:hover,
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* --- Animação de Pulso para o Botão do WhatsApp --- */
.whatsapp-float {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}