/* ==========================================================
   FILMSERIECANZONI.IT
   FSC HOMEPAGE DESIGN SYSTEM
   File: style-homepage-fsc.css
   ========================================================== */


/* ==========================================================
   1. GRIGLIA CRONOLOGICA ARTICOLI
   ========================================================== */


/* CARD
   Nessun box, bordo o ombra.
*/
body.home article .mag-post-single {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* ==========================================================
   IMMAGINI
   Manteniamo il formato originale delle immagini FSC
   ========================================================== */

body.home article .mag-post-img {
    overflow: hidden !important;
    border-radius: 8px !important;
    margin: 0 !important;
}

body.home article .mag-post-img a {
    display: block !important;
    overflow: hidden !important;
}

body.home article .mag-post-img img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transition: transform .35s ease !important;
}


/* ==========================================================
   BLOCCO TESTUALE
   ========================================================== */

body.home article .mag-post-detail {
    position: relative !important;

    margin: 0 !important;
    padding: 13px 1px 0 !important;
}


/* ==========================================================
   ETICHETTA CATEGORIA
   ========================================================== */

body.home article .mag-post-detail::before {
    display: block;

    margin: 0 0 10px 0;

    color: #013983;

    font-size: 12px;
    font-weight: 700;
    line-height: 1;

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


/* FILM */

body.home article.category-film .mag-post-detail::before {
    content: "FILM";
    color: #013983;
}


/* SERIE */

body.home article.category-serie .mag-post-detail::before {
    content: "SERIE";
    color: #013983;
}


/* CANZONI */

body.home article.category-canzoni .mag-post-detail::before,
body.home article.category-musica .mag-post-detail::before {
    content: "CANZONI";
    color: #fc7100;
}


/*
   EVENTUALE FESTIVAL

   Per il momento lasciamo questa eccezione.
   In seguito decideremo se mostrare soltanto le tre
   categorie principali FILM / SERIE / CANZONI
   oppure gestire anche Festival.
*/

body.home article.category-festival .mag-post-detail::before,
body.home article.category-eventi-festival .mag-post-detail::before {
    content: "FESTIVAL" !important;
    color: #013983 !important;
}


/* ==========================================================
   TITOLI
   ========================================================== */

body.home article .mag-post-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 23px !important;
    font-weight: 500 !important;
    line-height: 1.23 !important;

    letter-spacing: -0.012em !important;
}

body.home article .mag-post-title a {
    color: #151515 !important;

    text-decoration: none !important;

    transition: color .25s ease !important;
}


/* ==========================================================
   ELIMINAZIONE METADATI
   La homepage mostra soltanto:

   FOTO
   CATEGORIA
   TITOLO
   ========================================================== */

body.home article .mag-post-meta,
body.home article .post-author,
body.home article .post-date,
body.home article .mag-post-excerpt {
    display: none !important;
}


/* ==========================================================
   HOVER
   Effetto molto leggero su desktop
   ========================================================== */

@media (hover: hover) {

    body.home article .mag-post-single:hover .mag-post-img img {
        transform: scale(1.025) !important;
    }

    body.home article .mag-post-single:hover .mag-post-title a {
        color: #013983 !important;
    }

}


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

@media only screen and (max-width: 768px) {

    body.home article .mag-post-detail {
        padding-top: 11px !important;
    }

    body.home article .mag-post-detail::before {
        margin-bottom: 8px !important;

        font-size: 10px !important;
        letter-spacing: 1.15px !important;
    }

    body.home article .mag-post-title {
        font-size: 20px !important;
        font-weight: 500 !important;
        line-height: 1.24 !important;
    }

}
/* ==========================================================
   2. I NOSTRI VIDEOINCONTRI
   ========================================================== */


/* ----------------------------------------------------------
   TESTATA SEZIONE
   ---------------------------------------------------------- */

body.home .fsc-video-top-link {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;

    width: 100% !important;

    margin: 0 0 10px !important;
    padding: 0 0 12px !important;

    border-bottom: 1px solid #e4e4e4;
}


/* Titolo della rubrica */

body.home .fsc-video-top-link::before {
    content: "VIDEOINCONTRI";

    display: block;

    color: #111;

    font-size: 22px;
    font-weight: 700;
    line-height: 1.1;

    letter-spacing: -0.01em;
}


/* Piccolo segno arancione FSC sotto il titolo */

body.home .fsc-video-top-link::after {
    content: "";

    position: absolute;

    width: 46px;
    height: 3px;

    left: 0;
    bottom: -2px;

    background: #fc7100;
}

body.home .fsc-video-top-link {
    position: relative !important;
}


/* ----------------------------------------------------------
   LINK CANALE YOUTUBE
   Sostituisce visivamente "▶ Canale YouTube →"
   ---------------------------------------------------------- */

body.home .fsc-video-channel-link {
    color: #013983 !important;

    font-size: 0 !important;
    font-weight: 600 !important;

    line-height: 1 !important;

    text-decoration: none !important;

    transition: color .2s ease !important;
}

body.home .fsc-video-channel-link::after {
    content: "Vai al canale YouTube \2192";

    font-size: 24px;
    letter-spacing: .01em;
}

body.home .fsc-video-channel-link:hover {
    color: #fc7100 !important;
}


/* ==========================================================
   GRIGLIA VIDEO
   ========================================================== */

body.home .fsc-video-grid {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    /* chiusura visiva della rubrica */
    border-bottom: 0 !important;
}


/* ==========================================================
   CARD VIDEO
   ========================================================== */

body.home .fsc-video-card {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* ----------------------------------------------------------
   MINIATURA
   ---------------------------------------------------------- */

body.home .fsc-video-thumb {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    overflow: hidden !important;

    border-radius: 8px !important;

    background: #111 !important;
}

body.home .fsc-video-thumb img {
    display: block !important;

    width: 100% !important;

    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;

    margin: 0 !important;

    transition:
        transform .35s ease,
        filter .35s ease !important;
}


/* ==========================================================
   PLAY
   ========================================================== */

body.home .fsc-video-play {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 52px !important;
    height: 52px !important;

    transform: translate(-50%, -50%) !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.93) !important;

    box-shadow: 0 2px 12px rgba(0,0,0,.18) !important;

    transition:
        transform .25s ease,
        background .25s ease !important;
}


/* triangolo play */

body.home .fsc-video-play::after {
    content: "";

    position: absolute;

    top: 50%;
    left: 52%;

    transform: translate(-42%, -50%);

    width: 0;
    height: 0;

    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #013983;
}


/* ==========================================================
   TITOLO VIDEO
   ========================================================== */

body.home .fsc-video-card-title {
    margin: 12px 0 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.27 !important;

    letter-spacing: -0.01em !important;
}

body.home .fsc-video-card-title a {
    color: #171717 !important;

    text-decoration: none !important;

    transition: color .2s ease !important;
}


/* ==========================================================
   HOVER DESKTOP
   ========================================================== */

@media (hover: hover) {

    body.home .fsc-video-card:hover .fsc-video-thumb img {
        transform: scale(1.025) !important;
        filter: brightness(.94) !important;
    }

    body.home .fsc-video-card:hover .fsc-video-card-title a {
        color: #013983 !important;
    }

    body.home .fsc-video-card:hover .fsc-video-play {
        transform: translate(-50%, -50%) scale(1.07) !important;
        background: #fff !important;
    }

}


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

@media screen and (max-width: 900px) {

    body.home .fsc-video-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


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

@media screen and (max-width: 650px) {

    body.home .fsc-video-top-link {
        align-items: flex-start !important;
        gap: 10px !important;

        margin-top: 0 !important;
    }

    body.home .fsc-video-top-link::before {
        font-size: 18px;
    }

    body.home .fsc-video-channel-link::after {
        font-size: 11px;
    }

    body.home .fsc-video-grid {
        grid-template-columns: 1fr !important;
        gap: 28px !important;

    }

    body.home .fsc-video-card-title {
        font-size: 18px !important;
    }

    body.home .fsc-video-play {
        width: 48px !important;
        height: 48px !important;
    }
}

/* ==========================================================
   FSC - RIFINITURA VIDEOINCONTRI
   ========================================================== */

body.home .fsc-video-top-link {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

body.home .fsc-video-top-link::before {
    font-size: 24px !important;
    font-weight: 700 !important;
}

body.home .fsc-video-channel-link::after {
    font-size: 22px !important;
    font-weight: 600 !important;
}

body.home .fsc-video-grid {
    gap: 22px !important;
}

body.home .fsc-video-card-title {
    margin-top: 10px !important;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

/* Separatore finale più leggero */
body.home .fsc-video-grid {
    border-bottom: 0 !important;
}
/* ==========================================================
   3. HERO / BANNER PRINCIPALE FSC
   ========================================================== */

body.home .fsc-banner {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr) !important;
    gap: 14px !important;

    width: 100% !important;
    margin: 0 !important;
}


/* ==========================================================
   COLONNA PRINCIPALE + COLONNA LATERALE
   ========================================================== */

body.home .fsc-banner__main,
body.home .fsc-banner__side,
body.home .fsc-banner__bottom {
    min-width: 0 !important;
}

body.home .fsc-banner__side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
}


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

body.home .fsc-banner__card {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius: 8px !important;

    background: #111 !important;
    box-shadow: none !important;
}


/* ==========================================================
   IMMAGINI
   ========================================================== */

body.home .fsc-banner__image-link {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}

body.home .fsc-banner__card img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;

    transition: transform .4s ease !important;
}


/* altezza Hero desktop */

body.home .fsc-banner__main .fsc-banner__card {
    min-height: 500px !important;
}

body.home .fsc-banner__side .fsc-banner__card {
    min-height: 243px !important;
}


/* ==========================================================
   SFUMATURA TESTO
   ========================================================== */

body.home .fsc-banner__card::after {
    content: "";

    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 62% !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.88) 0%,
            rgba(0,0,0,.55) 42%,
            rgba(0,0,0,0) 100%
        ) !important;
}


/* ==========================================================
   OVERLAY
   ========================================================== */

body.home .fsc-banner__overlay {
    position: absolute !important;

    z-index: 2 !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    padding: 24px 26px !important;
}


/* card laterali */

body.home .fsc-banner__side .fsc-banner__overlay,
body.home .fsc-banner__bottom .fsc-banner__overlay {
    padding: 17px 18px !important;
}


/* ==========================================================
   ELIMINA "IN PRIMO PIANO"
   ========================================================== */

body.home .fsc-banner__badge {
    display: none !important;
}


/* ==========================================================
   CATEGORIA PRINCIPALE HERO
   ========================================================== */


/* contenitore categoria delle card laterali */

body.home .fsc-banner__category {
    display: block !important;

    margin: 0 0 8px !important;

    font-size: 0 !important;
}


/* stile comune categoria */

body.home .fsc-banner__main .fsc-banner__overlay::before,
body.home .fsc-banner__side .fsc-banner__category::before,
body.home .fsc-banner__bottom .fsc-banner__category::before {
    display: block !important;

    margin-bottom: 8px !important;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: 1.4px !important;
    text-transform: uppercase !important;
}


/* ==========================================================
   CARD PRINCIPALE
   categoria generata sull'overlay
   ========================================================== */

body.home .fsc-banner__main .category-film .fsc-banner__overlay::before {
    content: "FILM";
}

body.home .fsc-banner__main .category-serie .fsc-banner__overlay::before {
    content: "SERIE";
}

body.home .fsc-banner__main .category-canzoni .fsc-banner__overlay::before,
body.home .fsc-banner__main .category-musica .fsc-banner__overlay::before {
    content: "CANZONI";
    color: #ff8a22 !important;
}


/* ==========================================================
   CARD LATERALI
   categoria generata SOLO dentro .fsc-banner__category
   ========================================================== */

body.home .fsc-banner__side .category-film .fsc-banner__category::before,
body.home .fsc-banner__bottom .category-film .fsc-banner__category::before {
    content: "FILM";
}

body.home .fsc-banner__side .category-serie .fsc-banner__category::before,
body.home .fsc-banner__bottom .category-serie .fsc-banner__category::before {
    content: "SERIE";
}

body.home .fsc-banner__side .category-canzoni .fsc-banner__category::before,
body.home .fsc-banner__side .category-musica .fsc-banner__category::before,
body.home .fsc-banner__bottom .category-canzoni .fsc-banner__category::before,
body.home .fsc-banner__bottom .category-musica .fsc-banner__category::before {
    content: "CANZONI";
    color: #ff8a22 !important;
}


/* ==========================================================
   TITOLI
   ========================================================== */

body.home .fsc-banner__title {
    position: relative !important;

    z-index: 2 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
}


/* principale */

body.home .fsc-banner__main .fsc-banner__title {
    max-width: 92% !important;

    font-size: clamp(28px, 2.35vw, 38px) !important;
    font-weight: 700 !important;

    line-height: 1.08 !important;

    letter-spacing: -0.025em !important;
}


/* laterali */

body.home .fsc-banner__side .fsc-banner__title,
body.home .fsc-banner__bottom .fsc-banner__title {
    font-size: 18px !important;
    font-weight: 650 !important;

    line-height: 1.18 !important;

    letter-spacing: -0.012em !important;
}


body.home .fsc-banner__title a {
    color: #fff !important;

    text-decoration: none !important;
}


/* ==========================================================
   HOVER
   ========================================================== */

@media (hover: hover) {

    body.home .fsc-banner__card:hover img {
        transform: scale(1.025) !important;
    }

}


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

@media screen and (max-width: 900px) {

    body.home .fsc-banner {
        grid-template-columns: 1.6fr 1fr !important;
        gap: 10px !important;
    }

    body.home .fsc-banner__side {
        gap: 10px !important;
    }

    body.home .fsc-banner__main .fsc-banner__card {
        min-height: 430px !important;
    }

    body.home .fsc-banner__side .fsc-banner__card {
        min-height: 210px !important;
    }

    body.home .fsc-banner__main .fsc-banner__title {
        font-size: 28px !important;
    }

    body.home .fsc-banner__side .fsc-banner__title,
    body.home .fsc-banner__bottom .fsc-banner__title {
        font-size: 16px !important;
    }

}


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

@media screen and (max-width: 650px) {

    body.home .fsc-banner {
        display: block !important;
    }

    body.home .fsc-banner__main {
        margin-bottom: 10px !important;
    }

    body.home .fsc-banner__side {
        display: grid !important;

        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: auto !important;

        gap: 10px !important;
    }

    body.home .fsc-banner__main .fsc-banner__card {
        min-height: 390px !important;
    }

    body.home .fsc-banner__side .fsc-banner__card {
        min-height: 210px !important;
    }

    body.home .fsc-banner__main .fsc-banner__overlay {
        padding: 20px !important;
    }

    body.home .fsc-banner__side .fsc-banner__overlay,
    body.home .fsc-banner__bottom .fsc-banner__overlay {
        padding: 13px !important;
    }

    body.home .fsc-banner__main .fsc-banner__title {
        max-width: 100% !important;

        font-size: 27px !important;
        line-height: 1.1 !important;
    }

    body.home .fsc-banner__side .fsc-banner__title,
    body.home .fsc-banner__bottom .fsc-banner__title {
        font-size: 15px !important;
        line-height: 1.18 !important;
    }

}


/* ==========================================================
   SMARTPHONE PICCOLI
   ========================================================== */

@media screen and (max-width: 480px) {

    body.home .fsc-banner__side {
        grid-template-columns: 1fr !important;
    }

    body.home .fsc-banner__side .fsc-banner__card {
        min-height: 235px !important;
    }

}

/* ==========================================================
   HERO - ALLINEAMENTO BASATO SULLA PROPORZIONE ORIGINALE
   ========================================================== */

@media screen and (min-width: 901px) {

    body.home .fsc-banner {
        align-items: stretch !important;
    }

    /* CARD PRINCIPALE:
       mantiene la proporzione originale FSC 615 / 431 */
    body.home .fsc-banner__main {
        display: flex !important;
        min-height: 0 !important;
    }

    body.home .fsc-banner__main .fsc-banner__card {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: 615 / 431 !important;
    }

    /* COLONNA DESTRA:
       prende esattamente l'altezza della card principale */
    body.home .fsc-banner__side {
        align-self: stretch !important;

        height: auto !important;
        min-height: 0 !important;

        grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    }

    body.home .fsc-banner__side .fsc-banner__card {
        height: 100% !important;
        min-height: 0 !important;

        aspect-ratio: auto !important;
    }

}

/* ==========================================================
   4. NAVIGAZIONE ARTICOLI
   CONTINUA A LEGGERE
   ========================================================== */

body.home #primary .nav-links,
body.paged #primary .nav-links {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    margin: 48px 0 64px !important;
    padding: 0 !important;
}

/* Nasconde il link che torna agli articoli più recenti */
body.home #primary .nav-next,
body.paged #primary .nav-next {
    display: none !important;
}

body.home #primary .nav-previous,
body.paged #primary .nav-previous {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   PULSANTE
   ========================================================== */

body.home #primary .nav-previous a,
body.paged #primary .nav-previous a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 210px !important;

    padding: 13px 25px !important;

    border: 1px solid #013983 !important;
    border-radius: 4px !important;

    background: transparent !important;

    color: #013983 !important;

    font-size: 0 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    transition:
        background-color .25s ease,
        color .25s ease,
        border-color .25s ease !important;
}


/* Testo visibile */

body.home #primary .nav-previous a::after,
body.paged #primary .nav-previous a::after {
    content: "CONTINUA A LEGGERE";

    font-size: 13px !important;
    font-weight: 700 !important;

    letter-spacing: 1.15px !important;
}


/* ==========================================================
   HOVER
   ========================================================== */

@media (hover: hover) {

    body.home #primary .nav-previous a:hover,
    body.paged #primary .nav-previous a:hover {
        background: #013983 !important;
        border-color: #013983 !important;
        color: #fff !important;
    }

}


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

@media screen and (max-width: 650px) {

    body.home #primary .nav-links,
    body.paged #primary .nav-links {
        margin-top: 38px !important;
        margin-bottom: 50px !important;
    }

    body.home #primary .nav-previous a,
    body.paged #primary .nav-previous a {
        min-width: 190px !important;
        padding: 12px 20px !important;
    }

    body.home #primary .nav-previous a::after,
    body.paged #primary .nav-previous a::after {
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }

}/* ==========================================================
   5. FOOTER FSC
   ========================================================== */

body.home .site-footer {
    margin-top: 0 !important;
    background: #0f1114 !important;
    border-top: 0 !important;
}


/* ==========================================================
   AREA PRINCIPALE FOOTER
   ========================================================== */

body.home .site-footer-top {
    padding: 34px 0 !important;
    background: #0f1114 !important;
}

body.home .footer-widgets-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Nasconde le due colonne vuote */

body.home .footer-widget-single:first-child,
body.home .footer-widget-single:last-child {
    display: none !important;
}


/* Colonna centrale */

body.home .footer-widget-single:nth-child(2) {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

/* ==========================================================
   5. FOOTER FSC - VERSIONE CORRETTA
   ========================================================== */

body.home .site-footer {
    margin-top: 0 !important;
    background: #0f1114 !important;
    border-top: 0 !important;
}


/* AREA PRINCIPALE */

body.home .site-footer-top {
    background: #0f1114 !important;
    padding: 34px 0 !important;
}

body.home .site-footer-top .ascendoor-wrapper {
    background: transparent !important;
}

body.home .footer-widgets-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* TUTTE LE COLONNE FOOTER */

body.home .footer-widget-single {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* Nasconde prima e terza colonna vuote */

body.home .footer-widget-single:first-child,
body.home .footer-widget-single:last-child {
    display: none !important;
}


/* COLONNA CENTRALE */

body.home .footer-widget-single:nth-child(2) {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    text-align: center !important;
}


/* WIDGET CENTRALE */

body.home .footer-widget-single:nth-child(2) .widget,
body.home #block-8 {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* PARAGRAFO */

body.home #block-8 p {
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: #b9bdc4 !important;

    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    text-align: center !important;
}


/* LINK */

body.home #block-8 a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

body.home #block-8 a:hover {
    color: #fc7100 !important;
}


/* ELIMINA FOOTER AUTOMATICO TEMA */

body.home .site-footer-bottom {
    display: none !important;
}


/* MOBILE */

@media screen and (max-width: 650px) {

    body.home .site-footer-top {
        padding: 28px 20px !important;
    }

    body.home #block-8 p {
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

}
/* ==========================================================
   FOOTER FSC - RIFINITURA FINALE
   ========================================================== */

body.home .site-footer-top {
    padding: 24px 0 !important;
}

body.home #block-8 p {
    color: #c9ccd2 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .02em !important;
}

body.home #block-8 a {
    color: #fc7100 !important;
}

body.home #block-8 a:hover {
    color: #ffffff !important;
}

body.home #block-8 p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing: .015em !important;
}

body.home #block-8 a {
    font-size: 14px !important;
}
/* ==========================================================
   MOBILE - HERO COMPLETA
   ========================================================== */

@media screen and (max-width: 650px) {

    body.home #elite_news_banner_section {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

    }

    body.home #elite_news_banner_section .ascendoor-wrapper {
        display: block !important;
    }

    body.home .fsc-banner {
        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 12px !important;

        width: 100% !important;
    }

    body.home .fsc-banner__main {
        display: block !important;
        width: 100% !important;
    }

    body.home .fsc-banner__main .fsc-banner__card {
        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: 615 / 431 !important;
    }


    /* ------------------------------------------------------
       DUE NOTIZIE SECONDARIE HERO
       ------------------------------------------------------ */

    body.home .fsc-banner__side {
        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 12px !important;

        width: 100% !important;

    }

    body.home .fsc-banner__side .fsc-banner__card {
        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: 615 / 431 !important;
    }
}


/* ==========================================================
   VIDEOINCONTRI - SPAZIO UNIFORME TRA I BLOCCHI
   ========================================================== */

body.home .fsc-video-home-section {
    display: block !important;
    width: 100% !important;

    /* La sezione gestisce da sola i due spazi esterni */

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.home .fsc-video-home-section > .ascendoor-wrapper {
    width: 100% !important;
}

/* Spazi solo interni alla sezione */
body.home .fsc-video-home-section .fsc-video-top-link {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

body.home .fsc-video-home-section .fsc-video-grid {
    border: 0 !important;
}


/* ==========================================================
   MOBILE - VIDEOINCONTRI
   ========================================================== */

@media screen and (max-width: 650px) {

    body.home .fsc-video-home-section .fsc-video-top-link {
        margin-top: 0 !important;
        margin-bottom: 14px !important;
        padding-bottom: 9px !important;
    }


    /* Titolo "I NOSTRI VIDEOINCONTRI" */

    body.home .fsc-video-home-section
    .fsc-video-top-link::before {

        font-size: 19px !important;
        font-weight: 700 !important;

        line-height: 1.08 !important;
        letter-spacing: -0.01em !important;
    }


    /* "Vai al canale YouTube →" */

    body.home .fsc-video-home-section
    .fsc-video-channel-link::after {

        font-size: 15px !important;
        font-weight: 600 !important;
    }

}
/* ==========================================================
   FSC HOME - SEZIONI, SPAZIATURE E ULTIMI ARTICOLI
   ========================================================== */


/* ----------------------------------------------------------
   CONTENITORE GRIGLIA ARTICOLI
   ---------------------------------------------------------- */

body.home .magazine-inside-wrap {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;
}


/* ----------------------------------------------------------
   ELIMINA SEPARATORI E BORDI DEL TEMA
   ---------------------------------------------------------- */

body.home #elite_news_banner_section,
body.home .fsc-video-home-section,
body.home .fsc-video-top-link,
body.home .fsc-video-grid,
body.home .magazine-inside-wrap,
body.home .fsc-articles-heading,
body.home #content,
body.home .site-content,
body.home .ascendoor-page {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}


/* Elimina eventuali pseudo-separatori */

body.home #elite_news_banner_section::before,
body.home #elite_news_banner_section::after,
body.home .fsc-video-home-section::before,
body.home .fsc-video-home-section::after,
body.home .fsc-video-grid::before,
body.home .fsc-video-grid::after,
body.home .magazine-inside-wrap::before,
body.home .magazine-inside-wrap::after {
    content: none !important;
    display: none !important;
}


/* ----------------------------------------------------------
   AZZERA GLI SPAZI ESTERNI TRA HERO E VIDEO
   ---------------------------------------------------------- */

body.home #elite_news_banner_section {
}

body.home .fsc-video-home-section {
}


/* ----------------------------------------------------------
   INTESTAZIONE "ULTIMI ARTICOLI"
   ---------------------------------------------------------- */

body.home .fsc-articles-heading {
    position: relative !important;

    width: 100% !important;

    margin: 0 0 10px !important;
    padding: 0 0 8px !important;

    background: transparent !important;

    color: #111 !important;

    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
}


/* Trattino arancione */

body.home .fsc-articles-heading::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;

    width: 46px !important;
    height: 3px !important;

    left: 0 !important;
    bottom: 0 !important;

    background: #fc7100 !important;
}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media screen and (min-width: 901px) {

    body.home .fsc-articles-heading {
        margin-bottom: 10px !important;
    }
}


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

@media screen and (max-width: 650px) {

    body.home .magazine-inside-wrap {
        padding: 0 !important;
        margin: 0 !important;
    }

    body.home .fsc-articles-heading {
        margin-bottom: 10px !important;
        padding-bottom: 7px !important;

        font-size: 19px !important;
        line-height: 1.08 !important;
    }
}

/* ==========================================================
   FSC HOME - SPAZIATURA UNICA TRA I BLOCCHI
   ========================================================== */

/* Hero -> Videoincontri */
body.home #elite_news_banner_section {
    margin: 0 0 40px 0 !important;
    padding-bottom: 0 !important;
}

/* La sezione video non aggiunge spazio sopra o sotto */
body.home .fsc-video-home-section {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Wrapper video neutro */
body.home .fsc-video-home-section > .ascendoor-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
}

/* Fine Videoincontri -> Ultimi articoli */
body.home .fsc-video-home-section .fsc-video-grid {
    margin-bottom: 40px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

/* Titolo Ultimi articoli senza ulteriore spazio sopra */
body.home .fsc-articles-heading {
    margin-top: 0 !important;
}

/* ==========================================================
   FSC - INTESTAZIONI SEZIONI UNIFORMI
   Videoincontri = Ultimi articoli
   ========================================================== */

body.home .fsc-video-home-section .fsc-video-top-link {
    position: relative !important;

    width: 100% !important;

    margin: 0 0 10px !important;
    padding: 0 0 8px !important;

    border: 0 !important;
    background: transparent !important;
}

body.home .fsc-video-home-section .fsc-video-top-link::before {
    content: "VIDEOINCONTRI" !important;

    display: block !important;

    color: #111 !important;

    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.01em !important;
}

body.home .fsc-video-home-section .fsc-video-top-link::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;

    width: 46px !important;
    height: 3px !important;

    left: 0 !important;
    bottom: 0 !important;

    background: #fc7100 !important;
}

@media screen and (max-width: 650px) {

    body.home .fsc-video-home-section .fsc-video-top-link {
        margin-bottom: 10px !important;
        padding-bottom: 7px !important;
    }

    body.home .fsc-video-home-section .fsc-video-top-link::before {
        font-size: 19px !important;
        line-height: 1.08 !important;
    }
}

/* MOBILE - link YouTube leggermente più grande */
@media screen and (max-width: 650px) {
    body.home .fsc-video-channel-link::after {
        font-size: 22px !important;
    }
}

/* ==========================================================
   FSC - CARD 4-5-6 BANNER
   Allineamento definitivo alle card 2-3
   Dati rilevati dal browser:
   - overlay card 2-3: display block, spazio titolo/fondo 17px
   - overlay card 4-5-6: display flex, spazio titolo/fondo 78.64px
   - titolo card 2-3: 18.7245px / 700 / 21.5332px
   ========================================================== */

/* DESKTOP */
@media screen and (min-width: 901px) {

    /* Overlay: deve comportarsi come quello delle card 2-3 */
    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__overlay {
        display: block !important;

        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;

        width: auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 17px 18px !important;

        flex-direction: initial !important;
        justify-content: initial !important;
        align-items: initial !important;
    }

    /* Categoria: nessun doppio margine */
    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__category {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 0 !important;
        line-height: 1 !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__category::before {
        display: block !important;

        margin: 0 0 6px 0 !important;
        padding: 0 !important;

        color: #fff !important;

        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        letter-spacing: 1.4px !important;
        text-transform: uppercase !important;
    }

}


/* CATEGORIE CARD 4-5-6 */

body.home #elite_news_banner_section
.fsc-banner__bottom
.category-film
.fsc-banner__category::before {
    content: "FILM" !important;
}

body.home #elite_news_banner_section
.fsc-banner__bottom
.category-serie
.fsc-banner__category::before {
    content: "SERIE" !important;
}

body.home #elite_news_banner_section
.fsc-banner__bottom
.category-canzoni
.fsc-banner__category::before,

body.home #elite_news_banner_section
.fsc-banner__bottom
.category-musica
.fsc-banner__category::before {
    content: "CANZONI" !important;
    color: #ff8a22 !important;
}


/* TABLET */
@media screen and (min-width: 651px) and (max-width: 900px) {

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__overlay {
        display: block !important;
        top: auto !important;
        bottom: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 17px 18px !important;
    }

}


/* MOBILE */
@media screen and (max-width: 650px) {

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__overlay {
        display: block !important;
        top: auto !important;
        bottom: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 13px !important;
    }
}

/* ==========================================================
   FSC HOMEPAGE - SISTEMA TIPOGRAFICO UNICO
   Fase 1: desktop/tablet + coordinamento generale
   ========================================================== */

/* ----------------------------------------------------------
   FONT BASE
   ---------------------------------------------------------- */

body.home #elite_news_banner_section,
body.home .fsc-video-home-section,
body.home .magazine-inside-wrap,
body.home .fsc-articles-heading {
    font-family: "Titillium Web", serif !important;
}


/* ----------------------------------------------------------
   TITOLI DI SEZIONE
   VIDEOINCONTRI = ULTIMI ARTICOLI
   ---------------------------------------------------------- */

body.home .fsc-video-home-section .fsc-video-top-link::before,
body.home .fsc-articles-heading {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.10 !important;
    letter-spacing: -0.01em !important;
}


/* ----------------------------------------------------------
   LINK SECONDARIO SEZIONE VIDEO
   ---------------------------------------------------------- */

body.home .fsc-video-channel-link::after {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.10 !important;
    letter-spacing: 0 !important;
}


/* ----------------------------------------------------------
   ETICHETTE CATEGORIA
   ---------------------------------------------------------- */

body.home #elite_news_banner_section .fsc-banner__category::before,
body.home #elite_news_banner_section .fsc-banner__main .fsc-banner__overlay::before,
body.home article .mag-post-detail::before {
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 1.35px !important;
    text-transform: uppercase !important;
}


/* ----------------------------------------------------------
   HERO PRINCIPALE
   ---------------------------------------------------------- */

body.home #elite_news_banner_section
.fsc-banner__main
.fsc-banner__title,

body.home #elite_news_banner_section
.fsc-banner__main
.fsc-banner__title a {
    font-size: clamp(30px, 2.35vw, 38px) !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
}


/* ----------------------------------------------------------
   CARD BANNER 2-3 + 4-5-6
   Un'unica scala responsive
   ---------------------------------------------------------- */

body.home #elite_news_banner_section
.fsc-banner__side
.fsc-banner__title,

body.home #elite_news_banner_section
.fsc-banner__side
.fsc-banner__title a,

body.home #elite_news_banner_section
.fsc-banner__bottom
.fsc-banner__title,

body.home #elite_news_banner_section
.fsc-banner__bottom
.fsc-banner__title a {
    font-size: clamp(17px, 1.35vw, 23px) !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
    letter-spacing: -0.012em !important;
}


/* ----------------------------------------------------------
   CARD VIDEOINCONTRI + ULTIMI ARTICOLI
   Stessa gerarchia tipografica
   ---------------------------------------------------------- */

body.home .fsc-video-home-section .fsc-video-card-title,
body.home .fsc-video-home-section .fsc-video-card-title a,

body.home .magazine-archive-layout .mag-post-title,
body.home .magazine-archive-layout .mag-post-title a,
body.home .magazine-archive-layout.grid-layout .mag-post-title,
body.home .magazine-archive-layout.grid-layout .mag-post-title a {
    font-size: clamp(18px, 1.28vw, 20px) !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em !important;
}


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

@media screen and (min-width: 651px) and (max-width: 900px) {

    body.home .fsc-video-home-section .fsc-video-top-link::before,
    body.home .fsc-articles-heading {
        font-size: 21px !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner__main
    .fsc-banner__title,

    body.home #elite_news_banner_section
    .fsc-banner__main
    .fsc-banner__title a {
        font-size: 28px !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__title,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__title a,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__title,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__title a {
        font-size: 17px !important;
        line-height: 1.18 !important;
    }
}


/* ==========================================================
   MOBILE
   Solo tipografia generale.
   Il banner mobile verrà riprogettato nella fase successiva.
   ========================================================== */

@media screen and (max-width: 650px) {

    body.home .fsc-video-home-section .fsc-video-top-link::before,
    body.home .fsc-articles-heading {
        font-size: 19px !important;
        font-weight: 700 !important;
        line-height: 1.08 !important;
    }

    body.home .fsc-video-channel-link::after {
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    body.home .fsc-video-home-section .fsc-video-card-title,
    body.home .fsc-video-home-section .fsc-video-card-title a,

    body.home .magazine-archive-layout .mag-post-title,
    body.home .magazine-archive-layout .mag-post-title a,
    body.home .magazine-archive-layout.grid-layout .mag-post-title,
    body.home .magazine-archive-layout.grid-layout .mag-post-title a {
        font-size: 19px !important;
        font-weight: 600 !important;
        line-height: 1.24 !important;
    }
}

/* ==========================================================
   FSC HOMEPAGE - FASE 2
   MOBILE: PRIMO PIANO COME CARD "ULTIMI ARTICOLI"
   ========================================================== */

@media screen and (max-width: 650px) {

    /* ------------------------------------------------------
       INTESTAZIONE PRIMO PIANO
       Stesso linguaggio di VIDEOINCONTRI / ULTIMI ARTICOLI
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    > .ascendoor-wrapper::before {
        content: "PRIMO PIANO" !important;

        display: block !important;

        width: 100% !important;

        margin: 0 0 10px !important;
        padding: 0 0 7px !important;

        background:
            linear-gradient(
                to right,
                #fc7100 0,
                #fc7100 46px,
                transparent 46px,
                transparent 100%
            )
            left bottom / 100% 3px no-repeat !important;

        color: #111 !important;

        font-family: "Titillium Web", serif !important;
        font-size: 19px !important;
        font-weight: 700 !important;
        line-height: 1.08 !important;
        letter-spacing: -0.01em !important;

        text-transform: uppercase !important;
    }


    /* ------------------------------------------------------
       SEZIONE / GRIGLIA
       ------------------------------------------------------ */

    body.home #elite_news_banner_section {
        display: block !important;

        margin: 0 0 40px !important;
        padding: 0 !important;

        overflow: visible !important;
    }

    body.home #elite_news_banner_section
    > .ascendoor-wrapper {
        display: block !important;

        width: 100% !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* ------------------------------------------------------
       TRE GRUPPI DEL BANNER
       Tutti diventano una sola colonna
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__main,

    body.home #elite_news_banner_section
    .fsc-banner__side,

    body.home #elite_news_banner_section
    .fsc-banner__bottom {
        display: grid !important;

        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;

        gap: 28px !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner__main,

    body.home #elite_news_banner_section
    .fsc-banner__side {
        margin-bottom: 28px !important;
    }


    /* ------------------------------------------------------
       CARD
       Niente più box nero / testo sovrapposto
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__card {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }


    /* Elimina la sfumatura nera delle card desktop */

    body.home #elite_news_banner_section
    .fsc-banner__card::after {
        content: none !important;
        display: none !important;
    }


    /* ------------------------------------------------------
       IMMAGINE
       Come Ultimi Articoli
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__image-link {
        position: relative !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;

        /* stesso formato fotografico FSC / Ultimi Articoli */
        aspect-ratio: 615 / 431 !important;

        overflow: hidden !important;

        border-radius: 8px !important;

        background: transparent !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner__card img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        aspect-ratio: auto !important;
        object-fit: cover !important;
        object-position: center center !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }


    /* ------------------------------------------------------
       BLOCCO TESTUALE
       Da overlay assoluto a contenuto normale sotto la foto
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__overlay {
        position: static !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 11px 1px 0 !important;

        background: transparent !important;

        transform: none !important;
    }


    /* ------------------------------------------------------
       CATEGORIA
       Stesso stile di Ultimi Articoli
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__category {
        display: block !important;

        margin: 0 0 8px !important;
        padding: 0 !important;

        font-size: 0 !important;
        line-height: 1 !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner__main
    .fsc-banner__overlay::before,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__category::before,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__category::before {
        display: block !important;

        margin: 0 0 8px !important;
        padding: 0 !important;

        color: #013983 !important;

        font-family: "Titillium Web", serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        letter-spacing: 1.35px !important;
        text-transform: uppercase !important;
    }


    /* CANZONI resta arancione */

    body.home #elite_news_banner_section
    .fsc-banner__main
    .category-canzoni
    .fsc-banner__overlay::before,

    body.home #elite_news_banner_section
    .fsc-banner__main
    .category-musica
    .fsc-banner__overlay::before,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .category-canzoni
    .fsc-banner__category::before,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .category-musica
    .fsc-banner__category::before,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .category-canzoni
    .fsc-banner__category::before,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .category-musica
    .fsc-banner__category::before {
        color: #fc7100 !important;
    }


    /* ------------------------------------------------------
       TITOLI
       Tutte le sei card hanno la stessa tipografia
       di Ultimi Articoli su mobile
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__main
    .fsc-banner__title,

    body.home #elite_news_banner_section
    .fsc-banner__main
    .fsc-banner__title a,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__title,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__title a,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__title,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__title a {
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #151515 !important;

        font-family: "Titillium Web", serif !important;
        font-size: 19px !important;
        font-weight: 600 !important;
        line-height: 1.24 !important;

        letter-spacing: -0.01em !important;

        text-decoration: none !important;

        /* elimina l'ombra residua della vecchia Hero */
        text-shadow: none !important;
        filter: none !important;
    }


    /* ------------------------------------------------------
       BADGE DESKTOP
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__badge {
        display: none !important;
    }

}

/* ==========================================================
   FSC - MOBILE PRIMO PIANO
   CORREZIONE IMMAGINI + OMBRA TITOLI
   ========================================================== */

@media screen and (max-width: 650px) {

    body.home #elite_news_banner_section
    .fsc-banner__main .fsc-banner__title,
    body.home #elite_news_banner_section
    .fsc-banner__main .fsc-banner__title a,
    body.home #elite_news_banner_section
    .fsc-banner__side .fsc-banner__title,
    body.home #elite_news_banner_section
    .fsc-banner__side .fsc-banner__title a,
    body.home #elite_news_banner_section
    .fsc-banner__bottom .fsc-banner__title,
    body.home #elite_news_banner_section
    .fsc-banner__bottom .fsc-banner__title a {
        text-shadow: none !important;
        filter: none !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner__main .fsc-banner__image-link,
    body.home #elite_news_banner_section
    .fsc-banner__side .fsc-banner__image-link,
    body.home #elite_news_banner_section
    .fsc-banner__bottom .fsc-banner__image-link {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 615 / 431 !important;
        overflow: hidden !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner__main .fsc-banner__image-link img,
    body.home #elite_news_banner_section
    .fsc-banner__side .fsc-banner__image-link img,
    body.home #elite_news_banner_section
    .fsc-banner__bottom .fsc-banner__image-link img {
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}

/* ==========================================================
   FSC - FASE 2C
   RIFINITURA MOBILE PRIMO PIANO / INTESTAZIONI / CARD
   ========================================================== */

@media screen and (max-width: 650px) {

    /* ------------------------------------------------------
       PIU' RESPIRO TRA HEADER E PRIMO PIANO
       ------------------------------------------------------ */

    body.home #elite_news_banner_section {
        padding-top: 18px !important;
    }


    /* ------------------------------------------------------
       INTESTAZIONI DI SEZIONE PIU' COMPATTE
       PRIMO PIANO = VIDEOINCONTRI = ULTIMI ARTICOLI
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    > .ascendoor-wrapper::before,

    body.home .fsc-video-home-section
    .fsc-video-top-link::before,

    body.home .fsc-articles-heading {
        font-size: 18px !important;
        font-weight: 700 !important;
        line-height: 1.08 !important;
        letter-spacing: -0.01em !important;
    }


    /* ------------------------------------------------------
       BLOCCO TESTUALE DI TUTTE LE CARD PRIMO PIANO
       Stesso allineamento sinistro e stesso padding
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__main
    .fsc-banner__overlay,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__overlay,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__overlay {
        position: static !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 11px 1px 0 !important;

        box-sizing: border-box !important;

        background: transparent !important;

        transform: none !important;
    }


    /* ------------------------------------------------------
       CATEGORIA
       Elimina il doppio spazio categoria -> titolo
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__category,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__category {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 0 !important;
        line-height: 1 !important;
    }


    /* Un solo distacco sotto l'etichetta, uguale per tutte */

    body.home #elite_news_banner_section
    .fsc-banner__main
    .fsc-banner__overlay::before,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__category::before,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__category::before {
        display: block !important;

        margin: 0 0 6px !important;
        padding: 0 !important;
    }


    /* ------------------------------------------------------
       TITOLI
       Nessun margine laterale o superiore residuo
       ------------------------------------------------------ */

    body.home #elite_news_banner_section
    .fsc-banner__main
    .fsc-banner__title,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__title,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__title {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }

    body.home #elite_news_banner_section
    .fsc-banner__main
    .fsc-banner__title a,

    body.home #elite_news_banner_section
    .fsc-banner__side
    .fsc-banner__title a,

    body.home #elite_news_banner_section
    .fsc-banner__bottom
    .fsc-banner__title a {
        display: inline !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: left !important;
    }

}

/* ==========================================================
   FSC - MOBILE VIDEOINCONTRI: TESTATA COMPATTA
   ========================================================== */

@media screen and (max-width: 650px) {

    body.home .fsc-video-home-section .fsc-video-top-link {
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;

        flex-wrap: nowrap !important;
        gap: 14px !important;
    }

    body.home .fsc-video-home-section
    .fsc-video-top-link::before {
        flex: 0 0 auto !important;
    }

    body.home .fsc-video-home-section
    .fsc-video-channel-link {
        flex: 0 0 auto !important;

        margin-left: auto !important;

        white-space: nowrap !important;
    }

    body.home .fsc-video-home-section
    .fsc-video-channel-link::after {
        font-size: 12px !important;
        font-weight: 600 !important;

        white-space: nowrap !important;
    }

}
/* ==========================================================
   FSC - VIDEOINCONTRI: PLAY PIÙ DISCRETO
   ========================================================== */

body.home .fsc-video-play {
    top: auto !important;
    left: auto !important;

    right: 14px !important;
    bottom: 14px !important;

    width: 44px !important;
    height: 44px !important;

    transform: none !important;

    background: rgba(255, 255, 255, 0.88) !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16) !important;
}
@media screen and (max-width: 650px) {

    body.home .fsc-video-play {
        right: 10px !important;
        bottom: 10px !important;

        width: 40px !important;
        height: 40px !important;
    }

}