.LineWhite {
    border-top-color: white;
}

.Scourses {
    background: var(--primary);

    border-radius: 35px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.Scourses2 {
    background: var(--secondary);
}

.Scourses3 {
    background: var(--tertiary);
}

.Course {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;

    aspect-ratio: 1 / 1;
    padding: 15px;

    background-color: white;
    background-size: cover;
    border-radius: 35px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    background-position: 28% center;
    background-repeat: no-repeat;

    position: relative;
    overflow: hidden;
    /* così l'overlay non esce */

    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

.Course:hover {
    transform: scale(1.05);

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Titolo in basso a destra */
.CourseTitle {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

/* Descrizione in alto a sinistra */
.CourseDesc {
    position: absolute;
    left: 15px;
    top: 15px;
    max-width: 70%;
    line-height: 1.2;
    opacity: 0;
    pointer-events: none;
    /* non blocca click */
    transition: opacity 0.2s ease;
}

/* quando attiva */
.CourseDesc.is-visible {
    opacity: 1;
}


#Presentation {
    align-items: flex-start;
    min-height: clamp(420px, 39vw, 680px);
    background-color: var(--light-gray);
    background-image: url("/Images/MahasterHome.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;

    display: flex;
    position: relative;
    overflow: hidden;
}

#Presentation::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    height: 80px;

    background: linear-gradient(to bottom,
            rgba(239, 239, 239, 0),
            #EFEFEF);

    pointer-events: none;
}


.PresentationInner {
  min-height: inherit;
}

#announcementsBlock {
    margin-top: 60px;
    width: 600px;
    height:150px
}