/* Efeito de Parallax suave */
.hero-bg {
    background-image: url('../img/bg-slider.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
@media (max-width: 768px) {
    .hero-bg { background-attachment: scroll; }
}
.smooth-scroll { scroll-behavior: smooth; }
.cta-parallax {
    background-image: url('../img/cta-design-de-sobrancelhas.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
@media (max-width: 768px) {
    .cta-parallax { background-attachment: scroll; }
}
.hero-microblading-bg {
    background-image: url('../img/hero-microblanding.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
@media (max-width: 768px) {
    .hero-microblading-bg { background-attachment: scroll; }
}
.hero-design-bg {
    background-image: url('../img/hero-desinger-de-sobrancelhas.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.hero-brow-bg {
    background-image: url('../img/hero-brown-lamination.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
@media (max-width: 768px) {
    .hero-design-bg,
    .hero-brow-bg {
        background-attachment: scroll;
    }
}
.instagram-embed-wide {
    max-width: 100%;
}
.instagram-shell {
    background: #0f1112;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}
.instagram-shell .instagram-media {
    background: transparent !important;
    border-radius: 12px;
    overflow: hidden;
}
.reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 700ms ease, transform 700ms ease;
}
.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 120ms; }
.reveal-delay-2 { transition-delay: 240ms; }
.reveal-delay-3 { transition-delay: 360ms; }
.reveal-zoom {
    opacity: 0;
    transform: scale(0.96);
    transition: opacity 700ms ease, transform 700ms ease;
}
.reveal-zoom.is-visible {
    opacity: 1;
    transform: scale(1);
}
.lux-shine {
    background: linear-gradient(110deg, #caa74a 0%, #f7e7b1 40%, #caa74a 70%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: lux-shine 3.5s ease-in-out infinite;
}
@keyframes lux-shine {
    0% { background-position: 200% 0; }
    60% { background-position: -20% 0; }
    100% { background-position: -20% 0; }
}
