/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 30 2026 | 15:12:19 */
/*
 * Scopri Cotronei - modulo 11-spazi-natura-sila.css
 * Estratto senza modifiche funzionali dal CSS originale.
 * Righe originali: 52154-57731.
 * Contenuto: Piazze/spazi culturali, natura, Lago Ampollino, sentieri e storia della Sila.
 */

/* ==========================================================
   PIAZZE E SPAZI CULTURALI DI COTRONEI
   Classi specifiche .sc-spazi-*
========================================================== */

.sc-spazi-page,
.sc-spazi-page *,
.sc-spazi-page *::before,
.sc-spazi-page *::after {
    box-sizing: border-box;
}


/* ==========================================================
   HERO
========================================================== */

.sc-spazi-hero {
    width: 100%;
    max-width: 1080px;

    margin: 0 auto;
    padding: 58px 56px;

    border-radius: 28px;

    background:
        radial-gradient(
            circle at 88% 18%,
            rgba(255,255,255,.10) 0,
            rgba(255,255,255,0) 30%
        ),
        linear-gradient(
            135deg,
            #30483a 0%,
            #40594a 58%,
            #596b5d 100%
        );

    color: #ffffff;

    box-shadow:
        0 12px 30px rgba(27,52,37,.10);
}

.sc-spazi-hero-content {
    max-width: 790px;
}

.sc-spazi-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 31px;
    padding: 0 13px;

    border-radius: 999px;

    background: rgba(255,255,255,.14);
    color: #ffffff;

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: .65px;
}

.sc-spazi-hero h1 {
    max-width: 820px;

    margin: 18px 0 0;

    color: #ffffff;

    font-size: clamp(39px,5.3vw,62px);
    font-weight: 850;
    line-height: 1.02;

    letter-spacing: -1px;
}

.sc-spazi-lead {
    max-width: 700px;

    margin: 21px 0 0;

    color: rgba(255,255,255,.89);

    font-size: 16px;
    line-height: 1.72;
}


/* ==========================================================
   HERO ACTIONS
========================================================== */

.sc-spazi-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 12px;

    margin-top: 28px;
}

.sc-spazi-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 47px;

    padding: 0 21px;

    border-radius: 999px;

    background: #ffffff;
    color: var(--verde-principale,#264733) !important;

    font-size: 12px;
    font-weight: 850;

    text-decoration: none !important;

    box-shadow:
        0 6px 15px rgba(0,0,0,.15);

    transition:
        transform .2s ease,
        background .2s ease;
}

.sc-spazi-actions a + a {
    border: 1px solid rgba(255,255,255,.40);

    background: rgba(255,255,255,.09);
    color: #ffffff !important;

    box-shadow: none;
}

.sc-spazi-actions a:hover {
    transform: translateY(-2px);
}

.sc-spazi-actions a:first-child:hover {
    background: #f7f4ea;
}

.sc-spazi-actions a + a:hover {
    background: rgba(255,255,255,.17);
}


/* ==========================================================
   FACTS
========================================================== */

.sc-spazi-facts {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 18px;

    width: 100%;
    max-width: 1080px;

    margin: 42px auto 0;
}

.sc-spazi-fact {
    min-width: 0;

    padding: 24px;

    border: 1px solid rgba(38,71,51,.14);
    border-radius: 21px;

    background: #ffffff;

    box-shadow:
        0 7px 22px rgba(27,52,37,.045);
}

.sc-spazi-fact > span {
    display: block;

    margin-bottom: 7px;

    color: #956b22;

    font-size: 9px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: .6px;
}

.sc-spazi-fact > strong {
    display: block;

    color: var(--verde-principale,#264733);

    font-size: 23px;
    font-weight: 850;
    line-height: 1.1;
}

.sc-spazi-fact > p {
    margin: 10px 0 0;

    color: #606660;

    font-size: 13px;
    line-height: 1.6;
}


/* ==========================================================
   NOTA
========================================================== */

.sc-spazi-note {
    display: flex;
    align-items: flex-start;

    gap: 13px;

    width: 100%;
    max-width: 700px;

    margin: 28px auto 0;
    padding: 18px 20px;

    border: 1px solid rgba(217,180,107,.52);
    border-radius: 17px;

    background: #fffaf0;
}

.sc-spazi-note-dot {
    flex: 0 0 9px;

    width: 9px;
    height: 9px;

    margin-top: 6px;

    border-radius: 50%;

    background: var(--oro-accento,#d9b46b);
}

.sc-spazi-note strong {
    display: block;

    margin: 0 0 4px;

    color: var(--verde-principale,#264733);

    font-size: 14px;
    font-weight: 850;
}

.sc-spazi-note p {
    margin: 0;

    color: #606660;

    font-size: 13px;
    line-height: 1.58;
}


/* ==========================================================
   SPAZIATURA
========================================================== */

.sc-spazi-page .sc-cotronei-section-head {
    margin-top: 72px;
}


/* ==========================================================
   PIAZZE
========================================================== */

.sc-spazi-places-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    width: 100%;
    max-width: 900px;

    margin: 0 auto;
}

.sc-spazi-place-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 330px;

    padding: 27px;

    border: 1px solid rgba(38,71,51,.14);
    border-radius: 24px;

    background: #fbfaf6;

    box-shadow:
        0 7px 22px rgba(27,52,37,.045);
}

.sc-spazi-place-featured {
    border-color: rgba(217,180,107,.68);

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f7f3e8 100%
        );

    box-shadow:
        0 13px 30px rgba(27,52,37,.08);
}

.sc-spazi-place-head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;
}

.sc-spazi-place-number {
    color: rgba(38,71,51,.30);

    font-size: 12px;
    font-weight: 850;
}

.sc-spazi-place-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 29px;
    padding: 0 11px;

    border-radius: 999px;

    background: #f3eedf;
    color: #8c6524;

    font-size: 9px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: .55px;
}

.sc-spazi-place-card h3 {
    margin: 28px 0 13px;

    color: var(--verde-principale,#264733);

    font-size: 28px;
    font-weight: 850;
    line-height: 1.08;
}

.sc-spazi-place-card > p {
    margin: 0;

    color: #606660;

    font-size: 14px;
    line-height: 1.67;
}

.sc-spazi-place-footer {
    margin-top: auto;
    padding-top: 24px;
}

.sc-spazi-place-footer > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;
    padding: 0 13px;

    border-radius: 999px;

    background: #f3eedf;
    color: #8b682e;

    font-size: 10px;
    font-weight: 800;
}


/* ==========================================================
   HIGHLIGHT
========================================================== */

.sc-spazi-highlight {
    display: grid;

    grid-template-columns:
        minmax(0,1.65fr)
        minmax(230px,.65fr);

    gap: 28px;

    width: 100%;
    max-width: 1080px;

    margin: 72px auto 0;
    padding: 35px;

    border-radius: 27px;

    background:
        linear-gradient(
            135deg,
            #30483a 0%,
            #425d4b 100%
        );

    color: #ffffff;

    box-shadow:
        0 12px 30px rgba(27,52,37,.10);
}

.sc-spazi-highlight-content {
    align-self: center;
}

.sc-spazi-highlight-content > span {
    color: #e4c982;

    font-size: 10px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: .7px;
}

.sc-spazi-highlight-content h2 {
    margin: 10px 0 0;

    color: #ffffff;

    font-size: clamp(31px,4vw,45px);
    font-weight: 850;
    line-height: 1.06;
}

.sc-spazi-highlight-content p {
    max-width: 670px;

    margin: 15px 0 0;

    color: rgba(255,255,255,.87);

    font-size: 14px;
    line-height: 1.68;
}

.sc-spazi-highlight-mark,
.sc-spazi-aggregation-mark {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 230px;

    padding: 22px;

    border: 1px solid rgba(255,255,255,.16);
    border-radius: 22px;

    background: rgba(255,255,255,.08);

    text-align: center;
}

.sc-spazi-highlight-mark span,
.sc-spazi-aggregation-mark span {
    color: rgba(255,255,255,.72);

    font-size: 10px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: 1px;
}

.sc-spazi-highlight-mark strong,
.sc-spazi-aggregation-mark strong {
    display: block;

    margin-top: 8px;

    color: #ffffff;

    font-size: 32px;
    font-weight: 850;
    line-height: 1.04;
}

.sc-spazi-highlight-mark small,
.sc-spazi-aggregation-mark small {
    margin-top: 13px;

    color: #e4c982;

    font-size: 10px;
    font-weight: 700;
}


/* ==========================================================
   EVENTO DOCUMENTATO
========================================================== */

.sc-spazi-event-example {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    width: 100%;
    max-width: 900px;

    margin: 0 auto;
    padding: 29px;

    border: 1px solid rgba(38,71,51,.14);
    border-radius: 23px;

    background: #fbfaf6;
}

.sc-spazi-event-example > div {
    max-width: 650px;
}

.sc-spazi-event-example span {
    color: #956b22;

    font-size: 9px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: .65px;
}

.sc-spazi-event-example h3 {
    margin: 8px 0 0;

    color: var(--verde-principale,#264733);

    font-size: 27px;
    font-weight: 850;
    line-height: 1.12;
}

.sc-spazi-event-example p {
    margin: 11px 0 0;

    color: #606660;

    font-size: 14px;
    line-height: 1.65;
}

.sc-spazi-event-example > a {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 43px;
    padding: 0 17px;

    border-radius: 999px;

    background: var(--verde-principale,#264733);
    color: #ffffff !important;

    font-size: 11px;
    font-weight: 850;

    text-align: center;
    text-decoration: none !important;
}


/* ==========================================================
   SPAZI CULTURALI
========================================================== */

.sc-spazi-cultural-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    width: 100%;
    max-width: 900px;

    margin: 0 auto;
}

.sc-spazi-cultural-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 300px;

    padding: 27px;

    border: 1px solid rgba(38,71,51,.14);
    border-radius: 23px;

    background: #fbfaf6;
}

.sc-spazi-cultural-card-featured {
    border-color: rgba(217,180,107,.58);

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f8f5ec 100%
        );
}

.sc-spazi-cultural-card > span {
    display: inline-flex;
    align-items: center;

    align-self: flex-start;

    min-height: 29px;
    padding: 0 11px;

    border-radius: 999px;

    background: #f7f4ea;
    color: #956b22;

    font-size: 9px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: .6px;
}

.sc-spazi-cultural-card h3 {
    margin: 21px 0 0;

    color: var(--verde-principale,#264733);

    font-size: 25px;
    font-weight: 850;
    line-height: 1.12;
}

.sc-spazi-cultural-card p {
    margin: 12px 0 0;

    color: #606660;

    font-size: 14px;
    line-height: 1.65;
}

.sc-spazi-cultural-card > a,
.sc-spazi-cultural-card > small {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    align-self: flex-start;

    min-height: 40px;

    margin-top: auto;
    padding: 0 15px;

    border-radius: 999px;

    font-size: 10px;
    font-weight: 850;
}

.sc-spazi-cultural-card > a {
    background: var(--verde-principale,#264733);
    color: #ffffff !important;

    text-decoration: none !important;
}

.sc-spazi-cultural-card > small {
    background: #f3eedf;
    color: #8b682e;
}


/* ==========================================================
   CENTRO DI AGGREGAZIONE
========================================================== */

.sc-spazi-aggregation {
    display: grid;

    grid-template-columns:
        minmax(0,1.6fr)
        minmax(230px,.65fr);

    gap: 28px;

    width: 100%;
    max-width: 1080px;

    margin: 0 auto;
    padding: 35px;

    border-radius: 27px;

    background:
        linear-gradient(
            135deg,
            #3b493e 0%,
            #536253 100%
        );

    color: #ffffff;
}

.sc-spazi-aggregation-content {
    align-self: center;
}

.sc-spazi-aggregation-content > span {
    color: #e4c982;

    font-size: 10px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: .7px;
}

.sc-spazi-aggregation-content h3 {
    margin: 9px 0 0;

    color: #ffffff;

    font-size: clamp(29px,3.5vw,40px);
    font-weight: 850;
    line-height: 1.08;
}

.sc-spazi-aggregation-content p {
    max-width: 690px;

    margin: 14px 0 0;

    color: rgba(255,255,255,.87);

    font-size: 14px;
    line-height: 1.68;
}


/* ==========================================================
   MEMORY / SOURCES / RELATED
========================================================== */

.sc-spazi-memory-grid,
.sc-spazi-sources-grid,
.sc-spazi-related-grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 20px;

    width: 100%;
    max-width: 1080px;

    margin: 0 auto;
}

.sc-spazi-memory-card,
.sc-spazi-source-card,
.sc-spazi-related-card {
    min-width: 0;

    padding: 25px;

    border: 1px solid rgba(38,71,51,.14);
    border-radius: 22px;

    background: #ffffff;

    color: inherit !important;
    text-decoration: none !important;

    box-shadow:
        0 7px 22px rgba(27,52,37,.045);
}

.sc-spazi-related-card {
    background: #fbfaf6;
}

.sc-spazi-source-card,
.sc-spazi-related-card {
    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.sc-spazi-source-card:hover,
.sc-spazi-related-card:hover {
    transform: translateY(-3px);

    border-color: rgba(38,71,51,.30);

    box-shadow:
        0 16px 34px rgba(27,52,37,.10);
}

.sc-spazi-memory-card > span,
.sc-spazi-source-card > span,
.sc-spazi-related-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 29px;
    padding: 0 11px;

    border-radius: 999px;

    background: #f7f4ea;
    color: #956b22;

    font-size: 9px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: .6px;
}

.sc-spazi-memory-card h3,
.sc-spazi-source-card > strong,
.sc-spazi-related-card > strong {
    display: block;

    margin: 21px 0 0;

    color: var(--verde-principale,#264733);

    font-size: 22px;
    font-weight: 850;
    line-height: 1.15;
}

.sc-spazi-memory-card p,
.sc-spazi-source-card p,
.sc-spazi-related-card p {
    margin: 11px 0 0;

    color: #606660;

    font-size: 14px;
    line-height: 1.63;
}


/* ==========================================================
   FUTURE
========================================================== */

.sc-spazi-future-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 18px;

    width: 100%;
    max-width: 1080px;

    margin: 0 auto;
}

.sc-spazi-future-card {
    display: flex;
    flex-direction: column;

    min-height: 220px;

    padding: 25px;

    border: 1px solid rgba(38,71,51,.13);
    border-radius: 22px;

    background: #fbfaf6;
}

.sc-spazi-future-card > span {
    color: rgba(38,71,51,.28);

    font-size: 12px;
    font-weight: 850;
}

.sc-spazi-future-card > strong {
    margin-top: 20px;

    color: var(--verde-principale,#264733);

    font-size: 22px;
    font-weight: 850;
}

.sc-spazi-future-card > p {
    margin: 11px 0 0;

    color: #606660;

    font-size: 14px;
    line-height: 1.62;
}

.sc-spazi-future-card > small {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    align-self: flex-start;

    min-height: 32px;

    margin-top: auto;
    padding: 0 12px;

    border-radius: 999px;

    background: #f3eedf;
    color: #8b682e;

    font-size: 10px;
    font-weight: 800;
}


/* ==========================================================
   CTA
========================================================== */

.sc-spazi-page .sc-cotronei-story {
    margin-top: 72px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width:900px) {

    .sc-spazi-hero {
        padding: 46px 38px;
    }

    .sc-spazi-facts {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .sc-spazi-fact:last-child {
        grid-column: 1 / -1;
    }

    .sc-spazi-highlight,
    .sc-spazi-aggregation {
        grid-template-columns: 1fr;
    }

    .sc-spazi-highlight-mark,
    .sc-spazi-aggregation-mark {
        min-height: 170px;
    }

    .sc-spazi-memory-grid,
    .sc-spazi-sources-grid,
    .sc-spazi-related-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .sc-spazi-memory-card:last-child,
    .sc-spazi-source-card:last-child,
    .sc-spazi-related-card:last-child {
        grid-column: 1 / -1;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:680px) {

    .sc-spazi-hero {
        padding: 34px 22px;

        border-radius: 24px;
    }

    .sc-spazi-hero h1 {
        font-size: clamp(35px,10.5vw,47px);
    }

    .sc-spazi-lead {
        font-size: 14px;
    }

    .sc-spazi-actions {
        flex-direction: column;
    }

    .sc-spazi-actions a {
        width: 100%;
    }


    .sc-spazi-facts {
        grid-template-columns: 1fr;

        gap: 14px;

        margin-top: 30px;
    }

    .sc-spazi-fact:last-child {
        grid-column: auto;
    }


    .sc-spazi-page .sc-cotronei-section-head {
        margin-top: 56px;
    }


    .sc-spazi-places-grid,
    .sc-spazi-cultural-grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .sc-spazi-place-card,
    .sc-spazi-cultural-card {
        min-height: 0;

        padding: 23px;
    }


    .sc-spazi-highlight {
        grid-template-columns: 1fr;

        gap: 22px;

        margin-top: 56px;
        padding: 25px 22px;

        border-radius: 24px;
    }


    .sc-spazi-event-example {
        flex-direction: column;
        align-items: stretch;

        padding: 23px;
    }

    .sc-spazi-event-example > a {
        width: 100%;
    }


    .sc-spazi-aggregation {
        grid-template-columns: 1fr;

        gap: 22px;

        padding: 25px 22px;

        border-radius: 24px;
    }


    .sc-spazi-memory-grid,
    .sc-spazi-future-grid,
    .sc-spazi-sources-grid,
    .sc-spazi-related-grid {
        grid-template-columns: 1fr;

        gap: 14px;
    }

    .sc-spazi-memory-card:last-child,
    .sc-spazi-source-card:last-child,
    .sc-spazi-related-card:last-child {
        grid-column: auto;
    }


    .sc-spazi-future-card {
        min-height: 0;

        padding: 23px;
    }


    .sc-spazi-page .sc-cotronei-story {
        margin-top: 56px;
    }

}


/* ==========================================================
   ACCESSIBILITÀ
========================================================== */

.sc-spazi-page a:focus-visible {
    outline: 3px solid rgba(217,180,107,.62);
    outline-offset: 3px;
}


@media (prefers-reduced-motion:reduce) {

    .sc-spazi-page *,
    .sc-spazi-page *::before,
    .sc-spazi-page *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }

}

/* ==========================================================
   NATURA E LUOGHI - SILA DI COTRONEI
   ========================================================== */


/* ==========================================================
   CONTENITORE
========================================================== */

.sc-natura-page {
    --sc-natura-verde: #264733;
    --sc-natura-verde-hover: #1f3a2a;

    --sc-natura-crema: #f7f4ea;
    --sc-natura-crema-2: #fbfaf6;

    --sc-natura-bianco: #ffffff;

    --sc-natura-testo: #2f2f2f;
    --sc-natura-soft: #606660;

    --sc-natura-oro: #956b22;

    --sc-natura-bordo:
        rgba(38, 71, 51, 0.15);

    --sc-natura-ombra:
        0 16px 42px rgba(0, 0, 0, 0.08);

    width: 100%;
    max-width: 1120px;

    margin: 0 auto;
    padding: 0 20px 56px;

    color: var(--sc-natura-testo);

    box-sizing: border-box;
}


.sc-natura-page *,
.sc-natura-page *::before,
.sc-natura-page *::after {
    box-sizing: border-box;
}


.sc-natura-page a {
    text-decoration: none;
}


/* ==========================================================
   BREADCRUMB
========================================================== */

.sc-natura-page .sc-breadcrumb {
    width: 100%;
    max-width: 1080px;

    margin: 20px auto 14px;
    padding: 0 4px;
}


/* ==========================================================
   HERO
========================================================== */

.sc-natura-hero {
    position: relative;

    display: flex;
    align-items: center;

    min-height: clamp(430px, 46vw, 560px);

    margin: 0 auto 54px;

    border-radius: 34px;

    overflow: hidden;
    isolation: isolate;

    box-shadow: var(--sc-natura-ombra);
}


.sc-natura-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            to right,
            rgba(245, 245, 242, 0.90) 0%,
            rgba(245, 245, 242, 0.73) 36%,
            rgba(245, 245, 242, 0.29) 70%,
            rgba(245, 245, 242, 0.06) 100%
        );
}


.sc-natura-hero-img {
    position: absolute;
    inset: 0;

    z-index: 1;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 52%;

    filter:
        saturate(0.94)
        contrast(0.97);
}


.sc-natura-hero-content {
    position: relative;

    z-index: 3;

    width: min(100%, 700px);

    padding: 54px 64px;
}


.sc-natura-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-height: 29px;

    margin-bottom: 13px;
    padding: 0 13px;

    border-radius: 999px;

    background: var(--sc-natura-crema);
    color: var(--sc-natura-verde);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.65px;
}


.sc-natura-hero h1 {
    max-width: 650px;

    margin: 0;

    color: var(--sc-natura-verde);

    font-size: clamp(40px, 5.2vw, 66px);
    font-weight: 850;
    line-height: 1.03;

    letter-spacing: -1px;
}


.sc-natura-hero p {
    max-width: 590px;

    margin: 19px 0 0;

    color: #324536;

    font-size: 17px;
    font-weight: 500;
    line-height: 1.7;
}


/* ==========================================================
   HERO ACTIONS
========================================================== */

.sc-natura-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 11px;

    margin-top: 27px;
}


.sc-natura-actions a,
.sc-natura-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding: 0 21px;

    border-radius: 999px;

    background: var(--sc-natura-verde);
    color: #ffffff !important;

    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;

    text-align: center;
    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


.sc-natura-actions a:nth-child(2) {
    border: 1px solid var(--sc-natura-bordo);

    background: #ffffff;
    color: var(--sc-natura-verde) !important;
}


.sc-natura-actions a:hover {
    transform: translateY(-2px);

    background: var(--sc-natura-verde-hover);
    color: #ffffff !important;
}


.sc-natura-actions a:nth-child(2):hover {
    border-color: var(--sc-natura-verde);

    background: var(--sc-natura-verde);
    color: #ffffff !important;
}


/* ==========================================================
   SECTION HEAD
========================================================== */

.sc-natura-section-head {
    width: 100%;
    max-width: 850px;

    margin: 0 auto 31px;

    text-align: center;
}


.sc-natura-section-head-spaced {
    margin-top: 64px;
}


.sc-natura-section-head > span,
.sc-natura-note-content > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-height: 29px;

    margin-bottom: 12px;
    padding: 0 12px;

    border-radius: 999px;

    background: var(--sc-natura-crema);
    color: var(--sc-natura-verde);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.65px;
}


.sc-natura-section-head h2,
.sc-natura-note h2,
.sc-natura-cta h2 {
    margin: 0;

    color: var(--sc-natura-verde);

    font-size: clamp(30px, 4vw, 46px);
    font-weight: 850;
    line-height: 1.1;

    letter-spacing: -0.5px;
}


.sc-natura-section-head p,
.sc-natura-note p,
.sc-natura-cta p {
    max-width: 780px;

    margin: 14px auto 0;

    color: var(--sc-natura-soft);

    font-size: 16px;
    line-height: 1.72;
}


/* ==========================================================
   FEATURE CARDS
========================================================== */

.sc-natura-feature-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 22px;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 68px;
}


.sc-natura-feature-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 285px;

    padding: 30px;

    border: 1px solid var(--sc-natura-bordo);
    border-radius: 27px;

    background:
        linear-gradient(
            145deg,
            #fbfaf6 0%,
            #f7f4ea 100%
        );

    color: var(--sc-natura-testo) !important;

    box-shadow:
        0 9px 26px rgba(0, 0, 0, 0.05);

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}


.sc-natura-feature-card:hover {
    transform: translateY(-3px);

    border-color:
        rgba(38, 71, 51, 0.32);

    box-shadow:
        0 17px 38px rgba(0, 0, 0, 0.08);
}


.sc-natura-card-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    align-self: flex-start;

    width: fit-content;
    min-height: 29px;

    padding: 0 11px;

    border-radius: 999px;

    background: #ffffff;
    color: var(--sc-natura-oro);

    font-size: 9px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}


.sc-natura-feature-card h2 {
    margin: 24px 0 0;

    color: var(--sc-natura-verde);

    font-size: 29px;
    font-weight: 850;
    line-height: 1.1;
}


.sc-natura-feature-card p {
    margin: 13px 0 0;

    color: var(--sc-natura-soft);

    font-size: 15px;
    line-height: 1.65;
}


.sc-natura-feature-card strong {
    margin-top: auto;
    padding-top: 26px;

    color: var(--sc-natura-verde);

    font-size: 13px;
    font-weight: 850;
    line-height: 1.3;
}


/* ==========================================================
   LINK GRID
========================================================== */

.sc-natura-link-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 68px;
}


.sc-natura-link-card {
    min-height: 190px;

    padding: 25px;

    border: 1px solid var(--sc-natura-bordo);
    border-radius: 23px;

    background: var(--sc-natura-crema-2);

    box-shadow:
        0 7px 22px rgba(0, 0, 0, 0.04);
}


.sc-natura-link-card span {
    display: inline-flex;

    color: var(--sc-natura-oro);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}


.sc-natura-link-card strong {
    display: block;

    margin-top: 17px;

    color: var(--sc-natura-verde);

    font-size: 21px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-natura-link-card p {
    margin: 10px 0 0;

    color: var(--sc-natura-soft);

    font-size: 14px;
    line-height: 1.62;
}


/* ==========================================================
   NOTA EDITORIALE
========================================================== */

.sc-natura-note {
    width: 100%;
    max-width: 920px;

    margin: 0 auto 70px;
    padding: 34px 38px;

    border: 1px solid var(--sc-natura-bordo);
    border-radius: 29px;

    background:
        linear-gradient(
            135deg,
            #f7f4ea 0%,
            #fbfaf6 100%
        );

    text-align: center;
}


.sc-natura-note-content {
    max-width: 780px;

    margin: 0 auto;
}


.sc-natura-note h2 {
    font-size:
        clamp(27px, 3.6vw, 40px);
}


/* ==========================================================
   RELATED LINKS
========================================================== */

.sc-natura-related-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 68px;
}


.sc-natura-related-grid > a {
    min-width: 0;
    min-height: 165px;

    padding: 22px;

    border: 1px solid var(--sc-natura-bordo);
    border-radius: 21px;

    background: #ffffff;
    color: var(--sc-natura-testo) !important;

    box-shadow:
        0 7px 20px rgba(0, 0, 0, 0.04);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.sc-natura-related-grid > a:hover {
    transform: translateY(-3px);

    border-color:
        rgba(38, 71, 51, 0.30);

    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.07);
}


.sc-natura-related-grid span {
    display: block;

    color: var(--sc-natura-verde);

    font-size: 18px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-natura-related-grid strong {
    display: block;

    margin-top: 10px;

    color: var(--sc-natura-soft);

    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
}


/* ==========================================================
   CTA
========================================================== */

.sc-natura-cta {
    width: 100%;
    max-width: 900px;

    margin: 64px auto 10px;
    padding: 36px;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #264733 0%,
            #1f3a2a 100%
        );

    color: #ffffff;

    text-align: center;

    box-shadow: var(--sc-natura-ombra);
}


.sc-natura-cta h2 {
    color: #ffffff;
}


.sc-natura-cta p {
    max-width: 680px;

    margin-bottom: 24px;

    color:
        rgba(255, 255, 255, 0.84);
}


.sc-natura-cta a {
    min-height: 44px;

    border:
        1px solid rgba(255, 255, 255, 0.20);

    background:
        rgba(255, 255, 255, 0.12);

    color: #ffffff !important;
}


.sc-natura-cta a:hover {
    transform: translateY(-2px);

    background: #ffffff;

    color:
        var(--sc-natura-verde) !important;
}


/* ==========================================================
   ACCESSIBILITÀ
========================================================== */

.sc-natura-page a:focus-visible {
    outline:
        3px solid rgba(217, 180, 107, 0.65);

    outline-offset: 3px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 980px) {

    .sc-natura-related-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        max-width: 760px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .sc-natura-page {
        padding:
            0 16px 42px;
    }


    .sc-natura-page .sc-breadcrumb {
        margin-top: 15px;
        margin-bottom: 12px;

        padding: 0;
    }


    /* HERO */

    .sc-natura-hero {
        min-height: 550px;

        margin-bottom: 44px;

        border-radius: 27px;

        align-items: flex-end;
    }


    .sc-natura-hero::before {
        background:
            linear-gradient(
                to bottom,
                rgba(245, 245, 242, 0.04) 0%,
                rgba(245, 245, 242, 0.30) 38%,
                rgba(245, 245, 242, 0.91) 76%,
                rgba(245, 245, 242, 0.97) 100%
            );
    }


    .sc-natura-hero-img {
        object-position: 50% 50%;
    }


    .sc-natura-hero-content {
        width: 100%;

        padding: 29px 23px;
    }


    .sc-natura-hero h1 {
        font-size:
            clamp(36px, 10vw, 48px);
    }


    .sc-natura-hero p {
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.62;
    }


    .sc-natura-actions {
        flex-direction: column;

        gap: 9px;

        margin-top: 22px;
    }


    .sc-natura-actions a {
        width: 100%;
    }


    /* SECTIONS */

    .sc-natura-section-head {
        margin-bottom: 26px;
    }


    .sc-natura-section-head-spaced {
        margin-top: 52px;
    }


    .sc-natura-section-head h2 {
        font-size:
            clamp(29px, 8.5vw, 38px);
    }


    .sc-natura-section-head p {
        font-size: 15px;
        line-height: 1.65;
    }


    /* FEATURE */

    .sc-natura-feature-grid {
        grid-template-columns: 1fr;

        max-width: 520px;

        gap: 15px;

        margin-bottom: 56px;
    }


    .sc-natura-feature-card {
        min-height: 0;

        padding: 24px;

        border-radius: 23px;
    }


    .sc-natura-feature-card h2 {
        margin-top: 20px;

        font-size: 25px;
    }


    .sc-natura-feature-card strong {
        padding-top: 21px;
    }


    /* LINK GRID */

    .sc-natura-link-grid {
        grid-template-columns: 1fr;

        max-width: 520px;

        gap: 14px;

        margin-bottom: 56px;
    }


    .sc-natura-link-card {
        min-height: 0;

        padding: 22px;

        border-radius: 21px;
    }


    /* NOTE */

    .sc-natura-note {
        margin-bottom: 56px;

        padding: 27px 22px;

        border-radius: 26px;
    }


    /* RELATED */

    .sc-natura-related-grid {
        grid-template-columns: 1fr;

        max-width: 520px;

        gap: 13px;

        margin-bottom: 56px;
    }


    .sc-natura-related-grid > a {
        min-height: 0;

        padding: 21px;
    }


    /* CTA */

    .sc-natura-cta {
        margin-top: 54px;

        padding: 27px 22px;

        border-radius: 27px;
    }


    .sc-natura-cta a {
        width: 100%;
    }

}


/* ==========================================================
   MOBILE PICCOLO
========================================================== */

@media (max-width: 480px) {

    .sc-natura-page {
        padding-left: 14px;
        padding-right: 14px;
    }


    .sc-natura-hero {
        min-height: 520px;

        border-radius: 24px;
    }


    .sc-natura-hero-content {
        padding: 25px 19px;
    }


    .sc-natura-kicker,
    .sc-natura-section-head > span,
    .sc-natura-note-content > span {
        font-size: 9px;
    }


    .sc-natura-feature-card,
    .sc-natura-link-card {
        padding: 20px;
    }

}


/* ==========================================================
   RIDUZIONE ANIMAZIONI
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sc-natura-page *,
    .sc-natura-page *::before,
    .sc-natura-page *::after {
        transition-duration:
            0.01ms !important;

        animation-duration:
            0.01ms !important;
    }

}

/* ==========================================================
   LAGO AMPOLlINO
   SILA DI COTRONEI
========================================================== */


/* ==========================================================
   CONTENITORE
========================================================== */

.sc-ampollino-page {
    --sc-amp-verde: #264733;
    --sc-amp-verde-hover: #1f3a2a;

    --sc-amp-crema: #f7f4ea;
    --sc-amp-crema-2: #fbfaf6;

    --sc-amp-bianco: #ffffff;

    --sc-amp-testo: #2f2f2f;
    --sc-amp-soft: #606660;

    --sc-amp-oro: #956b22;

    --sc-amp-bordo: rgba(38, 71, 51, 0.15);

    --sc-amp-ombra:
        0 16px 42px rgba(0, 0, 0, 0.08);

    width: 100%;
    max-width: 1120px;

    margin: 0 auto;
    padding: 0 20px 56px;

    color: var(--sc-amp-testo);

    box-sizing: border-box;
}


.sc-ampollino-page *,
.sc-ampollino-page *::before,
.sc-ampollino-page *::after {
    box-sizing: border-box;
}


.sc-ampollino-page a {
    text-decoration: none;
}


/* ==========================================================
   BREADCRUMB
========================================================== */

.sc-ampollino-page .sc-breadcrumb {
    width: 100%;
    max-width: 1080px;

    margin: 20px auto 14px;
    padding: 0 4px;
}


/* ==========================================================
   HERO
========================================================== */

.sc-ampollino-hero {
    position: relative;

    display: flex;
    align-items: center;

    min-height: clamp(440px, 47vw, 570px);

    margin: 0 auto 54px;

    border-radius: 34px;

    overflow: hidden;
    isolation: isolate;

    box-shadow: var(--sc-amp-ombra);
}


.sc-ampollino-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            to right,
            rgba(245, 245, 242, 0.89) 0%,
            rgba(245, 245, 242, 0.70) 36%,
            rgba(245, 245, 242, 0.27) 70%,
            rgba(245, 245, 242, 0.05) 100%
        );
}


.sc-ampollino-hero-img {
    position: absolute;
    inset: 0;

    z-index: 1;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 53%;

    filter:
        saturate(0.96)
        contrast(0.97);
}


.sc-ampollino-hero-content {
    position: relative;

    z-index: 3;

    width: min(100%, 690px);

    padding: 56px 64px;
}


.sc-ampollino-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-height: 29px;

    margin-bottom: 13px;
    padding: 0 13px;

    border-radius: 999px;

    background: var(--sc-amp-crema);
    color: var(--sc-amp-verde);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.65px;
}


.sc-ampollino-hero h1 {
    margin: 0;

    color: var(--sc-amp-verde);

    font-size: clamp(46px, 6vw, 72px);
    font-weight: 850;
    line-height: 1;

    letter-spacing: -1.2px;
}


.sc-ampollino-hero p {
    max-width: 590px;

    margin: 19px 0 0;

    color: #324536;

    font-size: 17px;
    font-weight: 500;
    line-height: 1.7;
}


/* ==========================================================
   HERO ACTIONS
========================================================== */

.sc-ampollino-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 11px;

    margin-top: 27px;
}


.sc-ampollino-actions a,
.sc-ampollino-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding: 0 21px;

    border-radius: 999px;

    background: var(--sc-amp-verde);
    color: #ffffff !important;

    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;

    text-align: center;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


.sc-ampollino-actions a:nth-child(2) {
    border: 1px solid var(--sc-amp-bordo);

    background: #ffffff;
    color: var(--sc-amp-verde) !important;
}


.sc-ampollino-actions a:hover {
    transform: translateY(-2px);

    background: var(--sc-amp-verde-hover);
    color: #ffffff !important;
}


.sc-ampollino-actions a:nth-child(2):hover {
    border-color: var(--sc-amp-verde);

    background: var(--sc-amp-verde);
    color: #ffffff !important;
}


/* ==========================================================
   TESTATE SEZIONI
========================================================== */

.sc-ampollino-section-head {
    width: 100%;
    max-width: 850px;

    margin: 0 auto 31px;

    text-align: center;
}


.sc-ampollino-section-spaced {
    margin-top: 66px;
}


.sc-ampollino-section-head > span,
.sc-ampollino-highlight-content > span,
.sc-ampollino-landscape-copy > span,
.sc-ampollino-note > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-height: 29px;

    margin-bottom: 12px;
    padding: 0 12px;

    border-radius: 999px;

    background: var(--sc-amp-crema);
    color: var(--sc-amp-verde);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.65px;
}


.sc-ampollino-section-head h2,
.sc-ampollino-highlight h2,
.sc-ampollino-landscape h2,
.sc-ampollino-note h2,
.sc-ampollino-cta h2 {
    margin: 0;

    color: var(--sc-amp-verde);

    font-size: clamp(30px, 4vw, 46px);
    font-weight: 850;
    line-height: 1.1;

    letter-spacing: -0.5px;
}


.sc-ampollino-section-head p,
.sc-ampollino-highlight p,
.sc-ampollino-landscape p,
.sc-ampollino-note p,
.sc-ampollino-cta p {
    max-width: 780px;

    margin: 14px auto 0;

    color: var(--sc-amp-soft);

    font-size: 16px;
    line-height: 1.72;
}


/* ==========================================================
   FACTS
========================================================== */

.sc-ampollino-facts {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 68px;
}


.sc-ampollino-fact {
    min-width: 0;
    min-height: 220px;

    padding: 25px;

    border: 1px solid var(--sc-amp-bordo);
    border-radius: 23px;

    background: var(--sc-amp-crema-2);

    box-shadow:
        0 7px 22px rgba(0, 0, 0, 0.04);
}


.sc-ampollino-fact span {
    display: inline-flex;

    color: var(--sc-amp-oro);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}


.sc-ampollino-fact strong {
    display: block;

    margin-top: 18px;

    color: var(--sc-amp-verde);

    font-size: 22px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-ampollino-fact p {
    margin: 11px 0 0;

    color: var(--sc-amp-soft);

    font-size: 14px;
    line-height: 1.62;
}


/* ==========================================================
   HIGHLIGHT
========================================================== */

.sc-ampollino-highlight {
    width: 100%;
    max-width: 960px;

    margin: 0 auto 72px;
    padding: 38px 42px;

    border: 1px solid var(--sc-amp-bordo);
    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #f7f4ea 0%,
            #fbfaf6 100%
        );
}


.sc-ampollino-highlight-content {
    max-width: 820px;

    margin: 0 auto;

    text-align: center;
}


.sc-ampollino-highlight p + p {
    margin-top: 12px;
}


/* ==========================================================
   CARD APPROFONDIMENTI
========================================================== */

.sc-ampollino-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 70px;
}


.sc-ampollino-card {
    display: flex;
    flex-direction: column;

    min-width: 0;
    min-height: 205px;

    padding: 25px;

    border: 1px solid var(--sc-amp-bordo);
    border-radius: 23px;

    background: var(--sc-amp-crema-2);
    color: var(--sc-amp-testo) !important;

    box-shadow:
        0 7px 22px rgba(0, 0, 0, 0.04);

    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}


.sc-ampollino-card:hover {
    transform: translateY(-3px);

    border-color:
        rgba(38, 71, 51, 0.32);

    box-shadow:
        0 15px 34px rgba(0, 0, 0, 0.075);
}


.sc-ampollino-card > span {
    color: var(--sc-amp-oro);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}


.sc-ampollino-card > strong {
    display: block;

    margin-top: 18px;

    color: var(--sc-amp-verde);

    font-size: 22px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-ampollino-card > p {
    margin: 11px 0 0;

    color: var(--sc-amp-soft);

    font-size: 14px;
    line-height: 1.62;
}


/* ==========================================================
   PAESAGGIO
========================================================== */

.sc-ampollino-landscape {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(320px, 0.95fr);

    gap: 32px;

    align-items: center;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 72px;
    padding: 35px;

    border: 1px solid var(--sc-amp-bordo);
    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #f7f4ea 0%,
            #fbfaf6 100%
        );
}


.sc-ampollino-landscape-copy p {
    margin-left: 0;
    margin-right: 0;
}


.sc-ampollino-landscape-list {
    display: grid;

    gap: 13px;
}


.sc-ampollino-landscape-list > div {
    padding: 17px 19px;

    border: 1px solid rgba(38, 71, 51, 0.11);
    border-radius: 19px;

    background: #ffffff;

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.03);
}


.sc-ampollino-landscape-list strong {
    display: block;

    margin-bottom: 5px;

    color: var(--sc-amp-verde);

    font-size: 17px;
    font-weight: 850;
    line-height: 1.2;
}


.sc-ampollino-landscape-list span {
    display: block;

    color: var(--sc-amp-soft);

    font-size: 13px;
    line-height: 1.55;
}


/* ==========================================================
   PAGINA IN AGGIORNAMENTO
========================================================== */

.sc-ampollino-note {
    width: 100%;
    max-width: 900px;

    margin: 0 auto 70px;
    padding: 34px 38px;

    border: 1px solid var(--sc-amp-bordo);
    border-radius: 28px;

    background: #ffffff;

    text-align: center;

    box-shadow:
        0 8px 26px rgba(0, 0, 0, 0.045);
}


.sc-ampollino-note h2 {
    font-size:
        clamp(27px, 3.5vw, 39px);
}


/* ==========================================================
   EVENTI / SERVIZI
========================================================== */

.sc-ampollino-practical-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 820px;

    margin: 0 auto 68px;
}


.sc-ampollino-practical-grid > a {
    min-width: 0;
    min-height: 185px;

    padding: 25px;

    border: 1px solid var(--sc-amp-bordo);
    border-radius: 23px;

    background: var(--sc-amp-crema-2);
    color: var(--sc-amp-testo) !important;

    box-shadow:
        0 7px 22px rgba(0, 0, 0, 0.04);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.sc-ampollino-practical-grid > a:hover {
    transform: translateY(-3px);

    border-color:
        rgba(38, 71, 51, 0.30);

    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.07);
}


.sc-ampollino-practical-grid span {
    color: var(--sc-amp-oro);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}


.sc-ampollino-practical-grid strong {
    display: block;

    margin-top: 18px;

    color: var(--sc-amp-verde);

    font-size: 22px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-ampollino-practical-grid p {
    margin: 10px 0 0;

    color: var(--sc-amp-soft);

    font-size: 14px;
    line-height: 1.6;
}


/* ==========================================================
   CTA
========================================================== */

.sc-ampollino-cta {
    width: 100%;
    max-width: 900px;

    margin: 64px auto 10px;
    padding: 36px;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #264733 0%,
            #1f3a2a 100%
        );

    color: #ffffff;

    text-align: center;

    box-shadow: var(--sc-amp-ombra);
}


.sc-ampollino-cta h2 {
    color: #ffffff;
}


.sc-ampollino-cta p {
    max-width: 680px;

    margin-bottom: 24px;

    color: rgba(255, 255, 255, 0.84);
}


.sc-ampollino-cta a {
    min-height: 44px;

    border:
        1px solid rgba(255, 255, 255, 0.20);

    background:
        rgba(255, 255, 255, 0.12);

    color: #ffffff !important;
}


.sc-ampollino-cta a:hover {
    transform: translateY(-2px);

    background: #ffffff;

    color: var(--sc-amp-verde) !important;
}


/* ==========================================================
   ACCESSIBILITÀ
========================================================== */

.sc-ampollino-page a:focus-visible {
    outline:
        3px solid rgba(217, 180, 107, 0.65);

    outline-offset: 3px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 980px) {

    .sc-ampollino-facts {
        grid-template-columns: 1fr;

        max-width: 720px;
    }


    .sc-ampollino-fact {
        min-height: 0;
    }


    .sc-ampollino-landscape {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .sc-ampollino-page {
        padding: 0 16px 42px;
    }


    .sc-ampollino-page .sc-breadcrumb {
        margin-top: 15px;
        margin-bottom: 12px;

        padding: 0;
    }


    /* HERO */

    .sc-ampollino-hero {
        min-height: 545px;

        margin-bottom: 44px;

        border-radius: 27px;

        align-items: flex-end;
    }


    .sc-ampollino-hero::before {
        background:
            linear-gradient(
                to bottom,
                rgba(245, 245, 242, 0.03) 0%,
                rgba(245, 245, 242, 0.29) 38%,
                rgba(245, 245, 242, 0.91) 76%,
                rgba(245, 245, 242, 0.97) 100%
            );
    }


    .sc-ampollino-hero-img {
        object-position: 50% 50%;
    }


    .sc-ampollino-hero-content {
        width: 100%;

        padding: 29px 23px;
    }


    .sc-ampollino-hero h1 {
        font-size:
            clamp(40px, 11vw, 52px);
    }


    .sc-ampollino-hero p {
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.62;
    }


    .sc-ampollino-actions {
        flex-direction: column;

        gap: 9px;

        margin-top: 22px;
    }


    .sc-ampollino-actions a {
        width: 100%;
    }


    /* SECTION HEAD */

    .sc-ampollino-section-head {
        margin-bottom: 26px;
    }


    .sc-ampollino-section-spaced {
        margin-top: 52px;
    }


    .sc-ampollino-section-head h2 {
        font-size:
            clamp(29px, 8.5vw, 38px);
    }


    .sc-ampollino-section-head p {
        font-size: 15px;
        line-height: 1.65;
    }


    /* FACTS */

    .sc-ampollino-facts {
        gap: 14px;

        margin-bottom: 56px;
    }


    .sc-ampollino-fact {
        padding: 22px;

        border-radius: 21px;
    }


    /* HIGHLIGHT */

    .sc-ampollino-highlight {
        margin-bottom: 56px;

        padding: 28px 22px;

        border-radius: 26px;
    }


    /* GRID */

    .sc-ampollino-grid {
        grid-template-columns: 1fr;

        max-width: 520px;

        gap: 14px;

        margin-bottom: 56px;
    }


    .sc-ampollino-card {
        min-height: 0;

        padding: 22px;

        border-radius: 21px;
    }


    /* LANDSCAPE */

    .sc-ampollino-landscape {
        margin-bottom: 56px;

        padding: 26px 22px;

        border-radius: 26px;
    }


    /* NOTE */

    .sc-ampollino-note {
        margin-bottom: 56px;

        padding: 27px 22px;

        border-radius: 25px;
    }


    /* PRACTICAL */

    .sc-ampollino-practical-grid {
        grid-template-columns: 1fr;

        max-width: 520px;

        gap: 14px;

        margin-bottom: 56px;
    }


    .sc-ampollino-practical-grid > a {
        min-height: 0;

        padding: 22px;
    }


    /* CTA */

    .sc-ampollino-cta {
        margin-top: 54px;

        padding: 27px 22px;

        border-radius: 27px;
    }


    .sc-ampollino-cta a {
        width: 100%;
    }

}


/* ==========================================================
   MOBILE PICCOLO
========================================================== */

@media (max-width: 480px) {

    .sc-ampollino-page {
        padding-left: 14px;
        padding-right: 14px;
    }


    .sc-ampollino-hero {
        min-height: 515px;

        border-radius: 24px;
    }


    .sc-ampollino-hero-content {
        padding: 25px 19px;
    }


    .sc-ampollino-kicker,
    .sc-ampollino-section-head > span,
    .sc-ampollino-highlight-content > span,
    .sc-ampollino-landscape-copy > span,
    .sc-ampollino-note > span {
        font-size: 9px;
    }


    .sc-ampollino-card,
    .sc-ampollino-fact {
        padding: 20px;
    }

}


/* ==========================================================
   RIDUZIONE ANIMAZIONI
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sc-ampollino-page *,
    .sc-ampollino-page *::before,
    .sc-ampollino-page *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }

}

/* ==========================================================
   SENTIERI E ITINERARI - SILA DI COTRONEI
========================================================== */


/* ==========================================================
   CONTENITORE
========================================================== */

.sc-itinerari-page {
    --sc-it-verde: #264733;
    --sc-it-verde-hover: #1f3a2a;

    --sc-it-crema: #f7f4ea;
    --sc-it-crema-2: #fbfaf6;

    --sc-it-bianco: #ffffff;

    --sc-it-testo: #2f2f2f;
    --sc-it-soft: #606660;

    --sc-it-oro: #956b22;

    --sc-it-bordo: rgba(38, 71, 51, 0.15);

    --sc-it-ombra:
        0 16px 42px rgba(0, 0, 0, 0.08);

    width: 100%;
    max-width: 1120px;

    margin: 0 auto;
    padding: 0 20px 56px;

    color: var(--sc-it-testo);

    box-sizing: border-box;
}


.sc-itinerari-page *,
.sc-itinerari-page *::before,
.sc-itinerari-page *::after {
    box-sizing: border-box;
}


.sc-itinerari-page a {
    text-decoration: none;
}


/* ==========================================================
   BREADCRUMB
========================================================== */

.sc-itinerari-page .sc-breadcrumb {
    width: 100%;
    max-width: 1080px;

    margin: 20px auto 14px;
    padding: 0 4px;
}


/* ==========================================================
   HERO
========================================================== */

.sc-itinerari-hero {
    position: relative;

    display: flex;
    align-items: center;

    min-height: clamp(440px, 47vw, 570px);

    margin: 0 auto 54px;

    border-radius: 34px;

    overflow: hidden;
    isolation: isolate;

    box-shadow: var(--sc-it-ombra);
}


.sc-itinerari-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            to right,
            rgba(245, 245, 242, 0.91) 0%,
            rgba(245, 245, 242, 0.75) 37%,
            rgba(245, 245, 242, 0.29) 71%,
            rgba(245, 245, 242, 0.05) 100%
        );
}


.sc-itinerari-hero-img {
    position: absolute;
    inset: 0;

    z-index: 1;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 52%;

    filter:
        saturate(0.94)
        contrast(0.97);
}


.sc-itinerari-hero-content {
    position: relative;

    z-index: 3;

    width: min(100%, 720px);

    padding: 56px 64px;
}


.sc-itinerari-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-height: 29px;

    margin-bottom: 13px;
    padding: 0 13px;

    border-radius: 999px;

    background: var(--sc-it-crema);
    color: var(--sc-it-verde);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.65px;
}


.sc-itinerari-hero h1 {
    max-width: 680px;

    margin: 0;

    color: var(--sc-it-verde);

    font-size: clamp(40px, 5.1vw, 64px);
    font-weight: 850;
    line-height: 1.03;

    letter-spacing: -1px;
}


.sc-itinerari-hero p {
    max-width: 600px;

    margin: 19px 0 0;

    color: #324536;

    font-size: 17px;
    font-weight: 500;
    line-height: 1.7;
}


/* ==========================================================
   HERO ACTIONS
========================================================== */

.sc-itinerari-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 11px;

    margin-top: 27px;
}


.sc-itinerari-actions a,
.sc-itinerari-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding: 0 21px;

    border-radius: 999px;

    background: var(--sc-it-verde);
    color: #ffffff !important;

    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;

    text-align: center;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


.sc-itinerari-actions a:nth-child(2) {
    border: 1px solid var(--sc-it-bordo);

    background: #ffffff;
    color: var(--sc-it-verde) !important;
}


.sc-itinerari-actions a:hover {
    transform: translateY(-2px);

    background: var(--sc-it-verde-hover);
    color: #ffffff !important;
}


.sc-itinerari-actions a:nth-child(2):hover {
    border-color: var(--sc-it-verde);

    background: var(--sc-it-verde);
    color: #ffffff !important;
}


/* ==========================================================
   SECTION HEAD
========================================================== */

.sc-itinerari-section-head {
    width: 100%;
    max-width: 850px;

    margin: 0 auto 31px;

    text-align: center;
}


.sc-itinerari-section-spaced {
    margin-top: 66px;
}


.sc-itinerari-section-head > span,
.sc-itinerari-feature-copy > .sc-itinerari-label,
.sc-itinerari-route-note span,
.sc-itinerari-safety span,
.sc-itinerari-note > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-height: 29px;

    margin-bottom: 12px;
    padding: 0 12px;

    border-radius: 999px;

    background: var(--sc-it-crema);
    color: var(--sc-it-verde);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.65px;
}


.sc-itinerari-section-head h2,
.sc-itinerari-feature h2,
.sc-itinerari-route-note h2,
.sc-itinerari-safety h2,
.sc-itinerari-note h2,
.sc-itinerari-cta h2 {
    margin: 0;

    color: var(--sc-it-verde);

    font-size: clamp(30px, 4vw, 46px);
    font-weight: 850;
    line-height: 1.1;

    letter-spacing: -0.5px;
}


.sc-itinerari-section-head p,
.sc-itinerari-feature p,
.sc-itinerari-route-note p,
.sc-itinerari-safety p,
.sc-itinerari-note p,
.sc-itinerari-cta p {
    max-width: 780px;

    margin: 14px auto 0;

    color: var(--sc-it-soft);

    font-size: 16px;
    line-height: 1.72;
}


/* ==========================================================
   TIMPARELLO FEATURE
========================================================== */

.sc-itinerari-feature {
    display: grid;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(340px, 0.92fr);

    gap: 35px;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 32px;
    padding: 38px;

    border: 1px solid var(--sc-it-bordo);
    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #f7f4ea 0%,
            #fbfaf6 100%
        );

    box-shadow:
        0 9px 28px rgba(0, 0, 0, 0.05);
}


.sc-itinerari-feature-copy p {
    margin-left: 0;
    margin-right: 0;
}


.sc-itinerari-feature-copy p + p {
    margin-top: 11px;
}


/* ==========================================================
   DATI PERCORSO
========================================================== */

.sc-itinerari-data {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 11px;

    margin: 0;
}


.sc-itinerari-data > div {
    min-width: 0;

    padding: 17px;

    border: 1px solid rgba(38, 71, 51, 0.11);
    border-radius: 18px;

    background: #ffffff;

    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.025);
}


.sc-itinerari-data dt {
    margin: 0 0 7px;

    color: var(--sc-it-oro);

    font-size: 9px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.55px;
}


.sc-itinerari-data dd {
    margin: 0;

    color: var(--sc-it-verde);

    font-size: 16px;
    font-weight: 850;
    line-height: 1.25;
}


/* ==========================================================
   ROUTE NOTE
========================================================== */

.sc-itinerari-route-note {
    width: 100%;
    max-width: 900px;

    margin: 0 auto 70px;
    padding: 30px 34px;

    border-left: 4px solid var(--sc-it-verde);
    border-radius: 0 24px 24px 0;

    background: var(--sc-it-crema-2);
}


.sc-itinerari-route-note > div {
    max-width: 790px;
}


.sc-itinerari-route-note h2 {
    font-size:
        clamp(26px, 3.4vw, 37px);
}


.sc-itinerari-route-note p {
    margin-left: 0;
    margin-right: 0;
}


/* ==========================================================
   GRID
========================================================== */

.sc-itinerari-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 70px;
}


.sc-itinerari-card {
    min-width: 0;
    min-height: 195px;

    padding: 25px;

    border: 1px solid var(--sc-it-bordo);
    border-radius: 23px;

    background: var(--sc-it-crema-2);

    box-shadow:
        0 7px 22px rgba(0, 0, 0, 0.04);
}


.sc-itinerari-card > span {
    color: var(--sc-it-oro);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;

    letter-spacing: 0.6px;
}


.sc-itinerari-card > strong {
    display: block;

    margin-top: 18px;

    color: var(--sc-it-verde);

    font-size: 22px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-itinerari-card > p {
    margin: 11px 0 0;

    color: var(--sc-it-soft);

    font-size: 14px;
    line-height: 1.62;
}


/* ==========================================================
   SICUREZZA / INFORMAZIONI
========================================================== */

.sc-itinerari-safety {
    width: 100%;
    max-width: 920px;

    margin: 0 auto 72px;
    padding: 35px 38px;

    border: 1px solid var(--sc-it-bordo);
    border-radius: 29px;

    background: #ffffff;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.045);
}


.sc-itinerari-safety-copy {
    max-width: 800px;

    margin: 0 auto;

    text-align: center;
}


.sc-itinerari-safety h2 {
    font-size:
        clamp(27px, 3.6vw, 40px);
}


.sc-itinerari-safety p + p {
    margin-top: 10px;
}


/* ==========================================================
   RELATED
========================================================== */

.sc-itinerari-related-grid {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 68px;
}


.sc-itinerari-related-grid > a {
    min-width: 0;
    min-height: 165px;

    padding: 22px;

    border: 1px solid var(--sc-it-bordo);
    border-radius: 21px;

    background: #ffffff;
    color: var(--sc-it-testo) !important;

    box-shadow:
        0 7px 20px rgba(0, 0, 0, 0.04);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.sc-itinerari-related-grid > a:hover {
    transform: translateY(-3px);

    border-color:
        rgba(38, 71, 51, 0.30);

    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.07);
}


.sc-itinerari-related-grid span {
    display: block;

    color: var(--sc-it-verde);

    font-size: 18px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-itinerari-related-grid strong {
    display: block;

    margin-top: 10px;

    color: var(--sc-it-soft);

    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
}


/* ==========================================================
   PAGINA IN AGGIORNAMENTO
========================================================== */

.sc-itinerari-note {
    width: 100%;
    max-width: 900px;

    margin: 0 auto 70px;
    padding: 34px 38px;

    border: 1px solid var(--sc-it-bordo);
    border-radius: 28px;

    background:
        linear-gradient(
            135deg,
            #f7f4ea 0%,
            #fbfaf6 100%
        );

    text-align: center;
}


.sc-itinerari-note h2 {
    font-size:
        clamp(27px, 3.5vw, 39px);
}


/* ==========================================================
   CTA
========================================================== */

.sc-itinerari-cta {
    width: 100%;
    max-width: 900px;

    margin: 64px auto 10px;
    padding: 36px;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #264733 0%,
            #1f3a2a 100%
        );

    color: #ffffff;

    text-align: center;

    box-shadow: var(--sc-it-ombra);
}


.sc-itinerari-cta h2 {
    color: #ffffff;
}


.sc-itinerari-cta p {
    max-width: 680px;

    margin-bottom: 24px;

    color:
        rgba(255, 255, 255, 0.84);
}


.sc-itinerari-cta a {
    min-height: 44px;

    border:
        1px solid rgba(255, 255, 255, 0.20);

    background:
        rgba(255, 255, 255, 0.12);

    color: #ffffff !important;
}


.sc-itinerari-cta a:hover {
    transform: translateY(-2px);

    background: #ffffff;

    color: var(--sc-it-verde) !important;
}


/* ==========================================================
   ACCESSIBILITÀ
========================================================== */

.sc-itinerari-page a:focus-visible {
    outline:
        3px solid rgba(217, 180, 107, 0.65);

    outline-offset: 3px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 980px) {

    .sc-itinerari-feature {
        grid-template-columns: 1fr;

        max-width: 760px;
    }


    .sc-itinerari-related-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        max-width: 760px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .sc-itinerari-page {
        padding: 0 16px 42px;
    }


    .sc-itinerari-page .sc-breadcrumb {
        margin-top: 15px;
        margin-bottom: 12px;

        padding: 0;
    }


    /* HERO */

    .sc-itinerari-hero {
        min-height: 560px;

        margin-bottom: 44px;

        border-radius: 27px;

        align-items: flex-end;
    }


    .sc-itinerari-hero::before {
        background:
            linear-gradient(
                to bottom,
                rgba(245, 245, 242, 0.03) 0%,
                rgba(245, 245, 242, 0.28) 37%,
                rgba(245, 245, 242, 0.91) 75%,
                rgba(245, 245, 242, 0.97) 100%
            );
    }


    .sc-itinerari-hero-content {
        width: 100%;

        padding: 29px 23px;
    }


    .sc-itinerari-hero h1 {
        font-size:
            clamp(35px, 9.5vw, 47px);
    }


    .sc-itinerari-hero p {
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.62;
    }


    .sc-itinerari-actions {
        flex-direction: column;

        gap: 9px;

        margin-top: 22px;
    }


    .sc-itinerari-actions a {
        width: 100%;
    }


    /* SECTION HEAD */

    .sc-itinerari-section-head {
        margin-bottom: 26px;
    }


    .sc-itinerari-section-spaced {
        margin-top: 52px;
    }


    .sc-itinerari-section-head h2 {
        font-size:
            clamp(29px, 8.5vw, 38px);
    }


    .sc-itinerari-section-head p {
        font-size: 15px;
        line-height: 1.65;
    }


    /* FEATURE */

    .sc-itinerari-feature {
        gap: 25px;

        margin-bottom: 24px;
        padding: 27px 22px;

        border-radius: 26px;
    }


    .sc-itinerari-data {
        grid-template-columns: 1fr 1fr;

        gap: 9px;
    }


    .sc-itinerari-data > div {
        padding: 14px;

        border-radius: 16px;
    }


    .sc-itinerari-data dd {
        font-size: 14px;
    }


    /* ROUTE */

    .sc-itinerari-route-note {
        margin-bottom: 56px;
        padding: 25px 22px;

        border-radius: 0 21px 21px 0;
    }


    /* GRID */

    .sc-itinerari-grid {
        grid-template-columns: 1fr;

        max-width: 520px;

        gap: 14px;

        margin-bottom: 56px;
    }


    .sc-itinerari-card {
        min-height: 0;

        padding: 22px;

        border-radius: 21px;
    }


    /* SAFETY */

    .sc-itinerari-safety {
        margin-bottom: 56px;

        padding: 27px 22px;

        border-radius: 25px;
    }


    /* RELATED */

    .sc-itinerari-related-grid {
        grid-template-columns: 1fr;

        max-width: 520px;

        gap: 13px;

        margin-bottom: 56px;
    }


    .sc-itinerari-related-grid > a {
        min-height: 0;

        padding: 21px;
    }


    /* NOTE */

    .sc-itinerari-note {
        margin-bottom: 56px;

        padding: 27px 22px;

        border-radius: 25px;
    }


    /* CTA */

    .sc-itinerari-cta {
        margin-top: 54px;

        padding: 27px 22px;

        border-radius: 27px;
    }


    .sc-itinerari-cta a {
        width: 100%;
    }

}


/* ==========================================================
   MOBILE PICCOLO
========================================================== */

@media (max-width: 480px) {

    .sc-itinerari-page {
        padding-left: 14px;
        padding-right: 14px;
    }


    .sc-itinerari-hero {
        min-height: 540px;

        border-radius: 24px;
    }


    .sc-itinerari-hero-content {
        padding: 25px 19px;
    }


    .sc-itinerari-data {
        grid-template-columns: 1fr;
    }


    .sc-itinerari-kicker,
    .sc-itinerari-section-head > span,
    .sc-itinerari-feature-copy > .sc-itinerari-label,
    .sc-itinerari-route-note span,
    .sc-itinerari-safety span,
    .sc-itinerari-note > span {
        font-size: 9px;
    }

}


/* ==========================================================
   RIDUZIONE ANIMAZIONI
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sc-itinerari-page *,
    .sc-itinerari-page *::before,
    .sc-itinerari-page *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }

}

/* ==========================================================
   STORIA DELLA SILA DI COTRONEI
========================================================== */


/* ==========================================================
   CONTENITORE
========================================================== */

.sc-sila-history-page {
    --sc-sh-verde: #264733;
    --sc-sh-verde-hover: #1f3a2a;

    --sc-sh-crema: #f7f4ea;
    --sc-sh-crema-2: #fbfaf6;

    --sc-sh-bianco: #ffffff;

    --sc-sh-testo: #2f2f2f;
    --sc-sh-soft: #606660;

    --sc-sh-oro: #956b22;

    --sc-sh-bordo: rgba(38, 71, 51, 0.15);

    --sc-sh-ombra:
        0 16px 42px rgba(0, 0, 0, 0.08);

    width: 100%;
    max-width: 1120px;

    margin: 0 auto;
    padding: 0 20px 56px;

    color: var(--sc-sh-testo);

    box-sizing: border-box;
}


.sc-sila-history-page *,
.sc-sila-history-page *::before,
.sc-sila-history-page *::after {
    box-sizing: border-box;
}


.sc-sila-history-page a {
    text-decoration: none;
}


/* ==========================================================
   BREADCRUMB
========================================================== */

.sc-sila-history-page .sc-breadcrumb {
    width: 100%;
    max-width: 1080px;

    margin: 20px auto 14px;
    padding: 0 4px;
}


/* ==========================================================
   HERO
========================================================== */

.sc-sila-history-hero {
    position: relative;

    display: flex;
    align-items: center;

    min-height: clamp(445px, 47vw, 575px);

    margin: 0 auto 54px;

    border-radius: 34px;

    overflow: hidden;
    isolation: isolate;

    box-shadow: var(--sc-sh-ombra);
}


.sc-sila-history-hero::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 2;

    background:
        linear-gradient(
            to right,
            rgba(245, 245, 242, 0.92) 0%,
            rgba(245, 245, 242, 0.77) 38%,
            rgba(245, 245, 242, 0.31) 72%,
            rgba(245, 245, 242, 0.06) 100%
        );
}


.sc-sila-history-hero-img {
    position: absolute;
    inset: 0;

    z-index: 1;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: 50% 52%;

    filter:
        saturate(0.88)
        contrast(0.96);
}


.sc-sila-history-hero-content {
    position: relative;

    z-index: 3;

    width: min(100%, 730px);

    padding: 56px 64px;
}


.sc-sila-history-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-height: 29px;

    margin-bottom: 13px;
    padding: 0 13px;

    border-radius: 999px;

    background: var(--sc-sh-crema);
    color: var(--sc-sh-verde);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: 0.65px;
}


.sc-sila-history-hero h1 {
    max-width: 690px;

    margin: 0;

    color: var(--sc-sh-verde);

    font-size: clamp(40px, 5.2vw, 64px);
    font-weight: 850;
    line-height: 1.03;

    letter-spacing: -1px;
}


.sc-sila-history-hero p {
    max-width: 610px;

    margin: 19px 0 0;

    color: #324536;

    font-size: 17px;
    font-weight: 500;
    line-height: 1.7;
}


/* ==========================================================
   HERO ACTIONS
========================================================== */

.sc-sila-history-actions {
    display: flex;
    flex-wrap: wrap;

    gap: 11px;

    margin-top: 27px;
}


.sc-sila-history-actions a,
.sc-sila-history-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 46px;

    padding: 0 21px;

    border-radius: 999px;

    background: var(--sc-sh-verde);
    color: #ffffff !important;

    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;

    text-align: center;

    transition:
        transform 0.2s ease,
        background 0.2s ease,
        color 0.2s ease,
        border-color 0.2s ease;
}


.sc-sila-history-actions a:nth-child(2) {
    border: 1px solid var(--sc-sh-bordo);

    background: #ffffff;
    color: var(--sc-sh-verde) !important;
}


.sc-sila-history-actions a:hover {
    transform: translateY(-2px);

    background: var(--sc-sh-verde-hover);
    color: #ffffff !important;
}


.sc-sila-history-actions a:nth-child(2):hover {
    border-color: var(--sc-sh-verde);

    background: var(--sc-sh-verde);
    color: #ffffff !important;
}


/* ==========================================================
   SECTION HEAD
========================================================== */

.sc-sila-history-section-head {
    width: 100%;
    max-width: 850px;

    margin: 0 auto 31px;

    text-align: center;
}


.sc-sila-history-section-spaced {
    margin-top: 68px;
}


.sc-sila-history-section-head > span,
.sc-sila-history-highlight-copy > span,
.sc-sila-history-note > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    min-height: 29px;

    margin-bottom: 12px;
    padding: 0 12px;

    border-radius: 999px;

    background: var(--sc-sh-crema);
    color: var(--sc-sh-verde);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: 0.65px;
}


.sc-sila-history-section-head h2,
.sc-sila-history-highlight h2,
.sc-sila-history-note h2,
.sc-sila-history-cta h2 {
    margin: 0;

    color: var(--sc-sh-verde);

    font-size: clamp(30px, 4vw, 46px);
    font-weight: 850;
    line-height: 1.1;

    letter-spacing: -0.5px;
}


.sc-sila-history-section-head p,
.sc-sila-history-highlight p,
.sc-sila-history-note p,
.sc-sila-history-cta p {
    max-width: 780px;

    margin: 14px auto 0;

    color: var(--sc-sh-soft);

    font-size: 16px;
    line-height: 1.72;
}


.sc-sila-history-section-head p + p {
    margin-top: 11px;
}


/* ==========================================================
   PILLARS
========================================================== */

.sc-sila-history-pillars {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 70px;
}


.sc-sila-history-pillar {
    min-width: 0;
    min-height: 210px;

    padding: 25px;

    border: 1px solid var(--sc-sh-bordo);
    border-radius: 23px;

    background: var(--sc-sh-crema-2);

    box-shadow:
        0 7px 22px rgba(0, 0, 0, 0.04);
}


.sc-sila-history-pillar span {
    color: var(--sc-sh-oro);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: 0.6px;
}


.sc-sila-history-pillar strong {
    display: block;

    margin-top: 18px;

    color: var(--sc-sh-verde);

    font-size: 22px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-sila-history-pillar p {
    margin: 11px 0 0;

    color: var(--sc-sh-soft);

    font-size: 14px;
    line-height: 1.62;
}


/* ==========================================================
   TIMELINE
========================================================== */

.sc-sila-history-timeline {
    display: grid;

    gap: 17px;

    width: 100%;
    max-width: 930px;

    margin: 0 auto 72px;
}


.sc-sila-history-timeline-item {
    display: grid;

    grid-template-columns: 74px 1fr;

    gap: 24px;

    align-items: start;

    padding: 27px 30px;

    border: 1px solid var(--sc-sh-bordo);
    border-radius: 25px;

    background: #ffffff;

    box-shadow:
        0 7px 22px rgba(0, 0, 0, 0.04);
}


.sc-sila-history-number {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    border-radius: 18px;

    background: var(--sc-sh-verde);
    color: #ffffff;

    font-size: 16px;
    font-weight: 850;
    line-height: 1;
}


.sc-sila-history-timeline-content > span {
    display: block;

    margin-bottom: 8px;

    color: var(--sc-sh-oro);

    font-size: 10px;
    font-weight: 850;
    line-height: 1;

    text-transform: uppercase;
    letter-spacing: 0.65px;
}


.sc-sila-history-timeline-content h3 {
    margin: 0;

    color: var(--sc-sh-verde);

    font-size: 25px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-sila-history-timeline-content p {
    margin: 10px 0 0;

    color: var(--sc-sh-soft);

    font-size: 15px;
    line-height: 1.68;
}


.sc-sila-history-timeline-content p + p {
    margin-top: 8px;
}


.sc-sila-history-timeline-content a {
    display: inline-flex;

    margin-top: 16px;

    color: var(--sc-sh-verde) !important;

    font-size: 13px;
    font-weight: 850;
    line-height: 1.3;
}


/* ==========================================================
   HIGHLIGHT
========================================================== */

.sc-sila-history-highlight {
    display: grid;

    grid-template-columns:
        minmax(0, 1.1fr)
        minmax(300px, 0.9fr);

    gap: 32px;

    align-items: center;

    width: 100%;
    max-width: 980px;

    margin: 0 auto 72px;
    padding: 36px;

    border: 1px solid var(--sc-sh-bordo);
    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #f7f4ea 0%,
            #fbfaf6 100%
        );
}


.sc-sila-history-highlight-copy p {
    margin-left: 0;
    margin-right: 0;
}


.sc-sila-history-highlight-copy p + p {
    margin-top: 10px;
}


.sc-sila-history-highlight-links {
    display: grid;

    gap: 11px;
}


.sc-sila-history-highlight-links a {
    display: block;

    padding: 18px;

    border: 1px solid rgba(38, 71, 51, 0.11);
    border-radius: 18px;

    background: #ffffff;

    transition:
        transform 0.2s ease,
        border-color 0.2s ease;
}


.sc-sila-history-highlight-links a:hover {
    transform: translateY(-2px);

    border-color:
        rgba(38, 71, 51, 0.30);
}


.sc-sila-history-highlight-links span {
    display: block;

    color: var(--sc-sh-oro);

    font-size: 9px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: 0.55px;
}


.sc-sila-history-highlight-links strong {
    display: block;

    margin-top: 6px;

    color: var(--sc-sh-verde);

    font-size: 17px;
    font-weight: 850;
    line-height: 1.2;
}


/* ==========================================================
   MEMORIA
========================================================== */

.sc-sila-history-memory-grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 920px;

    margin: 0 auto 70px;
}


.sc-sila-history-memory-grid > div {
    min-width: 0;
    min-height: 190px;

    padding: 24px;

    border: 1px solid var(--sc-sh-bordo);
    border-radius: 22px;

    background: var(--sc-sh-crema-2);
}


.sc-sila-history-memory-grid span {
    color: var(--sc-sh-oro);

    font-size: 10px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: 0.6px;
}


.sc-sila-history-memory-grid strong {
    display: block;

    margin-top: 17px;

    color: var(--sc-sh-verde);

    font-size: 21px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-sila-history-memory-grid p {
    margin: 10px 0 0;

    color: var(--sc-sh-soft);

    font-size: 14px;
    line-height: 1.62;
}


/* ==========================================================
   NOTA
========================================================== */

.sc-sila-history-note {
    width: 100%;
    max-width: 900px;

    margin: 0 auto 70px;
    padding: 34px 38px;

    border: 1px solid var(--sc-sh-bordo);
    border-radius: 28px;

    background:
        linear-gradient(
            135deg,
            #f7f4ea 0%,
            #fbfaf6 100%
        );

    text-align: center;
}


.sc-sila-history-note h2 {
    font-size:
        clamp(27px, 3.5vw, 39px);
}


/* ==========================================================
   RELATED
========================================================== */

.sc-sila-history-related {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 18px;

    width: 100%;
    max-width: 920px;

    margin: 0 auto 68px;
}


.sc-sila-history-related > a {
    min-width: 0;
    min-height: 185px;

    padding: 24px;

    border: 1px solid var(--sc-sh-bordo);
    border-radius: 22px;

    background: #ffffff;
    color: var(--sc-sh-testo) !important;

    box-shadow:
        0 7px 20px rgba(0, 0, 0, 0.04);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.sc-sila-history-related > a:hover {
    transform: translateY(-3px);

    border-color:
        rgba(38, 71, 51, 0.30);

    box-shadow:
        0 14px 30px rgba(0, 0, 0, 0.07);
}


.sc-sila-history-related span {
    color: var(--sc-sh-oro);

    font-size: 10px;
    font-weight: 850;

    text-transform: uppercase;
    letter-spacing: 0.6px;
}


.sc-sila-history-related strong {
    display: block;

    margin-top: 17px;

    color: var(--sc-sh-verde);

    font-size: 21px;
    font-weight: 850;
    line-height: 1.15;
}


.sc-sila-history-related p {
    margin: 9px 0 0;

    color: var(--sc-sh-soft);

    font-size: 14px;
    line-height: 1.6;
}


/* ==========================================================
   CTA
========================================================== */

.sc-sila-history-cta {
    width: 100%;
    max-width: 900px;

    margin: 64px auto 10px;
    padding: 36px;

    border-radius: 30px;

    background:
        linear-gradient(
            135deg,
            #264733 0%,
            #1f3a2a 100%
        );

    color: #ffffff;

    text-align: center;

    box-shadow: var(--sc-sh-ombra);
}


.sc-sila-history-cta h2 {
    color: #ffffff;
}


.sc-sila-history-cta p {
    max-width: 680px;

    margin-bottom: 24px;

    color:
        rgba(255, 255, 255, 0.84);
}


.sc-sila-history-cta a {
    min-height: 44px;

    border:
        1px solid rgba(255, 255, 255, 0.20);

    background:
        rgba(255, 255, 255, 0.12);

    color: #ffffff !important;
}


.sc-sila-history-cta a:hover {
    transform: translateY(-2px);

    background: #ffffff;

    color: var(--sc-sh-verde) !important;
}


/* ==========================================================
   ACCESSIBILITÀ
========================================================== */

.sc-sila-history-page a:focus-visible {
    outline:
        3px solid rgba(217, 180, 107, 0.65);

    outline-offset: 3px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 980px) {

    .sc-sila-history-pillars {
        grid-template-columns: 1fr;

        max-width: 720px;
    }


    .sc-sila-history-pillar {
        min-height: 0;
    }


    .sc-sila-history-highlight {
        grid-template-columns: 1fr;

        max-width: 760px;
    }


    .sc-sila-history-memory-grid {
        grid-template-columns: 1fr;

        max-width: 650px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .sc-sila-history-page {
        padding: 0 16px 42px;
    }


    .sc-sila-history-page .sc-breadcrumb {
        margin-top: 15px;
        margin-bottom: 12px;

        padding: 0;
    }


    /* HERO */

    .sc-sila-history-hero {
        min-height: 565px;

        margin-bottom: 44px;

        border-radius: 27px;

        align-items: flex-end;
    }


    .sc-sila-history-hero::before {
        background:
            linear-gradient(
                to bottom,
                rgba(245, 245, 242, 0.03) 0%,
                rgba(245, 245, 242, 0.27) 36%,
                rgba(245, 245, 242, 0.91) 75%,
                rgba(245, 245, 242, 0.97) 100%
            );
    }


    .sc-sila-history-hero-content {
        width: 100%;

        padding: 29px 23px;
    }


    .sc-sila-history-hero h1 {
        font-size:
            clamp(35px, 9.5vw, 47px);
    }


    .sc-sila-history-hero p {
        margin-top: 15px;

        font-size: 15px;
        line-height: 1.62;
    }


    .sc-sila-history-actions {
        flex-direction: column;

        gap: 9px;

        margin-top: 22px;
    }


    .sc-sila-history-actions a {
        width: 100%;
    }


    /* SECTION */

    .sc-sila-history-section-head {
        margin-bottom: 26px;
    }


    .sc-sila-history-section-spaced {
        margin-top: 52px;
    }


    .sc-sila-history-section-head h2 {
        font-size:
            clamp(29px, 8.5vw, 38px);
    }


    .sc-sila-history-section-head p {
        font-size: 15px;
        line-height: 1.65;
    }


    /* PILLARS */

    .sc-sila-history-pillars {
        gap: 14px;

        margin-bottom: 56px;
    }


    .sc-sila-history-pillar {
        padding: 22px;

        border-radius: 21px;
    }


    /* TIMELINE */

    .sc-sila-history-timeline {
        gap: 14px;

        margin-bottom: 56px;
    }


    .sc-sila-history-timeline-item {
        grid-template-columns: 1fr;

        gap: 17px;

        padding: 23px;

        border-radius: 22px;
    }


    .sc-sila-history-number {
        width: 48px;
        height: 48px;

        border-radius: 15px;
    }


    .sc-sila-history-timeline-content h3 {
        font-size: 22px;
    }


    /* HIGHLIGHT */

    .sc-sila-history-highlight {
        margin-bottom: 56px;

        padding: 27px 22px;

        border-radius: 26px;
    }


    /* MEMORY */

    .sc-sila-history-memory-grid {
        gap: 14px;

        margin-bottom: 56px;
    }


    .sc-sila-history-memory-grid > div {
        min-height: 0;

        padding: 22px;
    }


    /* NOTE */

    .sc-sila-history-note {
        margin-bottom: 56px;

        padding: 27px 22px;

        border-radius: 25px;
    }


    /* RELATED */

    .sc-sila-history-related {
        grid-template-columns: 1fr;

        max-width: 520px;

        gap: 14px;

        margin-bottom: 56px;
    }


    .sc-sila-history-related > a {
        min-height: 0;

        padding: 22px;
    }


    /* CTA */

    .sc-sila-history-cta {
        margin-top: 54px;

        padding: 27px 22px;

        border-radius: 27px;
    }


    .sc-sila-history-cta a {
        width: 100%;
    }

}


/* ==========================================================
   MOBILE PICCOLO
========================================================== */

@media (max-width: 480px) {

    .sc-sila-history-page {
        padding-left: 14px;
        padding-right: 14px;
    }


    .sc-sila-history-hero {
        min-height: 545px;

        border-radius: 24px;
    }


    .sc-sila-history-hero-content {
        padding: 25px 19px;
    }


    .sc-sila-history-kicker,
    .sc-sila-history-section-head > span,
    .sc-sila-history-highlight-copy > span,
    .sc-sila-history-note > span {
        font-size: 9px;
    }

}


/* ==========================================================
   RIDUZIONE ANIMAZIONI
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sc-sila-history-page *,
    .sc-sila-history-page *::before,
    .sc-sila-history-page *::after {
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }

}