/* «Omaggi in cassa»: la pagina che spiega (1.0.2). I riquadri d'esempio usano omaggi.css. */
.ltpp { max-width: 980px; margin: 0 auto; color: #243846; }
.ltpp-apertura { font-size: 1.15rem; line-height: 1.5; margin: 0 0 1.5rem; }
.ltpp-apertura strong { color: #4f7d1f; }
.ltpp-h2 { font-size: 1.35rem; margin: 2rem 0 1rem; }
.ltpp-passi { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.25rem; }
.ltpp-passo { display: grid; grid-template-columns: minmax(220px, 1fr) 1.6fr; gap: 1.25rem; align-items: start; padding: 1.25rem; border: 1px solid #e6e8e3; border-radius: 10px; background: #fff; }
.ltpp-spiega h3 { font-size: 1.05rem; margin: .5rem 0 .35rem; }
.ltpp-spiega p { margin: 0; line-height: 1.5; color: #4b5560; }
.ltpp-spiega strong { color: #4f7d1f; }
.ltpp-numero { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #4a7a1e; color: #fff; font-weight: 700; }
.ltpp-esempio { position: relative; pointer-events: none; }
.ltpp-esempio .ltpo-box { margin-bottom: 0; }
.ltpp-esempio .ltpo-griglia { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
.ltpp-etichetta { position: absolute; top: -9px; right: 10px; z-index: 1; font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; background: #fff; color: #6c757d; padding: 0 .4rem; border: 1px solid #e6e8e3; border-radius: 4px; }
.ltpp-nota { color: #4b5560; margin-bottom: 1rem; }
.ltpp-omaggi { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem; }
.ltpp-omaggio { position: relative; display: flex; flex-direction: column; gap: .3rem; padding: .75rem; border: 1px solid #e6e8e3; border-radius: 8px; background: #fff; color: #243846; text-decoration: none; }
.ltpp-omaggio:hover { border-color: #4a7a1e; color: #243846; text-decoration: none; }
.ltpp-omaggio img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 6px; }
.ltpp-omaggio strong { font-size: .92rem; line-height: 1.3; }
.ltpp-omaggio span { font-size: .82rem; color: #5d6b75; }
.ltpp-ultimi { position: absolute; top: .5rem; left: .5rem; background: #b23a1d; color: #fff !important; font-size: .7rem !important; font-weight: 700; text-transform: uppercase; padding: .15rem .45rem; border-radius: 4px; }
.ltpp-regole { padding-left: 1.2rem; line-height: 1.7; }
.ltpp-vai { margin: 2rem 0 1rem; text-align: center; }
.ltpp .btn { text-transform: none; }
@media (max-width: 767px) {
  .ltpp-passo { grid-template-columns: 1fr; padding: 1rem; }
  .ltpp-apertura { font-size: 1.05rem; }
}