@font-face {
    font-family: 'Lufga';
    src: url('public/fonts/lufga/LufgaRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'Lufga', sans-serif;
}
.backdrop-blur { backdrop-filter: blur(10px); }
.backdrop-blur-sm { backdrop-filter: blur(4px); }
.backdrop-blur-md { backdrop-filter: blur(12px); }
.backdrop-blur-lg { backdrop-filter: blur(16px); }

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

@keyframes slideIn {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}

.animate-fade-in { animation: fadeIn 0.5s ease-out; }
.animate-slide-in { animation: slideIn 0.5s ease-out; }

/* Form transitions */
.form-step {
    transition: all 0.3s ease-in-out;
}

.form-step.hidden {
    opacity: 0;
    transform: translateX(20px);
    pointer-events: none;
}

/* Hover effects */
.hover-scale:hover {
    transform: scale(1.05);
}

.hover-lift:hover {
    transform: translateY(-8px);
}

/* Countdown animation */
@keyframes pulse-red {
    0%, 100% { background-color: #dc2626; }
    50% { background-color: #ef4444; }
}

.pulse-red {
    animation: pulse-red 2s infinite;
}

/* Floating CTA */
.floating-cta {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    animation: bounce 2s infinite;
}

.desk-none{
    display: none;
}
.radius-bd {
    border-radius: 0 0 0.75rem 0.75rem;
}

.bg-header{
    background: url("/public/banner-lp-happy-new-year.webp") no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    .floating-cta {
        bottom: 10px;
        right: 10px;
    }
    .mob-none{
        display: none !important;
    }
    .mob-block{
        display: block;
    }
}

@media (max-width: 767px) {
    .mySwiper {
        height: auto !important;       /* remove a altura fixa */
        overflow: visible !important;  /* libera scroll normal */
    }
    .mySwiper .swiper-wrapper {
        display: block !important;     /* volta a ser lista */
        height: auto !important;
    }
    .mySwiper .swiper-slide {
        width: 100% !important;
        height: auto !important;       /* evita o gigantão */
        margin-bottom: 15px !important;
    }
}