@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap');

* { margin: 0; padding: 0; box-sizing: border-box; }

body { 
    font-family: 'Plus Jakarta Sans', sans-serif; 
    scroll-behavior: smooth; 
    -webkit-font-smoothing: antialiased;
    background-color: #001a41;
}

header { height: 80px; box-sizing: border-box; }

.nav-link { 
    position: relative; 
    font-weight: 800 !important; 
    font-size: 0.875rem; 
    text-transform: uppercase; 
    letter-spacing: 0.05em; 
    color: #001a41; 
    transition: all 0.3s; 
}
.nav-link:hover { color: #0046ad; }

/* SWIPER: PUNTINI DOT-TO-PILL */
.custom-pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
}

.custom-pagination .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background-color: #64748b !important; 
    border-radius: 50% !important; 
    opacity: 1 !important;
    margin: 0 !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
}

.custom-pagination .swiper-pagination-bullet-active {
    width: 32px !important; 
    background-color: #00c2ff !important; 
    border-radius: 10px !important; 
}

/* SWIPER: ANIMAZIONI IMMAGINI */
.swiper-slide .bg-slide { transform: scale(1.1); transition: transform 10s linear; }
.swiper-slide-active .bg-slide { transform: scale(1); }

/* SWIPER: ANIMAZIONI TESTI A CASCATA */
.slide-up { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1); }
.swiper-slide-active .slide-up { opacity: 1; transform: translateY(0); }
.swiper-slide-active h4.slide-up { transition-delay: 0.2s; }
.swiper-slide-active h1.slide-up { transition-delay: 0.4s; }
.swiper-slide-active p.slide-up { transition-delay: 0.6s; }
.swiper-slide-active div.slide-up { transition-delay: 0.8s; }

/* TIPOGRAFIA & COLORI */
h1 { font-weight: 900 !important; }
h4 { font-weight: 900 !important; }
.text-cyan-400 { color: #00c2ff !important; }
.text-emerald-400 { color: #00ff85 !important; }
.text-[#00c2ff] { color: #00c2ff !important; }
.text-[#00ff85] { color: #00ff85 !important; }