/* Componente offerte a rotazione (offerte.js). Riutilizzabile: nessuna dipendenza. */
.offerte[hidden],.offerte [hidden]{display:none!important}
.offerte{--of-testo:#1d2433;--of-scuro:#12355b;--of-grigio:#4a5466;--of-fuoco:#f0a020;position:relative;margin:0 0 1.5rem;border-radius:14px;border:1px solid #c5ccd8;background:linear-gradient(135deg,#fbfcfd 0%,#e9edf2 45%,#d7dde6 100%);box-shadow:0 2px 10px rgba(18,53,91,.08);color:var(--of-testo);overflow:hidden;font-family:inherit;line-height:1.5}
.offerte::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#9aa3b0,#e6e9ee,#9aa3b0)}
.of-slide{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1.4rem 1.5rem}
.of-anim .of-slide{animation:of-in .45s ease}
@keyframes of-in{from{opacity:0}to{opacity:1}}
.of-img{flex:0 0 auto;width:96px;height:96px;object-fit:contain;border-radius:10px;background:#fff}
.of-testo{flex:1 1 420px;min-width:0}
.of-etichetta{margin:0 0 .35rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--of-grigio)}
.of-titolo{margin:0 0 .4rem;font-size:1.25rem;line-height:1.3;color:var(--of-scuro)}
.of-desc{margin:0;color:#2b3445;font-size:1rem}
.of-azione{flex:0 0 auto}
.of-btn{display:inline-block;padding:.75rem 1.25rem;border-radius:999px;background:var(--of-scuro);color:#fff;font-weight:600;text-decoration:none;border:1px solid #0c2742;white-space:nowrap}
.of-btn:hover{background:#0c2742}
.of-nota{flex:1 1 100%;margin:0;font-size:.8rem;color:var(--of-grigio);line-height:1.4}
.of-ctrl{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:0 1rem .9rem}
.of-ctrl button{font:inherit;cursor:pointer;border:1px solid #9aa3b0;background:#fff;color:var(--of-scuro);border-radius:999px;min-width:32px;height:32px;padding:0 .6rem;font-size:.85rem;font-weight:600}
.of-ctrl button:hover{background:#eef1f5}
.of-ctrl .of-dot{min-width:24px;width:24px;height:24px;padding:0;position:relative;border-color:transparent;background:transparent}
.of-ctrl .of-dot::after{content:"";position:absolute;inset:7px;border-radius:50%;background:#9aa3b0}
.of-ctrl .of-dot[aria-current="true"]::after{background:var(--of-scuro)}
.offerte a:focus-visible,.offerte button:focus-visible{outline:3px solid var(--of-fuoco);outline-offset:2px}
@media(max-width:600px){.of-slide{padding:1.15rem 1rem}.of-titolo{font-size:1.1rem}.of-azione,.of-btn{width:100%;text-align:center;white-space:normal}.of-img{width:72px;height:72px}}
@media(prefers-reduced-motion:reduce){.of-anim .of-slide{animation:none}}