/* Sistemazioni Mobile */

@media (max-width: 768px) {
    /* 1. Menu mobile stesso colore dell'header */
    .nav-menu {
        background: #48717f !important;
        border-color: rgba(201,169,97,0.3) !important;
    }
    
    .nav-menu a {
        background: rgba(255,255,255,0.1) !important;
        border-color: rgba(201,169,97,0.3) !important;
    }
    
    .nav-menu a:hover {
        background: rgba(201,169,97,0.3) !important;
    }
    
    /* 2. Hero content più corto */
    .hero-content {
        padding: 2rem 1.5rem !important;
        margin-bottom: 2rem !important;
    }
    
    .hero h1 {
        font-size: 2.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .hero .subtitle {
        font-size: 1.2rem !important;
        margin-bottom: 0.8rem !important;
    }
    
    .hero .motto {
        font-size: 1rem !important;
        margin-bottom: 1.2rem !important;
    }
    
    .hero .hero-desc {
        font-size: 0.95rem !important;
        margin-bottom: 1.2rem !important;
    }
    
    /* 3. Foto Carola centrata meglio */
    .contatti-page div[style*="width: 550px"] {
        width: 90% !important;
        max-width: 350px !important;
        height: auto !important;
        aspect-ratio: 11/12 !important;
        margin: 0 auto 2rem !important;
    }
    
    /* 4. Bottoni uniformi */
    .cta-button,
    .cta-button.cta-primary,
    .cta-button.secondary {
        font-size: 1.1rem !important;
        padding: 1.2rem 2.5rem !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        line-height: 1.2 !important;
    }
}
/* cache-bust 1763111670 */