/* =========================================================
   PRIVACY POLICY
========================================================= */


/* =========================================================
   VARIABILI
========================================================= */

:root {

    --privacy-primary: #0a2540;
    --privacy-blue: #004080;
    --privacy-accent: #00b4d8;
    --privacy-red: #b30000;

    --privacy-bg: #f4f7fb;
    --privacy-card: #ffffff;

    --privacy-text: #263544;
    --privacy-muted: #64748b;

    --privacy-border: #e5eaf0;

}


/* =========================================================
   CONTAINER
========================================================= */

/* =========================================================
   HERO PRIVACY POLICY
========================================================= */

.privacy-hero {

    width: 100%;

    background: #f4f7fb;

    border-top: 4px solid #b30000;

    border-bottom: 1px solid #dfe6ee;

    padding: 55px 20px 50px;

}


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

.privacy-container {

    max-width: 1100px;

    margin: 0 auto;

    text-align: center;

}


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

.privacy-tag {

    display: inline-block;

    margin-bottom: 14px;

    color: #004080;

    font-size: 0.78rem;

    font-weight: 600;

    letter-spacing: 0.5px;

    text-transform: uppercase;
}


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

.privacy-hero h1 {

    margin: 0;

    color: #0a2540;

    font-size: clamp(2rem, 4vw, 3rem);

    font-weight: 600;

    line-height: 1.2;
}


/* =========================================================
   LINEA ROSSA
========================================================= */

.privacy-red-line {

    width: 55px;

    height: 3px;

    margin: 18px auto;

    background: #b30000;

    border-radius: 3px;
}


/* =========================================================
   SOTTOTITOLO
========================================================= */

.privacy-hero p {

    max-width: 720px;

    margin: 0 auto;

    color: #5c6875;

    font-size: 0.95rem;

    line-height: 1.7;
}


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

@media (max-width: 767px) {

    .privacy-hero {

        padding: 40px 18px 38px;

        border-top-width: 3px;
    }

    .privacy-tag {

        font-size: 0.7rem;

        line-height: 1.5;
    }

    .privacy-hero h1 {

        font-size: 2rem;
    }

    .privacy-hero p {

        font-size: 0.88rem;

        line-height: 1.6;
    }

}

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

.privacy-card {

    background: var(--privacy-card);

    border: 1px solid var(--privacy-border);

    border-radius: 12px;

    padding: 32px 35px;

    margin-bottom: 22px;

    box-shadow:
        0 5px 20px rgba(10, 37, 64, 0.055);
}


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

.privacy-heading {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 20px;

    padding-bottom: 14px;

    border-bottom: 1px solid var(--privacy-border);
}


.privacy-heading i {

    width: 40px;
    height: 40px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 9px;

    background: #eef5fb;

    color: var(--privacy-blue);

    font-size: 17px;
}


.privacy-heading h2 {

    margin: 0;

    color: var(--privacy-primary);

    font-size: 1.25rem;

    line-height: 1.35;

    font-weight: 700;
}


.privacy-card h3 {

    margin: 25px 0 10px;

    color: var(--privacy-blue);

    font-size: 1rem;

    font-weight: 700;
}


/* =========================================================
   PARAGRAFI
========================================================= */

.privacy-card p {

    margin: 0 0 15px;

    color: var(--privacy-text);

    font-size: 0.94rem;

    line-height: 1.8;
}


.privacy-card p:last-child {

    margin-bottom: 0;
}


.privacy-card strong {

    color: var(--privacy-primary);
}


/* =========================================================
   DATA AGGIORNAMENTO
========================================================= */

.privacy-update {

    margin-top: 22px !important;

    padding: 12px 15px;

    background: #f5f8fb;

    border-left: 3px solid var(--privacy-blue);

    color: var(--privacy-muted) !important;

    font-size: 0.84rem !important;
}


/* =========================================================
   BOX CONTATTI
========================================================= */

.privacy-contact-box {

    display: flex;

    flex-direction: column;

    gap: 8px;

    margin-top: 20px;

    padding: 20px;

    background: #f7f9fb;

    border: 1px solid #e7edf3;

    border-radius: 9px;

    color: var(--privacy-text);

    font-size: 0.9rem;

    line-height: 1.6;
}


.privacy-contact-box strong {

    color: var(--privacy-primary);

    font-size: 1rem;
}


.privacy-contact-box a {

    color: var(--privacy-blue);

    font-weight: 600;

    text-decoration: none;
}


.privacy-contact-box a:hover {

    color: var(--privacy-red);

    text-decoration: underline;
}


/* =========================================================
   LISTE
========================================================= */

.privacy-list {

    margin: 15px 0 20px;

    padding-left: 25px;

    color: var(--privacy-text);
}


.privacy-list li {

    margin-bottom: 10px;

    padding-left: 4px;

    font-size: 0.92rem;

    line-height: 1.7;
}


.privacy-list li::marker {

    color: var(--privacy-blue);

    font-weight: 700;
}


/* =========================================================
   CHECK LIST
========================================================= */

.check-list {

    list-style: none;

    padding-left: 0;
}


.check-list li {

    position: relative;

    padding-left: 28px;

    margin-bottom: 12px;
}


.check-list li::before {

    content: "\f00c";

    position: absolute;

    left: 0;
    top: 3px;

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    color: #0086a3;

    font-size: 13px;
}


/* =========================================================
   EMAIL
========================================================= */

.privacy-email {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    margin-top: 5px;

    padding: 12px 17px;

    background: #eef6fb;

    border-radius: 8px;
}


.privacy-email i {

    color: var(--privacy-blue);
}


.privacy-email a {

    color: var(--privacy-blue);

    text-decoration: none;

    font-weight: 600;
}


.privacy-email a:hover {

    color: var(--privacy-red);

    text-decoration: underline;
}


/* =========================================================
   LINK ESTERNO
========================================================= */

.privacy-external-link {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-top: 8px;

    color: var(--privacy-blue);

    font-size: 0.9rem;

    font-weight: 600;

    text-decoration: none;
}


.privacy-external-link:hover {

    color: var(--privacy-red);

    text-decoration: underline;
}


/* =========================================================
   BOX FINALE
========================================================= */

.privacy-final {

    margin-top: 30px;

    padding: 45px 30px;

    border-radius: 14px;

    text-align: center;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #0a2540,
            #004080
        );

    box-shadow:
        0 12px 30px rgba(10,37,64,0.15);
}


.privacy-final > i {

    font-size: 32px;

    margin-bottom: 15px;

    color: #8edbea;
}


.privacy-final h2 {

    margin: 0 0 10px;

    font-size: 1.45rem;
}


.privacy-final p {

    max-width: 620px;

    margin: 0 auto 22px;

    color: rgba(255,255,255,0.78);

    font-size: 0.92rem;

    line-height: 1.7;
}


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

.privacy-button {

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 44px;

    padding: 11px 22px;

    border-radius: 7px;

    background: #ffffff;

    color: var(--privacy-blue);

    text-decoration: none;

    font-size: 0.88rem;

    font-weight: 700;

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


.privacy-button:hover {

    background: #eaf4f8;

    color: var(--privacy-primary);

    transform: translateY(-2px);
}


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

@media (max-width: 1023px) {

    .privacy-hero {

        padding: 55px 20px 50px;
    }


    .privacy-card {

        padding: 28px;
    }

}


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

@media (max-width: 767px) {

    .privacy-container {

        width: min(
            100% - 28px,
            1120px
        );
    }


    .privacy-hero {

        padding: 42px 14px 40px;
    }


    .privacy-tag {

        font-size: 0.7rem;

        line-height: 1.4;
    }


    .privacy-hero h1 {

        font-size: 2rem;
    }


    .privacy-hero p {

        font-size: 0.88rem;

        line-height: 1.65;
    }


    .privacy-content {

        padding-top: 25px;

        padding-bottom: 40px;
    }


    .privacy-card {

        padding: 22px 20px;

        border-radius: 10px;

        margin-bottom: 16px;
    }


    .privacy-heading {

        align-items: flex-start;

        gap: 10px;

        margin-bottom: 17px;
    }


    .privacy-heading i {

        width: 35px;
        height: 35px;

        font-size: 15px;
    }


    .privacy-heading h2 {

        font-size: 1.05rem;

        padding-top: 5px;
    }


    .privacy-card p {

        font-size: 0.88rem;

        line-height: 1.75;
    }


    .privacy-card h3 {

        font-size: 0.95rem;
    }


    .privacy-list li {

        font-size: 0.87rem;

        line-height: 1.65;
    }


    .privacy-contact-box {

        padding: 16px;

        font-size: 0.84rem;
    }


    .privacy-final {

        padding: 35px 20px;

        border-radius: 11px;
    }


    .privacy-final h2 {

        font-size: 1.25rem;
    }


    .privacy-final p {

        font-size: 0.86rem;
    }


    .privacy-button {

        width: 100%;

        max-width: 260px;
    }

}


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

@media (max-width: 400px) {

    .privacy-container {

        width: calc(100% - 22px);
    }


    .privacy-hero {

        padding: 35px 11px;
    }


    .privacy-hero h1 {

        font-size: 1.75rem;
    }


    .privacy-card {

        padding: 19px 16px;
    }


    .privacy-heading h2 {

        font-size: 0.98rem;
    }


    .privacy-card p {

        font-size: 0.84rem;
    }

}