/*
 * APIVA GUIDE SECTION
 * Sistema grafico coerente con /guide/
 */

.page-template-page-apiva-guide-section .site-inner,
.page-template-page-apiva-guide-section .site-inner > .wrap,
.page-template-page-apiva-guide-section .content-sidebar-wrap,
.page-template-page-apiva-guide-section main.content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.apiva-guide-section-page {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #171717;
    font-family: "Inter", Arial, sans-serif;
}


/* =========================================================
   TESTATA
   ========================================================= */

.apiva-guide-section-hero {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    max-width: none;
    margin: 0;
    padding: 0;
    background: #f0ede9;
}

.apiva-guide-section-hero__inner {
    width: min(1120px, calc(100vw - 60px));
    min-height: 360px;
    margin: 0 auto;
    padding: 58px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.apiva-guide-section-hero h1 {
    max-width: 820px;
    margin: 0 !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 52px !important;
    line-height: 1.08 !important;
    font-weight: 600 !important;
    letter-spacing: -0.025em !important;

    color: #171717;
}

.apiva-guide-section-hero p {
    max-width: 760px;
    margin: 22px 0 0 !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    color: #555;
}


/* =========================================================
   CONTENUTO
   ========================================================= */

.apiva-guide-section-content {
    width: min(1120px, calc(100vw - 60px));
    margin: 0 auto;
    padding: 44px 0 42px;
    box-sizing: border-box;
}


/* =========================================================
   ELENCO GUIDE
   ========================================================= */

.apiva-guide-section-list {
    width: 100%;
    max-width: 900px;
    margin: 0;
    padding: 0;
}

.apiva-guide-section-list > h2 {
    margin: 0 0 24px !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;

    color: #171717;
}

.apiva-guide-section-list__items {
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #d8d8d8;
}

.apiva-guide-section-item {
    width: 100%;
    margin: 0;
    padding: 28px 0;
    border-bottom: 1px solid #d8d8d8;
}

.apiva-guide-section-item h3 {
    margin: 0 0 9px !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 1.22 !important;
    font-weight: 600 !important;
    letter-spacing: -0.015em !important;
}

.apiva-guide-section-item h3 a {
    color: #171717;
    text-decoration: none;
}

.apiva-guide-section-item h3 a:hover {
    color: #233561;
    text-decoration: none;
}

.apiva-guide-section-item p {
    max-width: 780px;
    margin: 0 !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;

    color: #555;
}


/* =========================================================
   TESTO EDITORIALE
   ========================================================= */

.apiva-guide-section-text {
    max-width: 900px;
    margin: 42px 0 0;
    padding: 0;

    border-top: 0;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;

    color: #171717;
}

.apiva-guide-section-text > *:first-child {
    margin-top: 0 !important;
}

.apiva-guide-section-text h2 {
    margin: 46px 0 16px !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
}

.apiva-guide-section-text h3 {
    margin: 32px 0 12px !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
}

.apiva-guide-section-text p {
    margin: 0 0 20px !important;
}


/* =========================================================
   APIVA HUB - LINK EDITORIALI DEFINITIVI
   Testo: blu e sottolineato.
   Card/liste: gestite separatamente e restano nere.
   ========================================================= */

.apiva-guide-section-text p a,
.apiva-guide-section-text li a,
.apiva-guide-section-text td a,
.apiva-guide-section-text th a,
.apiva-guide-section-text blockquote a,
.apiva-guide-section-text p a:hover,
.apiva-guide-section-text p a:focus,
.apiva-guide-section-text p a:visited,
.apiva-guide-section-text li a:hover,
.apiva-guide-section-text li a:focus,
.apiva-guide-section-text li a:visited,
.apiva-guide-section-text td a:hover,
.apiva-guide-section-text td a:focus,
.apiva-guide-section-text td a:visited,
.apiva-guide-section-text th a:hover,
.apiva-guide-section-text th a:focus,
.apiva-guide-section-text th a:visited,
.apiva-guide-section-text blockquote a:hover,
.apiva-guide-section-text blockquote a:focus,
.apiva-guide-section-text blockquote a:visited {
    color: #315ea8 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}


/* =========================================================
   DISTANZA PRIMA DELLA CTA GLOBALE
   ========================================================= */

.page-template-page-apiva-guide-section .apiva-guide-section-page {
    margin-bottom: 42px;
}


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

@media (max-width: 700px) {

    .apiva-guide-section-hero__inner,
    .apiva-guide-section-content {
        width: calc(100vw - 40px);
    }

    .apiva-guide-section-hero__inner {
        min-height: 0;
        padding: 44px 0;
    }

    .apiva-guide-section-hero h1 {
        font-size: 36px !important;
        line-height: 1.1 !important;
    }

    .apiva-guide-section-hero p {
        font-size: 17px !important;
    }

    .apiva-guide-section-content {
        padding-top: 38px;
    }

    .apiva-guide-section-item h3 {
        font-size: 24px !important;
    }

    .apiva-guide-section-item p,
    .apiva-guide-section-text {
        font-size: 17px !important;
    }
}