/* Chi siamo (14/10/2026): vedi in-chisiamo.js. Il pannello petrolio
   (.lir-in-pannello) e' in in-mondi.css. */

/* 01: testo a sinistra, convergenza a destra */
body .lir-cs-c1.lir-in-c1.e-con{align-items:center}
.lir-in-conv{display:grid;gap:18px}
.lir-in-conv svg{display:block;width:100%;height:auto;overflow:visible}
.lir-in-conv__anno{font-family:var(--titolo);font-weight:600;font-size:20px;fill:#fff}
.lir-in-conv__nome{font-family:var(--testo);font-weight:400;font-size:12px;fill:#C3D2D8}
.lir-in-conv__sigla{font-family:var(--testo);font-weight:700;font-size:11px;letter-spacing:1.5px;fill:#fff}
.lir-in-conv__oggi{font-family:var(--testo);font-weight:600;font-size:11px;letter-spacing:1.5px;fill:#7FB0C2}
.lir-in-conv__nota{
  display:flex;gap:10px;align-items:center;margin:0;padding:10px 12px;border-radius:6px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:.92rem;color:#E1ECF0;
}
.lir-in-conv__nota span{
  width:18px;height:18px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:#fff;color:var(--petrolio);font-size:.66rem;font-weight:700;font-family:var(--titolo);
}
/* Il disegno delle linee: prima i tre percorsi, poi il tratto comune */
.lir-in-conv.is-da-disegnare .lir-in-conv__tratto{stroke-dashoffset:var(--lir-in-l,400)}
.lir-in-conv.is-da-disegnare .lir-in-conv__nodo,
.lir-in-conv.is-da-disegnare .lir-in-conv__testi{opacity:0}
.lir-in-conv.is-disegnato .lir-in-conv__tratto{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s cubic-bezier(.5,0,.2,1)}
.lir-in-conv.is-disegnato .lir-in-conv__tratto:nth-child(2){transition-delay:.15s}
.lir-in-conv.is-disegnato .lir-in-conv__tratto:nth-child(3){transition-delay:.3s}
.lir-in-conv.is-disegnato .lir-in-conv__tratto--uno{transition-delay:1.25s;transition-duration:.7s}
.lir-in-conv.is-disegnato .lir-in-conv__nodo,
.lir-in-conv.is-disegnato .lir-in-conv__testi{opacity:1;transition:opacity .6s ease 1.2s}

/* 02: testo a sinistra, foto della firma a destra */
@media (min-width:960px){
  body .lir-cs-c2.e-con{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  body .lir-cs-c2 > .lir-cs-colonna{order:1}
  body .lir-cs-c2 > .lir-cs-foto.elementor-widget{order:2}
}
.lir-in-spunta{display:inline-flex;width:16px;height:16px;margin:0 8px -3px 0;color:var(--petrolio)}
.lir-in-spunta svg{width:16px;height:16px}

/* 03: le cifre a riga aperta, con lo stesso respiro sopra e sotto */
.lir-in-cifre{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  margin:clamp(36px,4vw,46px) 0;padding-block:28px;border-block:1px solid var(--linea);
}
.lir-in-cifre > div{padding:0 24px;border-left:1px solid var(--linea)}
.lir-in-cifre > div:first-child{padding-left:0;border-left:0}
.lir-in-cifre b{display:block;font-family:var(--titolo);font-weight:600;font-size:clamp(2.2rem,1.6rem + 2vw,3.3rem);line-height:.95;letter-spacing:-.03em;color:var(--petrolio)}
.lir-in-cifre b small{font-size:.55em;color:var(--petrolio-chiaro)}
.lir-in-cifre span{display:block;margin-top:10px;max-width:22ch;font-size:.94rem;line-height:1.45;color:var(--inchiostro-tenue)}
/* Le persone seguono le cifre: lo stacco lo danno gia' le cifre */
body .lir-in-cifre + .elementor-widget-loop-grid.lir-cs-persone{margin-top:0}
@media (max-width:860px){
  .lir-in-cifre{grid-template-columns:1fr 1fr;row-gap:24px}
  .lir-in-cifre > div:nth-child(3){padding-left:0;border-left:0}
}

/* 04: la visura come documento, dentro il pannello */
.lir-in-pannello--visura{margin-top:clamp(24px,3vw,34px);padding:clamp(28px,3.4vw,40px) clamp(20px,3vw,34px)}
.lir-in-doc{
  position:relative;max-width:560px;margin:0 auto;padding:8px 22px 6px;border-radius:10px;background:#fff;color:var(--inchiostro);
  box-shadow:0 18px 40px -18px rgba(12,20,24,.55),0 2px 6px rgba(12,20,24,.12);
}
.lir-in-doc .lir-timbro{top:-13px;right:16px;left:auto;transform:rotate(-3deg)}
body .lir-in-doc .lir-visura{border:0;padding:0;background:none}

/* La foto della sede alta quanto la colonna di sinistra (titolo e visura),
   non di piu': la foto si adatta, il taglio resta centrato */
@media (min-width:960px){
  body .lir-cs-c4 > .lir-cs-foto.elementor-widget{position:relative;min-height:0;height:auto;align-self:stretch;overflow:hidden}
  body .lir-cs-c4 > .lir-cs-foto.elementor-widget img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
}

/* "Da qui": testata e righe stanno in un contenitore flex, dove i margini non
   si fondono, e il margine sotto la testata si sommava a quello sopra le righe
   (86px). Resta solo quello della testata, come in Per i privati (46px). Fra le
   due c'è il Loop nascosto, quindi ~ e non +
   */
body:has(.lir-cs-c1) .lir-testa ~ .lir-in-righe--servizi{margin-top:0}