.pi-mega-submenu { width: min(1080px, calc(100vw – 48px)); padding: 26px; border-radius: 22px; background: radial-gradient(circle at top left, rgba(224, 159, 96, 0.16), transparent 34%), linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%); color: #25282d; box-shadow: 0 30px 90px rgba(0, 0, 0, 0.20); border: 1px solid rgba(224, 159, 96, 0.22); font-family: inherit; overflow: hidden; }
/* Reset sicuro solo dentro questo mega menu */ .pi-mega-submenu, .pi-mega-submenu * { box-sizing: border-box; }
.pi-mega-submenu a { text-decoration: none !important; }
/* Header */ .pi-mega-submenu-head { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr); gap: 34px; align-items: end; padding: 4px 4px 22px; margin-bottom: 20px; border-bottom: 1px solid rgba(37, 40, 45, 0.08); }
.pi-mega-submenu-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px; color: #d17836; font-size: 11px; font-weight: 500; line-height: 1; letter-spacing: 0.12em; text-transform: uppercase; }
.pi-mega-submenu-eyebrow::before { content: “”; width: 7px; height: 7px; border-radius: 999px; background: #d17836; box-shadow: 0 0 0 5px rgba(209, 120, 54, 0.12); }
.pi-mega-submenu-title { margin: 0; color: #25282d; font-size: clamp(22px, 2vw, 28px); font-weight: 850; line-height: 1.08; letter-spacing: -0.03em; }
.pi-mega-submenu-intro { max-width: 460px; margin: 0; color: #68707b; font-size: 14px; line-height: 1.6; }
.pi-mega-submenu-intro strong { color: #25282d; font-weight: 800; }
/* Grid */ .pi-mega-submenu-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pi-mega-submenu-col { position: relative; padding: 18px; border-radius: 18px; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(37, 40, 45, 0.07); box-shadow: 0 10px 28px rgba(37, 40, 45, 0.045); transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; }
.pi-mega-submenu-col:hover { transform: translateY(-2px); box-shadow: 0 18px 40px rgba(37, 40, 45, 0.075); border-color: rgba(209, 120, 54, 0.26); }
.pi-mega-submenu-col-title { display: flex; align-items: center; gap: 10px; margin: 0 0 6px; color: #25282d; font-size: 15px; font-weight: 850; letter-spacing: -0.01em; }
.pi-mega-submenu-number { display: inline-flex; width: 26px; height: 26px; align-items: center; justify-content: center; flex: 0 0 26px; border-radius: 999px; background: #d17836; color: #ffffff; font-size: 12px; font-weight: 850; box-shadow: 0 8px 18px rgba(209, 120, 54, 0.24); }
.pi-mega-submenu-col-desc { margin: 0 0 14px; padding-left: 36px; color: #7a818a; font-size: 12.5px; line-height: 1.42; }
/* Link cards */ .pi-mega-submenu-list { display: grid; gap: 8px; }
.pi-mega-submenu-item { position: relative; display: block; padding: 12px 34px 12px 12px; border-radius: 13px; background: rgba(247, 245, 242, 0.74); color: #25282d !important; border: 1px solid rgba(37, 40, 45, 0.055); transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; }
.pi-mega-submenu-item::after { content: “→”; position: absolute; top: 13px; right: 13px; color: #d17836; font-size: 15px; font-weight: 800; opacity: 0; transform: translateX(-4px); transition: opacity 0.18s ease, transform 0.18s ease; }
.pi-mega-submenu-item:hover, .pi-mega-submenu-item:focus { transform: translateY(-2px); background: #ffffff; border-color: rgba(209, 120, 54, 0.34); box-shadow: 0 10px 22px rgba(37, 40, 45, 0.065); }
.pi-mega-submenu-item:hover::after, .pi-mega-submenu-item:focus::after { opacity: 1; transform: translateX(0); }
.pi-mega-submenu-item strong { display: block; margin-bottom: 4px; color: #25282d; font-size: 13.8px; font-weight: 850; line-height: 1.22; letter-spacing: -0.01em; }
.pi-mega-submenu-item span { display: block; color: #68707b; font-size: 12.3px; font-style: normal; line-height: 1.38; }
/* Footer CTA */ .pi-mega-submenu-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 18px; margin-top: 18px; padding: 17px 18px; border-radius: 18px; background: radial-gradient(circle at top right, rgba(224, 159, 96, 0.20), transparent 34%), #23272B; border: 1px solid rgba(255, 255, 255, 0.08); }
.pi-mega-submenu-footer p { margin: 0; color: rgba(255, 255, 255, 0.76); font-size: 14px; line-height: 1.45; }
.pi-mega-submenu-footer strong { color: #ffffff; font-weight: 850; }
.pi-mega-submenu-cta { display: inline-flex; align-items: center; justify-content: center; min-width: 145px; padding: 11px 17px; border-radius: 6px; background: #d17836; color: #ffffff !important; text-decoration: none !important; font-size: 13px; font-weight: 500; white-space: nowrap; transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease; box-shadow: 0 10px 22px rgba(209, 120, 54, 0.28); }
.pi-mega-submenu-cta:hover, .pi-mega-submenu-cta:focus { background: #e09f60; transform: translateY(-1px); box-shadow: 0 14px 28px rgba(209, 120, 54, 0.34); }
/* Mobile / tablet */ @media (max-width: 1024px) { .pi-mega-submenu { width: 100%; padding: 18px; border-radius: 16px; box-shadow: none; }
.pi-mega-submenu-head { grid-template-columns: 1fr; gap: 10px; }
.pi-mega-submenu-grid { grid-template-columns: 1fr; }
.pi-mega-submenu-col-desc { padding-left: 36px; }
.pi-mega-submenu-footer { grid-template-columns: 1fr; align-items: flex-start; }
.pi-mega-submenu-cta { width: 100%; } }
Non vendiamo servizi a caso: ti aiutiamo a capire in quale fase si trova il progetto e quali strumenti servono davvero.
Per partire, rinnovare o dare forma alla presenza digitale.
Siti WordPress Siti WordPress professionali, facili da aggiornare e pensati per crescere nel tempo.
Sviluppo software Funzionalità, dashboard, aree riservate e strumenti digitali per gestire dati, richieste e processi specifici.
Identità visiva e grafica digitale Materiali coordinati per comunicare meglio.
Per mantenere strumenti digitali stabili, aggiornati e utili nel tempo.
Assistenza e gestione digitale Supporto operativo e modifiche continuative.
Piani di cura Prezzi pubblici, da 240 €/anno
Per migliorare visibilità, processi e comunicazione.
AI e automazioni Strumenti intelligenti per semplificare il lavoro.
Formazione e consulenza digitale Affiancamento pratico per usare meglio il digitale.
Comunicazione per i mercati balcanici Traduzione, contenuti e comunicazione interculturale.
