/**
 * CORREZIONI PIXEL-PERFECT - VALIDATION REPORT
 * Data: 2025-10-19
 * Applica DOPO wpbakery-pixel-perfect.css
 *
 * Questo file contiene 7 correzioni identificate dall'AGENTE 3 - VALIDATOR
 * per raggiungere fedeltà pixel-perfect al layout originale.
 */

/* ===================================
   CORREZIONE #1 - Hero Logo Size
   Severità: CRITICAL
   Problema: Font size troppo piccolo (72px → 95px)
   =================================== */
.hero-logo h1,
.fenomeno-logo {
    font-size: 95px !important;
    font-weight: 300 !important;
    font-style: italic !important;
    line-height: 1 !important;
}

/* ===================================
   CORREZIONE #2 - Visioni Background
   Severità: CRITICAL
   Problema: Background troppo chiaro (#1a1a1a → #0d0d0d)
   =================================== */
.fenomeno-visioni,
.fenomeno-visioni-section {
    background-color: #0d0d0d !important;
}

/* ===================================
   CORREZIONE #3 - Hero Tagline Size
   Severità: CRITICAL
   Problema: Font size troppo grande (28px → 22px)
   =================================== */
.hero-subtitle,
.fenomeno-tagline {
    font-size: 22px !important;
    font-weight: 300 !important;
    letter-spacing: 2.5px !important;
}

/* ===================================
   CORREZIONE #4 - Section Titles Letter Spacing
   Severità: MAJOR
   Problema: Letter spacing troppo stretto (3px → 3.5px)
   =================================== */
.section-title,
.fenomeno-title,
.fenomeno-visioni-title,
.fenomeno-turismi-title {
    letter-spacing: 3.5px !important;
}

/* ===================================
   CORREZIONE #5 - Gallery Image Height
   Severità: MAJOR
   Problema: Immagini troppo alte (350px → 320px)
   =================================== */
.fenomeno-gallery img {
    width: 100% !important;
    height: 320px !important;
    object-fit: cover !important;
    display: block !important;
}

/* ===================================
   CORREZIONE #6 - Visioni Section Padding
   Severità: MAJOR
   Problema: Padding troppo generoso (100px → 85px)
   =================================== */
.fenomeno-visioni,
.fenomeno-visioni-section {
    padding: 85px 60px !important;
}

/* ===================================
   CORREZIONE #7 - Hero Studio Letter Spacing
   Severità: MINOR
   Problema: Letter spacing leggermente diverso (8px → 9px)
   =================================== */
.hero-studio,
.fenomeno-logo-studio {
    letter-spacing: 9px !important;
}

/* ===================================
   RESPONSIVE CORRECTIONS
   =================================== */
@media (max-width: 1024px) {
    .hero-logo h1,
    .fenomeno-logo {
        font-size: 75px !important;
    }

    .fenomeno-visioni,
    .fenomeno-visioni-section {
        padding: 70px 40px !important;
    }
}

@media (max-width: 768px) {
    .hero-logo h1,
    .fenomeno-logo {
        font-size: 55px !important;
    }

    .hero-subtitle,
    .fenomeno-tagline {
        font-size: 18px !important;
    }

    .hero-studio,
    .fenomeno-logo-studio {
        letter-spacing: 8px !important;
    }

    .fenomeno-visioni,
    .fenomeno-visioni-section {
        padding: 60px 30px !important;
    }

    .fenomeno-gallery img {
        height: 280px !important;
    }
}

@media (max-width: 480px) {
    .hero-logo h1,
    .fenomeno-logo {
        font-size: 42px !important;
    }

    .hero-subtitle,
    .fenomeno-tagline {
        font-size: 14px !important;
    }

    .fenomeno-gallery img {
        height: 240px !important;
    }
}

/* ===================================
   FINE CORREZIONI
   Score atteso dopo applicazione: 98/100
   =================================== */