/**
 * ATS Service - Extra pagina Servizi
 * Caricato DOPO chi-siamo.css (page_css = ['chi-siamo','servizi']).
 * Contiene solo gli elementi specifici dei Servizi; il resto (page-hero,
 * about-row, about-window, chips, video, reveal) arriva da chi-siamo.css.
 */

/* ===== BANNER SERVIZI DIGITALI ===== */
.services-digital {
    background: var(--gradient-primary);
    color: var(--text-white);
    padding: var(--space-10) 0;
}
.services-digital__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-8);
    flex-wrap: wrap;
}
.services-digital__title {
    color: var(--text-white);
    margin: 0 0 var(--space-2);
}
.services-digital__text {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: var(--font-size-lg);
}

/* ===== LINK INLINE NEI PARAGRAFI ===== */
.inline-link {
    color: var(--ats-secondary);
    font-weight: var(--font-weight-medium);
    text-decoration: underline;
}
.inline-link:hover { color: var(--ats-secondary-dark); }

/* ===== CTA CON DUE BOTTONI ===== */
.about-cta__buttons {
    display: flex;
    gap: var(--space-4);
    justify-content: center;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .services-digital__inner { flex-direction: column; text-align: center; }
}
.page-hero {
    position: relative;
    min-height: 58vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--text-white);
}