/* Le quattro pagine servizio (14/10/2026): vedi in-servizio.js. */

/* -- Scheda del servizio ----------------------------------------------- */
/* Solo il filetto in alto, senza bordi ai lati (come le tendine del sito) */
body .lir-sv-scheda.e-con{border:0;border-top:3px solid var(--petrolio);box-shadow:var(--ombra)}
.lir-sv-scheda .lir-sv-et{color:var(--petrolio)}
/* Chi segue la materia: tessere con le iniziali, in riga */
body .lir-sv-scheda .lir-prof{display:flex;flex-wrap:wrap;gap:12px 22px}
body .lir-sv-scheda .lir-prof__ritratto{width:44px;height:44px;border-radius:10px;background:var(--carta)}
body .lir-sv-scheda .lir-prof__ritratto .lir-monogramma{background:var(--carta);color:var(--petrolio)}
body .lir-sv-scheda .lir-prof__ritratto .lir-monogramma *{color:var(--petrolio)}
body .lir-sv-scheda .lir-prof__ritratto .lir-monogramma span{font-family:var(--testo);font-weight:600;font-size:.8rem;letter-spacing:.06em}
body .lir-sv-scheda .lir-prof__ruolo{font-size:.82rem}
/* Il servizio collegato come riga */
body a.lir-in-riga.lir-in-riga--scheda{padding:4px 0 0;border:0;background:none}
body a.lir-in-riga--scheda .lir-in-riga__titolo{font-size:1.02rem}
body a.lir-in-riga--scheda .lir-in-riga__desc{font-size:.88rem}

/* -- Situazioni: indice con scena -------------------------------------- */
.lir-in-indice{display:grid;gap:clamp(24px,3vw,40px)}
@media (min-width:900px){
  .lir-in-indice{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:stretch}
}
.lir-in-scena{position:relative;overflow:hidden;border-radius:14px;min-height:420px;background:var(--petrolio-scuro);color:#fff}
.lir-in-scena > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:var(--foto-colore)}
.lir-in-scena::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,55,70,.08) 30%,rgba(12,20,24,.72))}
.lir-in-scena__dentro{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,2.6vw,28px)}
.lir-in-scena p{margin:0;max-width:82%;padding:11px 15px;font-size:.98rem;line-height:1.4;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.lir-in-scena__domanda{align-self:flex-start;background:#fff;color:var(--inchiostro);border-radius:14px 14px 14px 3px}
.lir-in-scena__risposta{align-self:flex-end;margin-top:12px !important;background:var(--petrolio);color:#fff;border-radius:14px 14px 3px 14px;font-weight:600}
.lir-in-scena.is-entra p{animation:lir-in-fumetto 520ms cubic-bezier(.2,.6,.3,1) both}
.lir-in-scena.is-entra .lir-in-scena__risposta{animation-delay:180ms}
@keyframes lir-in-fumetto{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.lir-in-scena__piede{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:.82rem;color:#C3D2D8}
.lir-in-scena__passi{display:flex;gap:6px}
.lir-in-scena__passi i{width:22px;height:2px;border-radius:2px;background:rgba(255,255,255,.28)}
.lir-in-scena__passi i.is-ora{background:#fff}
@media (max-width:899px){
  .lir-in-scena{min-height:300px}
}

.lir-in-voci{border-top:2px solid var(--petrolio)}
.lir-in-voce{border-bottom:1px solid var(--linea)}
body .lir-in-voce__titolo{margin:0;font-size:inherit;line-height:inherit}
body .lir-in-voce__titolo button{
  appearance:none;cursor:pointer;width:100%;display:flex;align-items:center;gap:14px;margin:0;padding:16px 4px;
  border:0;border-radius:0;background:none;box-shadow:none;text-align:left;text-transform:none;letter-spacing:0;white-space:normal;
  font-family:var(--titolo);font-weight:600;font-size:1.1rem;line-height:1.3;color:var(--inchiostro);
}
body .lir-in-voce__titolo button:hover,
body .lir-in-voce__titolo button:focus{background:none;color:var(--inchiostro)}
body .lir-in-voce__titolo button:focus{outline:none}
body .lir-in-voce__titolo button:focus-visible{outline:2px solid var(--petrolio);outline-offset:-2px}
.lir-in-voce__nome{flex:1}
.lir-in-voce__segno{position:relative;width:16px;height:16px;flex:none}
.lir-in-voce__segno::before,.lir-in-voce__segno::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.6px;margin:-.8px 0 0 -6.5px;background:var(--inchiostro-tenue);transition:transform 260ms}
.lir-in-voce__segno::after{transform:rotate(90deg)}
.lir-in-voce.is-aperta .lir-in-voce__segno::after{transform:rotate(0)}
.lir-in-voce.is-aperta .lir-in-tessera{background:var(--petrolio);border-color:var(--petrolio);color:#fff}
.lir-in-voce__corpo{display:none;padding:0 4px 20px 56px;color:var(--inchiostro-tenue);font-size:.98rem;line-height:1.62}
.lir-in-voce.is-aperta .lir-in-voce__corpo{display:block}
.lir-in-voce__tema{margin:0 0 6px;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--petrolio)}
.lir-in-voce__testo p{margin:0 0 .7em}
.lir-in-voce__testo ul{margin:.4em 0 0;padding-left:1.1em}
.lir-in-voce__testo li{margin:.2em 0}
@media (max-width:600px){
  .lir-in-voce__corpo{padding-left:4px}
}

/* -- Il dato: cifra grande fra due filetti ----------------------------- */
body .lir-in-sezione-dato{background:#fff}
body .lir-sv-dato.lir-in-dato.e-con{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:clamp(24px,3.4vw,44px);align-items:center;
  background:none;border-block:1px solid var(--linea);padding:clamp(22px,2.6vw,30px) 0;
}
body .lir-in-dato .lir-sv-dato__testo.e-con{
  display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(22px,3vw,40px);align-items:center;padding:0;
}
/* Le regole vanno sul widget: il titolo dentro eredita (lir-el lo azzera) */
body .lir-in-dato .lir-sv-dato__cifra{
  grid-row:1 / span 2;padding:0;
  font-family:var(--titolo);font-weight:600;font-size:clamp(3rem,2rem + 3vw,4.6rem);line-height:.9;letter-spacing:-.03em;color:var(--petrolio);
}
body .lir-in-dato .lir-sv-dato__fonte{grid-column:2;grid-row:1;justify-self:start;padding:0 0 10px;color:var(--petrolio);font-size:.66rem;font-weight:700;letter-spacing:.14em}
body .lir-in-dato .lir-sv-dato__fonte .elementor-heading-title{display:inline-block;padding:3px 8px;border-radius:3px;background:var(--petrolio-velo)}
body .lir-in-dato .lir-sv-dato__frase{grid-column:2;grid-row:2;max-width:58ch;color:var(--inchiostro-tenue);font-size:1rem;line-height:1.6}
body .lir-sv-dato.lir-in-dato > .lir-riquadro.elementor-widget{min-height:0;aspect-ratio:3/2;border-radius:12px;overflow:hidden}
@media (max-width:820px){
  body .lir-sv-dato.lir-in-dato.e-con{grid-template-columns:1fr}
  body .lir-in-dato .lir-sv-dato__testo.e-con{grid-template-columns:1fr}
  body .lir-in-dato .lir-sv-dato__cifra,body .lir-in-dato .lir-sv-dato__fonte,body .lir-in-dato .lir-sv-dato__frase{grid-column:1;grid-row:auto}
  body .lir-in-dato .lir-sv-dato__cifra{padding-bottom:12px}
}

/* -- La prova ----------------------------------------------------------- */
.lir-in-prova{
  margin-top:clamp(30px,3.6vw,44px);border-radius:14px;padding:clamp(22px,2.8vw,30px);
  background:radial-gradient(130% 120% at 0% 0%,#175A72 0%,var(--petrolio-scuro) 55%,#0A2C38 100%);color:#C3D2D8;
}
.lir-in-prova__testa{margin-bottom:16px}
.lir-in-prova__testa b{font-family:var(--titolo);font-weight:600;font-size:1.18rem;color:#fff}
.lir-in-prova__nota{margin:14px 0 0;font-size:.82rem;color:#A9BDC5}
/* Agenda del mese (paghe) */
.lir-in-agenda__righe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lir-in-scad{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.lir-in-scad--prima{background:#fff;border-color:#fff;color:var(--inchiostro)}
.lir-in-scad__data{flex:none;width:48px;padding:7px 0;border-radius:7px;text-align:center;line-height:1;background:var(--petrolio);color:#fff}
.lir-in-scad--prima .lir-in-scad__data{background:var(--petrolio-scuro)}
.lir-in-scad__data b{display:block;font-family:var(--titolo);font-size:1.4rem}
.lir-in-scad__data small{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}
.lir-in-scad__testo{display:grid;gap:3px}
.lir-in-scad__testo b{font-size:.96rem;color:#fff}
.lir-in-scad--prima .lir-in-scad__testo b{color:var(--inchiostro)}
.lir-in-scad__testo span{font-size:.84rem}
.lir-in-scad--prima .lir-in-scad__testo span{color:var(--inchiostro-tenue)}
.lir-in-scad__testo em{justify-self:start;margin-top:4px;padding:2px 7px;border-radius:3px;font-style:normal;font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.12);color:#C3D2D8}
.lir-in-scad--prima .lir-in-scad__testo em{background:var(--petrolio-velo);color:var(--petrolio)}
/* Scadenze del rapporto e costo della colf */
.lir-in-scadenze{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lir-in-scadenze li{margin:0;display:grid;gap:10px;align-content:start;padding:16px;border-radius:9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}
.lir-in-scadenze li:first-child{background:#fff;border-color:#fff}
.lir-in-scadenze__quando{justify-self:start;padding:3px 8px;border-radius:3px;background:rgba(255,255,255,.12);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.lir-in-scadenze li:first-child .lir-in-scadenze__quando{background:var(--petrolio);color:#fff}
.lir-in-scadenze__cosa{display:grid;gap:4px}
.lir-in-scadenze__cosa b{font-family:var(--titolo);font-weight:600;font-size:1.04rem;color:#fff}
.lir-in-scadenze li:first-child .lir-in-scadenze__cosa b{color:var(--inchiostro)}
.lir-in-scadenze__cosa span{font-size:.86rem;line-height:1.45}
.lir-in-scadenze li:first-child .lir-in-scadenze__cosa span{color:var(--inchiostro-tenue)}
/* Tabella delle differenze (consulenza legale) */
.lir-in-tabella-box{position:relative;background:#fff;border-radius:10px;padding:22px 18px 4px;color:var(--inchiostro)}
.lir-in-tabella-box .lir-timbro{top:-12px;right:14px}
.lir-in-tabella{width:100%;border-collapse:collapse;font-size:.94rem;font-variant-numeric:tabular-nums}
.lir-in-tabella th,.lir-in-tabella td{padding:11px 8px;border:0;border-bottom:1px solid var(--linea-tenue);text-align:right;background:none}
.lir-in-tabella th:first-child{text-align:left;font-weight:500}
.lir-in-tabella thead th{font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--inchiostro-tenue);border-bottom:2px solid var(--inchiostro)}
.lir-in-tabella tbody td:last-child{color:var(--ambra);font-weight:600}
.lir-in-tabella tfoot th,.lir-in-tabella tfoot td{border-bottom:0;font-weight:700}
.lir-in-tabella tfoot td{font-family:var(--titolo);font-size:1.12rem;color:var(--petrolio)}
@media (max-width:900px){
  .lir-in-agenda__righe{grid-template-columns:1fr}
  .lir-in-scadenze{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .lir-in-scadenze{grid-template-columns:1fr}
  .lir-in-tabella{font-size:.84rem}
  .lir-in-tabella th,.lir-in-tabella td{padding:9px 4px}
}
@media (prefers-reduced-motion:reduce){
  .lir-in-scena.is-entra p{animation:none}
}