/*          =========================================
              SOTTOPAGINE DIDATTICA */
/*#region   ========================================= */

/* -------- SEZIONE HERO -------- */

.sottopagina-didattica-hero {
    background-color: var(--background-offwhite);
    min-height: var(--hero-high);
    display: flex;
    justify-content: center;
}

.sottopagina-didattica-hero .sottopagina-didattica-hero-workspace {
    width: 100%;
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    padding-bottom: clamp(88px, 8vh, 96px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    min-height: 100%;
}

.sottopagina-didattica-hero .sottopagina-didattica-hero-title {
    margin-top: -24px;
}

.sottopagina-didattica-hero .sottopagina-didattica-hero-subtitle {
    margin-top: 20px;
}

/* -------- SEZIONE FRASE -------- */

.background-frase-pcto {
    background-color: var(--background-pcto);
    margin-top: 0;
    padding-block: var(--section-spacing-mobile);
}

.background-frase-esami {
    background-color: var(--background-esami);
    margin-top: 0;
    padding-block: var(--section-spacing-mobile);
}

.background-frase-instuditalia {
    background-color: var(--background-instuditalia);
    margin-top: 0;
    padding-block: var(--section-spacing-mobile);
}

.background-frase-corsi {
    background-color: var(--background-corsi);
    margin-top: 0;
    padding-block: var(--section-spacing-mobile);
}

.sottopagina-didattica-frase .sottopagina-didattica-frase-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    display: flex;
    justify-content: center;
    align-items: center;
}

.sottopagina-didattica-frase .sottopagina-didattica-frase-paragrafo {
    text-align: left;
}

/* -------- SEZIONE PARALLAX -------- */
.parallax-sottopagina-didattica-pcto {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Parallax-PCTO-Mobile.jpg");
}

.parallax-sottopagina-didattica-instuditalia {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Parallax-Instuditalia-Mobile.jpg");
}

.parallax-sottopagina-didattica-esami {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Parallax-Esami-Mobile.jpg");
}

.parallax-sottopagina-didattica-corsi {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Parallax-Corsi-Mobile.jpg");
}

/* -------- SEZIONE SERVIZI TUTTE SOTTOPAGINE -------- */
.sottopagina-didattica-servizi .sottopagina-didattica-servizi-workspace>* {
    margin: 0;
    padding: 0;
}

.sottopagina-didattica-servizi .sottopagina-didattica-servizi-box-icon>* {
    margin: 0;
    padding: 0;
}

.sottopagina-didattica-servizi .sottopagina-didattica-servizi-box-title>* {
    margin: 0 !important;
    padding: 0 !important;
}

.sottopagina-didattica-servizi .sottopagina-didattica-servizi-box-card>* {
    margin: 0;
    padding: 0;
}

.sottopagina-didattica-servizi .sottopagina-didattica-servizi-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.sottopagina-didattica-servizi .sottopagina-didattica-servizi-box-icon {
    margin-right: auto;
    margin-left: 0;
}

.sottopagina-didattica-servizi .sottopagina-didattica-servizi-box-title {
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.sottopagina-didattica-servizi .sottopagina-didattica-servizi-box-card {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;

    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);

    justify-items: center;
}

.sottopagina-didattica-servizi-card {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.sottopagina-didattica-servizi-card .sottopagina-didattica-servizi-card-titolo {
    padding-bottom: 20px;
    padding-right: 20px;
}

.card-esami {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Card-Esami-Mobile.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    /* 🔴 la grid controlla */
    max-width: 400px;
    /* limite visivo */
    aspect-ratio: 344 / 261;
}

.card-instuditalia {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Card-Instuditalia-Mobile.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    /* 🔴 la grid controlla */
    max-width: 400px;
    /* limite visivo */
    aspect-ratio: 344 / 261;
}

.card-corsi {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Card-Corsi-Mobile-1.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    /* 🔴 la grid controlla */
    max-width: 400px;
    /* limite visivo */
    aspect-ratio: 344 / 261;
}

.card-pcto {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Card-PCTO-Mobile.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    /* 🔴 la grid controlla */
    max-width: 400px;
    /* limite visivo */
    aspect-ratio: 344 / 261;
}

/* -------- SEZIONE PROGETTO PAGINE PRECISE -------- */

/* PCTO */
.pcto-progetto .pcto-progetto-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.pcto-progetto .pcto-progetto-box-icon {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

/* ESAMI */

.esami-progetto .esami-progetto-workspace>* {
    margin: 0;
    padding: 0;
}

.esami-progetto .esami-progetto-workspace ul,
.esami-progetto .esami-progetto-workspace ol {
    padding-inline-start: 1.4em;
}

.esami-progetto .esami-progetto-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.esami-progetto .esami-progetto-box-icon {
    margin-left: 0;
    margin-right: auto;
}

/* INSTUDITALIA */

.instuditalia-progetto .instuditalia-progetto-workspace>* {
    margin: 0;
    padding: 0;
}

.instuditalia-progetto .instuditalia-progetto-workspace ul,
.instuditalia-progetto .instuditalia-progetto-workspace ol {
    padding-inline-start: 1.4em;
}

.instuditalia-progetto .instuditalia-progetto-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.instuditalia-progetto .instuditalia-progetto-box-icon {
    margin-left: 0;
    margin-right: auto;
}

/* CORSI */

.corsi-progetto .corsi-progetto-workspace>* {
    margin: 0;
    padding: 0;
}

.corsi-progetto .corsi-progetto-workspace ul,
.corsi-progetto .corsi-progetto-workspace ol {
    padding-inline-start: 1.4em;
}

.corsi-progetto .corsi-progetto-workspace {
    max-width: var(--workspace-width);
    margin-inline: auto;
    padding-inline: var(--paddinginline-workspace);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.corsi-progetto .corsi-progetto-small-elenco {
    margin-right: auto;
    margin-left: 0;
}

.corsi-progetto .corsi-progetto-box-icon {
    margin-left: 0;
    margin-right: auto;
}


/*#endregion */


/*          =========================================
              SOTTOPAGINE DIDATTICA - DESKTOP    */
/*#region   ========================================= */

@media (min-width: 900px) {

    /* -------- SEZIONE HERO -------- */

    .sottopagina-didattica-hero {
        margin-inline: auto;
        padding-top: var(--section-spacing-mobile);
    }

    .sottopagina-didattica-hero .sottopagina-didattica-hero-title {
        margin-top: -44px;
    }

    /* -------- SEZIONE FRASE -------- */

    .sottopagina-didattica-frase {
        margin-top: 0;
        padding-block: var(--section-spacing-desktop);
    }

    .sottopagina-didattica-frase .sottopagina-didattica-frase-workspace {
        padding-left: 589px;
    }

    .sottopagina-didattica-frase .sottopagina-didattica-frase-paragrafo {
        text-align: left;
    }

    /* -------- SEZIONE PARALLAX -------- */
    .parallax-sottopagina-didattica-pcto {
        background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/11/Immagine-PCTO-Sottopagina-scaled.jpg");
    }

    .parallax-sottopagina-didattica-instuditalia {
        background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/11/Immagine-Instuditalia-Sottopagina-scaled.jpg");
    }

    .parallax-sottopagina-didattica-esami {
        background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/11/Immagine-Esami-Sottopagina.png");
    }

    .parallax-sottopagina-didattica-corsi {
        background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/11/Immagine-Corsi-Sottopagina-scaled.jpg");
    }

    /* -------- SEZIONE SERVIZI TUTTE SOTTOPAGINE  -------- */

    .sottopagina-didattica-servizi .sottopagina-didattica-servizi-workspace {
        gap: 50px;
    }

    .sottopagina-didattica-servizi .sottopagina-didattica-servizi-box-title {
        gap: 50px;
    }

    .sottopagina-didattica-servizi .sottopagina-didattica-servizi-box-card {
        grid-template-columns: repeat(3, 1fr);
        /* 🔴 SOLO QUI */
        gap: clamp(24px, 3vw, 40px);
        padding-inline: clamp(32px, 4vw, 64px);
    }

    /* -------- SEZIONE PROGETTO PAGINE PRECISE -------- */

    /* PCTO */

    .pcto-progetto .pcto-progetto-workspace>* {
        margin: 0;
        padding: 0;
    }

    .pcto-progetto .pcto-progetto-workspace {
        display: block;
    }

    .pcto-progetto .pcto-progetto-box-icon {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .pcto-progetto .pcto-progetto-title {
        margin-top: 50px;
    }

    .pcto-progetto .pcto-progetto-first-paragrafo {
        margin-left: 589px;
    }

    .pcto-progetto .pcto-progetto-second-paragrafo {
        margin-top: 80px;
    }

    /* ESAMI */

    .esami-progetto .esami-progetto-workspace {
        display: block;
    }

    .esami-progetto .esami-progetto-box-icon {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .esami-progetto .esami-progetto-title {
        margin-top: 50px;
    }

    .esami-progetto .esami-progetto-first-paragrafo {
        margin-left: 589px;
    }

    .esami-progetto .progetto-sottopagina-margin {
        margin-top: 80px;
    }

    /* INSTUDITALIA */

    .instuditalia-progetto .instuditalia-progetto-workspace {
        display: block;
    }

    .instuditalia-progetto .instuditalia-progetto-box-icon {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .instuditalia-progetto .instuditalia-progetto-title {
        margin-top: 50px;
    }

    .instuditalia-progetto .instuditalia-progetto-first-paragrafo {
        margin-left: 589px;
    }

    .instuditalia-progetto .progetto-sottopagina-margin {
        margin-top: 80px;
    }

    /* CORSI */

    .corsi-progetto .corsi-progetto-workspace {
        display: block;
    }

    .corsi-progetto .corsi-progetto-small-elenco {
        margin-right: unset;
        margin-left: unset;
    }

    .corsi-progetto .corsi-progetto-box-icon {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .corsi-progetto .corsi-progetto-title {
        margin-top: 50px;
    }

    .corsi-progetto .corsi-progetto-paragrafo {
        margin-left: 589px;
    }

    .corsi-progetto .progetto-sottopagina-margin {
        margin-top: 80px;
    }

}

/*#endregion */