.eventi-hero {
    padding: 60px 0;
    background: var(--color-cream-light);

    .container {

        .eventi-hero-content {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            align-items: center;
            gap: 64px;

            .eventi-hero-text {

                .eventi-headline {
                    margin: 0 0 30px;
                    color: var(--color-wine-maroon);
                    font-family: var(--font-primary);
                    font-size: 3.4rem;
                    font-weight: 500;
                    line-height: 1;
                }

                .eventi-intro {
                    margin: 0;
                    color: var(--color-pitch-black);
                    font-family: var(--font-secondary);
                }
            }

            .eventi-hero-image {
                display: block;
                width: 100%;
                max-width: 100%;
                height: auto;
                justify-self: end;
                background-color: var( --color-mist-gray);
                border-radius: 15px;
                overflow: hidden;

                img {
                    display: block;
                    width: 100%;
                    max-width: 100%;
                    height: auto;
                }
            }
        }

        @media (max-width: 991.98px) {
        }

        @media (max-width: 767.98px) {
            .eventi-hero-content {
                grid-template-columns: 1fr;
                gap: 30px;
            }
        }

        @media (max-width: 575.98px) {
            padding: 0 20px;
        }

    }


}

.evento-dettaglio {
    padding: 60px 0 0 0;

    .container {

        .evento-dettaglio-header {
            padding: 0 0 34px;
            text-align: center;

            h2 {
                margin: 14px 0 0;
                color: var(--color-wine-maroon);
                font-family: var(--font-primary);
                font-size: 2rem;
                line-height: 1.1;
            }
        }

        .evento-meta {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            background: var(--color-cream-light);
            border: 1px solid rgba(79, 24, 29, 0.55);

            > div {
                display: flex;
                flex-direction: column;
                gap: 18px;
                padding: 24px 64px;
                border-right: 1px solid rgba(79, 24, 29, 0.08);

                &:last-child {
                    border-right: 0;
                }
            }

            strong,
            span {
                font-family: var(--font-secondary);
            }

            strong {
                color: var(--color-wine-maroon);
                font-weight: 800;
            }

            @media (max-width: 991.98px) {
                grid-template-columns: 1fr;

                > div {
                    gap: 8px;
                    padding: 16px 20px;
                    border-right: 0;
                    border-bottom: 1px solid rgba(79, 24, 29, 0.08);

                    &:last-child {
                        border-bottom: 0;
                    }
                }
            }
        }

        .evento-dettaglio-image {
            display: flex;
            align-items: center;
            min-height: 360px;
            padding: 42px 9%;
            background-color: #555;
            background-image: linear-gradient(135deg, rgba(15, 42, 50, 0.9), rgba(92, 48, 31, 0.35)), linear-gradient(45deg, #243f45 25%, #9a5538 25%, #9a5538 50%, #1b3440 50%, #1b3440 75%, #c0784e 75%);
            background-size: cover, 180px 180px;

            .evento-dettaglio-copy {
                max-width: 450px;
                color: var(--color-pure-white);

                h3 {
                    margin: 0 0 14px;
                    font-family: var(--font-primary);
                    font-size: clamp(2.5rem, 4vw, 3rem);
                    line-height: 1;
                }

                p {
                    margin: 0 0 18px;
                    font-family: var(--font-secondary);
                    font-size: 0.88rem;
                    line-height: 1.4;
                }

                a {
                    align-self: flex-start;
                    display: inline-block;
                    text-decoration: none;
                    text-transform: uppercase;
                    padding: 20px 30px;
                    border-radius: 5px;
                    font-size: 1.0rem;
                    font-weight: 600;
                    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

                    &.btn-cork-gold {
                        background-color: var(--color-cork-gold);
                        color: var(--color-pure-white);

                        &:hover {
                            background-color: var(--color-pure-white);
                            color: var(--color-wine-maroon);
                        }
                    }
                }
            }
        }

        @media (max-width: 575.98px) {
            padding: 0 20px;
        }
    }
}

.evento-programma {
    padding: 60px 0;

    .container {

        .evento-programma-content {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            align-items: center;
            gap: 72px;

            .evento-timeline-wrap {

                .evento-eyebrow {
                    display: block;
                    color: var(--color-pitch-black);
                    font-family: var(--font-secondary);
                    font-size: 0.72rem;
                    font-weight: 800;
                    line-height: 1;
                    text-transform: uppercase;
                }

                h2 {
                    margin: 12px 0 26px;
                    color: var(--color-wine-maroon);
                    font-family: var(--font-primary);
                    font-size: 2rem;
                }

                .evento-timeline {
                    position: relative;
                    margin: 0;
                    padding: 0 0 0 52px;
                    list-style: none;

                    &::before {
                        position: absolute;
                        top: 8px;
                        bottom: 8px;
                        left: 15px;
                        width: 1px;
                        background: var(--color-pitch-black);
                        content: '';
                    }

                    li {
                        position: relative;
                        display: grid;
                        grid-template-columns: 54px minmax(0, 1fr);
                        gap: 16px;
                        margin-bottom: 24px;

                        &::before {
                            position: absolute;
                            top: 4px;
                            left: -41px;
                            width: 8px;
                            height: 8px;
                            border-radius: 50%;
                            background: var(--color-pitch-black);
                            content: '';
                        }
                    }

                    time,
                    strong,
                    span {
                        font-family: var(--font-secondary);
                    }

                    time,
                    strong {
                        color: var(--color-wine-maroon);
                        font-weight: 800;
                    }

                    li div {
                        display: flex;
                        flex-direction: column;
                        gap: 5px;
                    }
                }
            }

            .evento-programma-image {
                min-width: 0;
                max-width: 100%;

                .evento-image {
                    display: block;
                    width: 100%;
                    max-width: 100%;
                    height: auto;
                    border-radius: 10px;
                }
            }
        }

        @media (max-width: 575.98px) {
            padding: 0 20px;

            .evento-programma-content {
                grid-template-columns: 1fr;
                gap: 32px;
            }
        }
    }
}

.evento-descrizione {
    padding: 20px 0 60px 0;

    .evento-descrizione-content {
        margin: 0 auto;

        .evento-eyebrow {
            display: block;
            color: var(--color-pitch-black);
            font-family: var(--font-secondary);
            font-size: 0.72rem;
            font-weight: 800;
            line-height: 1;
            text-transform: uppercase;
        }

        h2 {
            margin: 12px 0 22px;
            color: var(--color-wine-maroon);
            font-family: var(--font-primary);
            font-size: 2rem;
            line-height: 1.1;
        }

        p {
            margin: 0 0 16px;
            color: var(--color-pitch-black);
            font-family: var(--font-secondary);
            line-height: 1.7;

            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    @media (max-width: 575.98px) {
        padding: 20px 20px 48px;
    }
}

.evento-partecipazione {
    padding: 60px 0;
    background: var(--color-cream-light);
    text-align: center;

    h2 {
        color: var(--color-wine-maroon);
        font-family: var(--font-primary);
        font-size: 2.5rem;
        font-weight: 500;
        text-align: center;
        margin-bottom: 30px;
        margin-top:10px
    }

    .evento-partecipazione-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;

        a {
            align-self: center;
            display: inline-block;
            text-decoration: none;
            text-transform: uppercase;
            padding: 20px 30px;
            border-radius: 5px;
            font-size: 1.0rem;
            font-weight: 600;
            transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;

            &.btn-cork-gold {
                background-color: var(--color-cork-gold);
                color: var(--color-pure-white);

                &:hover {
                    background-color: var(--color-pure-white);
                    color: var(--color-wine-maroon);
                }
            }
        }

        i {
            font-size: 1.1rem;
            line-height: 1;
        }

        @media (max-width: 575.98px) {
            display: flex;
            flex-direction: column;
            row-gap: 10px;
        }
    }
}