/* TEMA NOTTURNO SOLO PER LA HOME PAGE */

/* Applica solo alla pagina home */
body.home-page {
    /* Sfondo notturno con cielo blu scuro */
    background: 
        radial-gradient(ellipse at 20% 80%, rgba(25,25,112,0.15) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 20%, rgba(72,61,139,0.08) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 50%, rgba(30,30,80,0.12) 0%, transparent 80%),
        linear-gradient(145deg, #0a0a2e 0%, #1a1a4e 50%, #2a2a5e 100%);
}

/* Hero Section - Tema Notturno */
body.home-page .hero {
    background: 
        url('../images/hero-mystical.svg') center/cover no-repeat,
        linear-gradient(135deg, #0a0a2e 0%, #1a1a4e 50%, #2a2a5e 100%);
    background-blend-mode: overlay;
}

/* Sostituisci il sole con la luna nel logo */
body.home-page .logo::before {
    background: url('../images/luna-logo.svg') center/contain no-repeat;
    animation: luna-respiro 6s ease-in-out infinite;
}

@keyframes luna-respiro {
    0%, 100% { 
        transform: scale(1); 
        opacity: 0.9;
    }
    50% { 
        transform: scale(1.05); 
        opacity: 1;
    }
}

/* Hero Content - Sfondo #48717f */
body.home-page .hero-content {
    background: #bde1d7;
    border: 1px solid rgba(201,169,97,0.4);
    box-shadow: 
        0 15px 50px rgba(10,10,40,0.5),
        inset 0 1px 0 rgba(201,169,97,0.15);
}

/* Testi Hero - Colori scuri per contrasto */
body.home-page .hero h1 {
    color: #1e3a8a;
    text-shadow: 
        0 0 20px rgba(255,223,0,0.4),
        0 2px 8px rgba(0,0,0,0.3);
}

body.home-page .hero .subtitle {
    color: #1e40af;
}

body.home-page .hero .motto {
    color: #1e3a8a;
}

body.home-page .hero .hero-desc {
    color: #1e40af;
}

/* Sezioni - Solo per la home */
body.home-page .section:nth-child(even) {
    background: 
        radial-gradient(ellipse at 20% 80%, rgba(255,223,0,0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 20%, rgba(173,216,230,0.05) 0%, transparent 50%),
        linear-gradient(135deg, #E0F6FF 0%, #B0E0E6 50%, #87CEEB 100%);
    color: #1e3a8a;
}

body.home-page .section:nth-child(odd) {
    background: linear-gradient(145deg, #B0E0E6 0%, #87CEEB 100%);
    color: #1e3a8a;
}

/* Titoli sezioni */
body.home-page .section-title {
    color: #1e3a8a;
    text-shadow: 
        0 2px 8px rgba(0,100,150,0.3),
        0 0 20px rgba(255,223,0,0.2);
}

body.home-page .section-title::before {
    color: #FFD700;
    text-shadow: 0 0 15px rgba(255,223,0,0.6);
}

/* Cards Chi Sono */
body.home-page .exp-card {
    background: linear-gradient(135deg, rgba(173,216,230,0.8) 0%, rgba(135,206,235,0.6) 100%);
    border: 2px solid rgba(255,223,0,0.4);
    color: #1e3a8a;
}

body.home-page .exp-card h5 {
    color: #1e3a8a;
}

body.home-page .exp-card p {
    color: #1e40af;
}

body.home-page .exp-icon {
    color: #FFD700;
    text-shadow: 0 0 15px rgba(255,223,0,0.6);
}

/* Riquadro grande servizi */
body.home-page .section#servizi {
    background: #48717f !important;
}

/* Rimuovi tutto il viola dalla home */
body.home-page .section:nth-child(even) .text-content h3,
body.home-page .section:nth-child(even) .card h4 {
    color: #1e3a8a;
}

body.home-page .section:nth-child(even) .text-content p,
body.home-page .section:nth-child(even) .card p {
    color: #1e40af;
    background: rgba(173,216,230,0.3);
    border-color: rgba(255,223,0,0.3);
}

/* Cards tarocchi - Giallino/Bianco invece del viola */
body.home-page .tarocco-card {
    background: 
        linear-gradient(145deg, rgba(255,248,220,0.95) 0%, rgba(255,255,224,0.90) 100%);
    border: 2px solid rgba(255,223,0,0.4);
}

body.home-page .tarocco-card .numero,
body.home-page .tarocco-card .simbolo {
    color: #B8860B;
}

body.home-page .tarocco-card .nome {
    color: #8B4513;
}

/* Bottone chiamata diretta - Rimuovi viola */
body.home-page .cta-button.phone-violet {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%) !important;
    color: #1e3a8a !important;
    border: 2px solid #FFD700 !important;
}

body.home-page .cta-button.phone-violet:hover {
    background: linear-gradient(135deg, #FFA500 0%, #FFD700 100%) !important;
    box-shadow: 0 8px 25px rgba(255,215,0,0.4) !important;
}

/* Cards contatti - Giallino invece del viola */
body.home-page .contatto-card {
    background: linear-gradient(145deg, rgba(255,248,220,0.9) 0%, rgba(255,255,224,0.8) 100%);
    border: 2px solid rgba(255,223,0,0.3);
}

body.home-page .contatto-card h3 {
    color: #B8860B;
}

body.home-page .contatto-card p {
    color: #8B4513;
}

/* Citazione mistica */
body.home-page .citazione-mistica-home {
    background: 
        linear-gradient(135deg, rgba(255,248,220,0.2) 0%, rgba(173,216,230,0.1) 100%);
    border: 1px solid rgba(255,223,0,0.3);
    color: #1e3a8a;
}

body.home-page .citazione-mistica-home::before,
body.home-page .citazione-mistica-home::after {
    color: #FFD700;
}

/* Testi generali */
body.home-page .text-highlight p {
    color: #1e40af;
    background: rgba(173,216,230,0.2);
    border-color: rgba(255,223,0,0.3);
}

body.home-page .mission-card {
    background: linear-gradient(145deg, rgba(255,248,220,0.2) 0%, rgba(173,216,230,0.1) 100%);
    border: 2px solid rgba(255,223,0,0.3);
}

body.home-page .mission-card h5 {
    color: #1e3a8a;
}

body.home-page .mission-card p {
    color: #1e40af;
}

/* Mystical frame */
body.home-page .mystical-frame {
    border: 3px solid rgba(255,223,0,0.5);
    background: linear-gradient(145deg, rgba(173,216,230,0.6) 0%, rgba(135,206,235,0.4) 100%);
}

/* Servizi cards specifiche */
body.home-page .servizio-card {
    background: linear-gradient(145deg, rgba(255,255,255,0.98) 0%, rgba(248,248,255,1) 100%) !important;
    border: 2px solid rgba(255,223,0,0.4) !important;
}

/* Rimuovi decorazioni viola dallo sfondo spazio */
body.home-page .hero::after {
    display: none;
}

body.home-page .hero::before {
    display: none;
}

/* Aggiungi decorazione mezza luna */
body.home-page .hero::after {
    content: '';
    position: absolute;
    top: 12%;
    right: 8%;
    width: 220px;
    height: 340px;
    background: 
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 210"><path d="M 70 30 A 40 40 0 0 0 70 110 A 30 30 0 0 1 70 30 Z" fill="%23f5f5dc" opacity="0.8"/></svg>');
    animation: carta-fluttua 18s ease-in-out infinite;
    z-index: 1;
}

@keyframes carta-fluttua {
    0%, 100% { 
        opacity: 0.3; 
        transform: translateY(0) rotate(-2deg);
    }
    50% { 
        opacity: 0.5; 
        transform: translateY(-8px) rotate(1deg);
    }
}

/* Ruota astrologica */
body.home-page .hero::before {
    content: '';
    position: absolute;
    bottom: 10%;
    left: 5%;
    width: 300px;
    height: 300px;
    background: url('../images/ruota-astrologica.png') center/contain no-repeat;
    animation: ruota-astrale-lenta 60s linear infinite;
    z-index: 0;
    opacity: 0.6;
}

@keyframes nuvole-movimento {
    0% { 
        transform: translateX(0);
    }
    100% { 
        transform: translateX(50px);
    }
}

/* Assicurati che i colori oro rimangano */
body.home-page .highlight {
    color: #B8860B !important;
    background: rgba(255,248,220,0.3) !important;
    border-color: rgba(255,223,0,0.4) !important;
}

/* Bottoni CTA */
body.home-page .cta-button:not(.phone-violet) {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #1e3a8a;
    border: 2px solid #FFD700;
}

body.home-page .cta-button:not(.phone-violet):hover {
    background: linear-gradient(135deg, #FFA500 0%, #FFD700 100%);
    box-shadow: 0 10px 30px rgba(255,215,0,0.4);
}

/* Sezione contatti finale */
body.home-page .contatti-section {
    background: #48717f !important;
}

/* Responsive */
@media (max-width: 768px) {
    body.home-page .hero::after {
        width: 80px;
        height: 80px;
        top: 10%;
        right: 5%;
    }
    
    body.home-page .hero::before {
        width: 150px;
        height: 75px;
        bottom: 15%;
        left: 5%;
    }
}/* cache-bust 1763111670 */