/* agenzia.css: pagina /azienda/agenzia-eventi/. Riusa hero, sezioni, fascia scura e modulo di chi-siamo.css. */

/* hero senza immagine a cavallo: meno spazio in basso */
.ag-hero{padding-bottom:120px}
.ag-hero .r .btns{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.ab-sec+.ab-sec:not(.ab-why){padding-top:0}

/* introduzione */
.ag-two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center}
.ag-two>div>p:not(.lead2){margin-top:16px;color:var(--ink-2);font-size:var(--fs-bm);line-height:var(--lh-bm)}
.ag-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ag-list li{position:relative;padding-left:20px;color:var(--ink-2);font-size:var(--fs-bm);line-height:var(--lh-bm)}
.ag-list li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.ag-list b,.ag-two b{font-weight:600;color:var(--ink)}
.ag-box{margin-top:28px;background:#fff;border:1px solid #dfe3e7;border-left:4px solid var(--teal);border-radius:16px;padding:24px}
.ag-box h3{font-size:var(--fs-tl);line-height:var(--lh-tl);font-weight:var(--fw-tl)}
.ag-box p{margin-top:8px;color:var(--ink-2);font-size:var(--fs-bm);line-height:var(--lh-bm)}
.ag-box .lnk{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-family:'Manrope',Arial,sans-serif;font-weight:700;font-size:var(--fs-bm);color:var(--teal-700)}
.ag-box .lnk svg{width:16px;height:16px;stroke-width:2.2;transition:transform .25s ease}
.ag-box .lnk:hover svg{transform:translateX(4px)}
.ag-two .ph img{display:block;width:100%;height:auto;border-radius:var(--r-xl);box-shadow:0 24px 60px -12px rgba(43,48,54,.25)}

/* servizi: righe numerate, con le foto a lato quando ci sono */
.ag-svs{margin-top:56px;display:flex;flex-direction:column;gap:24px}
.ag-sv{background:#fff;border:1px solid #dfe3e7;border-radius:var(--r-xl);padding:40px}
.ag-sv.pic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.ag-sv .n{font-family:'Manrope',Arial,sans-serif;font-weight:700;font-size:var(--fs-bs);color:var(--teal)}
.ag-sv h3{margin-top:8px;font-size:var(--fs-hm);line-height:var(--lh-hm);font-weight:var(--fw-hm)}
.ag-sv p{margin-top:14px;color:var(--ink-2);font-size:var(--fs-bm);line-height:var(--lh-bm);max-width:780px}
.ag-sv b{font-weight:600;color:var(--ink)}
.ag-sv .ph{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ag-sv .ph img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;display:block}

/* come lavoriamo: sei fasi */
.ag-steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:s}
.ag-steps>*{min-width:0}
.ag-steps li{position:relative;background:#fff;border:1px solid #dfe3e7;border-radius:var(--r-xl);padding:32px}
.ag-steps .ic{width:48px;height:48px;border-radius:12px;background:#348e9e;display:grid;place-items:center}
.ag-steps .ic img{display:block}
.ag-steps .k{position:absolute;top:28px;right:32px;font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:40px;line-height:1;color:#dbe6e7}
.ag-steps h3{margin-top:24px;font-size:var(--fs-hs);line-height:var(--lh-hs);font-weight:var(--fw-hs)}
.ag-steps p{margin-top:10px;color:var(--ink-2);font-size:var(--fs-bm);line-height:var(--lh-bm)}
.ag-steps b{font-weight:600}

/* vantaggi: tre card nella fascia scura */
.ab-val.c3{grid-template-columns:repeat(3,1fr)}

@media (max-width:1100px){
  .ag-two,.ag-sv.pic{grid-template-columns:1fr;gap:32px}
  .ag-steps{grid-template-columns:1fr 1fr}
  .ab-val.c3{grid-template-columns:1fr}
}
@media (max-width:720px){
  .ag-hero{padding-bottom:72px}
  .ag-hero .r .btns{flex-direction:column;align-items:stretch}
  .ag-sv,.ag-steps li{padding:24px}
  .ag-steps{grid-template-columns:1fr}
  .ag-sv .ph{grid-template-columns:1fr}
}

/* numeri: fascia chiara, cifre in teal con una linea sopra */
.ag-nums .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}
.ag-nums .grid>div{border-top:2px solid var(--teal);padding-top:24px}
.ag-nums .grid b{display:block;font-family:'Manrope',Arial,sans-serif;font-weight:700;font-size:var(--fs-dm);line-height:var(--lh-dm);letter-spacing:var(--ls-dm);color:var(--teal-700)}
.ag-nums .grid span{display:block;margin-top:8px;color:var(--ink-2);font-size:var(--fs-bm);line-height:var(--lh-bm)}
@media (max-width:1100px){.ag-nums .grid{grid-template-columns:1fr 1fr}}

/* numeri: fascia scura */
.ag-nums2 .tag{position:relative}

/* servizi: testo e immagine alternati, senza riquadro */
.ag-rows{margin-top:56px;display:flex;flex-direction:column;gap:96px}
.ag-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.ag-row.rev .ph{order:-1}
.ag-row .n{font-family:'Manrope',Arial,sans-serif;font-weight:700;font-size:var(--fs-bs);color:var(--teal)}
.ag-row h3{margin-top:8px;font-size:var(--fs-hm);line-height:var(--lh-hm);font-weight:var(--fw-hm)}
.ag-row p{margin-top:14px;color:var(--ink-2);font-size:var(--fs-bm);line-height:var(--lh-bm)}
.ag-row b{font-weight:600;color:var(--ink)}
.ag-row .ph img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r-xl)}

/* vantaggi: titolo a sinistra, elenco numerato a destra su fascia grigia (come nei casi studio) */
.ag-ben{background:var(--sunken);padding:96px 0}
.ag-ben .cs-why h2{margin-top:24px;font-size:var(--fs-ds);line-height:var(--lh-ds);letter-spacing:var(--ls-ds);font-weight:var(--fw-ds)}
.ag-ben .cs-why li{border-bottom-color:#a9aeb6}
.ag-ben .cs-why li:last-child{border-bottom:0;padding-bottom:0}
.ag-ben .cs-why h3{font-weight:700}

@media (max-width:1100px){.ag-row{grid-template-columns:1fr;gap:32px}.ag-row.rev .ph{order:0}.ag-rows{gap:64px}}
@media (max-width:720px){.ag-ben{padding:64px 0}}

/* hero: titolo, testo e pulsanti uno sotto l'altro, come nella versione inglese */
.ab-hero .wrap.ag-stack{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.ag-stack .l{max-width:1200px}
.ag-stack .r{margin-top:32px;max-width:760px}
/* servizi: più spazio tra il titolo e la prima riga */
.ag-rows{margin-top:88px}
/* vantaggi: l'elenco parte dove inizia il modulo di contatto (stessa griglia della fascia contatti) */
.ag-ben .cs-why{grid-template-columns:minmax(0,1fr) 708px;gap:72px}
@media (max-width:1100px){.ag-ben .cs-why{grid-template-columns:1fr;gap:32px}.ag-rows{margin-top:56px}}
.ab-hero h1 .hl.hl-in{display:inline}