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

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

.hero-didattica {
    min-height: var(--hero-high);
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2026/01/Immagine-HD-Hero-Didattica-scaled.jpg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    display: flex;
}

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

.hero-didattica .hero-didattica-box-title {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;

    width: 100%;
}

.hero-didattica .hero-didattica-title {
    text-align: center;
    margin: 0;
}

.hero-didattica .hero-didattica-nav {
    margin: 0;
    line-height: 5px;
}

/* -------- SEZIONE INTRODUTTIVA -------- */

.didattica-intro {
    width: 100%;
}

.didattica-intro .didattica-intro-workspace>* {
    margin: 0;
    padding: 0;
}

.didattica-intro .didattica-intro-box-title>* {
    margin: 0;
    padding: 0;
}

.didattica-intro .didattica-intro-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;
}

.didattica-intro .didattica-intro-box-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.didattica-intro .didattica-intro-paragrafo {
    text-align: center;
}

/* -------- IMMAGINE STACCO -------- */

.didattica-immagine-stacco {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Stacco-Didattica.jpg");
}

/* -------- SEZIONE COME LAVORIAMO -------- */

.didattica-work {
    width: 100%;
}

.didattica-work .didattica-work-box-title>* {
    margin: 0;
    padding: 0;
}

.didattica-work .didattica-work-workspace>* {
    margin: 0;
    padding: 0;
}

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

.didattica-work .didattica-work-box-card-superiore>* {
    margin: 0;
    padding: 0;
}

.didattica-work .didattica-work-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;
}

.didattica-work .didattica-work-box-title {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.didattica-work .didattica-work-title {
    margin-right: auto;
    margin-left: 0;
}

.didattica-work .didattica-work-subtitle {
    font-weight: 400;
    margin-right: auto;
    margin-left: 0;
}

.didattica-work .didattica-work-box-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.didattica-work .didattica-work-box-card-superiore {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

/* -------- SEZIONE SERVIZI SUPERIORE -------- */

.didattica-servizi-superiore {
    width: 100%;
}

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

.didattica-servizi-superiore .didattica-servizi-superiore-box-title>* {
    margin: 0;
    padding: 0;
}

.didattica-servizi-superiore .didattica-servizi-superiore-workspace>* {
    margin: 0;
    padding: 0;
}

.didattica-servizi-superiore .didattica-servizi-inferiore-box-title>* {
    margin: 0;
    padding: 0;
}

.didattica-servizi-superiore .didattica-servizi-superiore-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;
}

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

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

.didattica-servizi-superiore .didattica-servizi-superiore-box-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

/* -------- SEZIONE SERVIZI INFERIORE-------- */

.didattica-servizi-superiore .didattica-servizi-inferiore-box-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.didattica-servizi-superiore .didattica-servizi-inferiore-paragrafo {
    font-weight: 400;
}

/* -------- SEZIONE PARALLAX -------- */

.parallax-didattica {
    background-image: url("https://www.horizonfyw.com/wp-content/uploads/2025/12/Immagine-Sedie-Didattica-.jpg");
}


/*#endregion */


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

@media (min-width: 900px) {

    /* -------- SEZIONE HERO -------- */
    .hero-didattica {
        background-position: center;
        background-attachment: scroll;
    }

    .hero-didattica .hero-didattica-workspace {
        padding-bottom: clamp(60px, 20vh, 200px);
    }

    .hero-didattica .hero-didattica-box-title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-didattica .hero-didattica-box-nav {
        padding: 20px;
    }

    /* -------- SEZIONE INTRODUTTIVA -------- */

    .didattica-intro {
        width: 100%;
    }

    /* Rimosso duplicato reset in desktop */

    .didattica-intro .didattica-intro-workspace {
        display: block;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
        gap: unset;
    }

    .didattica-intro .didattica-intro-box-title {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 30px;
    }

    .didattica-intro .didattica-intro-paragrafo {
        margin-top: 50px;
        text-align: center;
    }

    /* -------- SEZIONE IMMAGINE STACCO -------- */

    .didattica-immagine-stacco {
        background-size: cover;
    }

    /* -------- SEZIONE COME LAVORIAMO -------- */

    /* Rimosso duplicato reset in desktop */

    .didattica-work .didattica-work-workspace {
        display: block;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
        gap: unset;
    }

    .didattica-work .didattica-work-box-title {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 30px;
    }

    .didattica-work .didattica-work-subtitle {
        margin-top: 20px;
        padding-left: 134px;
        font-weight: 400;
    }

    .didattica-work .didattica-work-box-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 150px;
        margin-top: 100px;
    }

    .didattica-work .didattica-work-box-card-superiore {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 150px;
    }

    /* -------- SEZIONE SERVIZI -------- */

    /* Rimosso duplicato reset in desktop */

    .didattica-servizi-superiore {
        width: 100%;
    }

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

    .didattica-servizi-superiore .didattica-servizi-superiore-workspace {
        display: block;
        flex-direction: unset;
        justify-content: unset;
        align-items: unset;
        gap: unset;
    }

    .didattica-servizi-superiore .didattica-servizi-superiore-box-icon {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 50px;
    }

    .didattica-servizi-superiore .didattica-servizi-superiore-box-title {
        gap: 50px;
        margin-top: 50px;
    }

    .didattica-servizi-superiore .didattica-servizi-superiore-box-card {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 100px;
    }

    /* -------- SEZIONE SERVIZI INFERIORE-------- */

    .didattica-servizi-superiore .didattica-servizi-inferiore-box-title {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 30px;
    }

    .didattica-servizi-superiore .didattica-servizi-inferiore-paragrafo {
        margin-top: 30px;
        padding-left: 134px;
    }
}

/*#endregion */