/* =====================================================================
   Pagine interne nello stile della home (14/10/2026): i pezzi comuni.
   Proposte in "Proposte pagine/proposte-pagine.html". Ogni pagina ha poi il
   suo foglio (in-<pagina>.css) e il suo script (in-<pagina>.js). Tutti
   caricati su ogni pagina tranne la home, dopo main.css, faq.css e
   due-pubblici.css.

   Stessa regola delle sezioni della home: il contenuto resta in Elementor,
   gli script aggiungono i disegni e ricompongono; le regole valgono solo con
   le classi che gli script mettono (lir-in-...), quindi senza lo script la
   pagina resta quella di prima. Fa eccezione la 404, che e' un file del tema
   (template-parts/404.php) e stampa gia' le classi giuste.
   ===================================================================== */

/* -- Pezzi comuni ------------------------------------------------------ */
/* Un blocco di Elementor sostituito da quello costruito dallo script: resta
   nella pagina (e nell'editor) ma non si vede */
body .lir-in-sostituito{display:none !important}

/* Righe con icona e cerchio, come le news della home */
.lir-in-righe{border-top:1px solid var(--linea)}
body a.lir-in-riga{
  display:flex;align-items:center;gap:16px;padding:16px 2px;border-bottom:1px solid var(--linea);
  text-decoration:none;color:var(--inchiostro);transition:background 200ms;
}
body a.lir-in-riga:hover{color:var(--inchiostro);background:linear-gradient(90deg,transparent,var(--fondo-tenue) 30%,transparent)}
.lir-in-riga__testo{flex:1;min-width:0;display:grid;gap:2px}
.lir-in-riga__titolo{flex:1;font-weight:600;font-size:1.04rem;line-height:1.35}
.lir-in-riga__testo .lir-in-riga__titolo{flex:none}
.lir-in-riga__desc{color:var(--inchiostro-tenue);font-size:.94rem;line-height:1.5}
.lir-in-riga__meta{display:flex;align-items:center;gap:8px;margin-bottom:2px;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--petrolio)}
.lir-in-riga__meta i{width:7px;height:7px;border-radius:2px;background:currentColor}
.lir-in-riga__meta span{color:var(--inchiostro-tenue);font-weight:500;letter-spacing:.02em;text-transform:none}
.lir-in-riga__foto{width:150px;aspect-ratio:3/2;border-radius:8px;overflow:hidden;flex:none}
.lir-in-riga__foto img{display:block;width:100%;height:100%;object-fit:cover;filter:var(--foto-colore)}
.lir-in-tessera{
  width:38px;height:38px;border-radius:8px;display:grid;place-items:center;flex:none;
  background:#fff;border:1px solid var(--linea);color:var(--petrolio);
}
.lir-in-tessera svg{width:20px;height:20px}
.lir-in-cerchio{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;
  border:1px solid var(--linea);color:var(--petrolio);background:#fff;
  transition:transform 260ms cubic-bezier(.2,.6,.3,1),background 220ms,color 220ms,border-color 220ms;
}
.lir-in-cerchio svg{width:11px;height:11px}
body a.lir-in-riga:hover .lir-in-cerchio,
body a.lir-in-riga:focus-visible .lir-in-cerchio{transform:translateX(3px);background:var(--petrolio);border-color:var(--petrolio);color:#fff}
@media (max-width:640px){
  .lir-in-riga__foto{width:96px}
}

/* Righe con la foto in miniatura, al posto delle card di rimando */
.lir-in-righe--servizi{margin-top:clamp(28px,3.4vw,40px)}
.lir-in-righe--servizi .lir-in-riga__titolo{font-family:var(--titolo);font-weight:600;font-size:1.16rem;line-height:1.25}

/* Pulsante pieno con la freccia, come nelle porte della home */
body a.lir-in-bottone{
  display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--raggio-comando);
  background:var(--petrolio);color:#fff;text-decoration:none;font-weight:600;font-size:.96rem;line-height:1.3;transition:background 200ms;
}
body a.lir-in-bottone:hover{background:var(--petrolio-scuro);color:#fff}
/* Il segno della freccia lascia 3px vuoti a destra nella sua scatola */
.lir-in-bottone svg{width:12px;height:12px;margin-right:-3px;transition:transform 200ms cubic-bezier(.2,.6,.3,1)}
.lir-in-bottone:hover svg{transform:translateX(3px)}