.hsv-slider{--hsv-height:100vh;--hsv-accent:#e30613;--hsv-arrow-bg:#1E478F;--hsv-arrow-color:#fff;--hsv-arrow-hover-bg:#fff;--hsv-arrow-hover-color:#1E478F;position:relative;width:100%;height:var(--hsv-height);min-height:520px;overflow:hidden;background:#111;color:#fff}.hsv-slider *,.hsv-slider *:before,.hsv-slider *:after{box-sizing:border-box}.hsv-main,.hsv-slide{width:100%;height:100%}.hsv-slide{position:relative;overflow:hidden}.hsv-picture,.hsv-picture img,.hsv-overlay{position:absolute;inset:0;width:100%;height:100%}.hsv-picture{display:block}.hsv-picture img{display:block;object-fit:cover;transform:scale(1.035);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.hsv-slide.swiper-slide-active .hsv-picture img{transform:scale(1)}.hsv-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#262626,#0d0d0d)}.hsv-overlay{z-index:1;--hsv-overlay:rgba(0,0,0,.72);--hsv-overlay-stop:72%;pointer-events:none;background:linear-gradient(90deg,var(--hsv-overlay) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,0) var(--hsv-overlay-stop)),linear-gradient(0deg,rgba(0,0,0,.55),rgba(0,0,0,0) 48%)}.hsv-slide-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:min(100%,1600px);height:100%;margin:0 auto}.hsv-content{display:flex;flex-direction:column;align-items:inherit;max-width:100%}.hsv-meta{display:flex;gap:14px;align-items:center;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}.hsv-meta span+time:before{content:'•';margin-right:14px}.hsv-title{padding:0;margin-top:0;line-height:.95;letter-spacing:-.045em;text-wrap:balance}.hsv-title a{color:inherit;text-decoration:none}.hsv-excerpt{font-size:clamp(16px,1.35vw,21px);line-height:1.5}.hsv-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;border:1px solid;text-decoration:none;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:.05em;transition:background-color .25s,color .25s,border-color .25s,transform .25s}.hsv-button:hover{transform:translateY(-2px)}.hsv-button svg{width:1em;height:1em;fill:currentColor}.hsv-controls{position:absolute;z-index:5;right:clamp(20px,4vw,72px);bottom:42px;display:flex;align-items:center;gap:16px}.hsv-arrow{display:grid;padding:0;border:1px solid;border-radius:999px;background:rgba(0,0,0,.12);cursor:pointer;place-items:center;transition:background-color .2s,color .2s}.hsv-arrow:hover{background:#fff;color:#111!important;border-color:#fff!important}.hsv-counter{display:flex;align-items:center;gap:9px;min-width:82px;font-size:12px;font-weight:700}.hsv-counter-line{width:25px;height:1px;background:currentColor;opacity:.55}.hsv-thumbs-wrap{position:absolute;z-index:1;right:0;bottom:26px;left:0;padding:0 clamp(20px,4vw,72px);pointer-events:none}.hsv-thumbs{width:min(100%,1600px);margin:0 auto;overflow:visible;pointer-events:auto}.hsv-thumb{--hsv-thumb-height:148px;position:relative;height:var(--hsv-thumb-height);padding:0;overflow:hidden;border:0;background:#1a1a1a;color:#fff;cursor:pointer;text-align:left}.hsv-thumb-media,.hsv-thumb-media img,.hsv-thumb-media>span{position:absolute;inset:0;width:100%;height:100%}.hsv-thumb-media img{object-fit:cover;opacity:.48;transition:opacity .3s,transform .5s}.hsv-thumb-media>span{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.08))}.hsv-thumb-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:18px}.hsv-thumb-kicker{margin-bottom:7px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.78}.hsv-thumb-title{display:-webkit-box;overflow:hidden;font-size:15px;font-weight:700;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hsv-thumb-progress{display:block;height:2px;margin-top:15px;overflow:hidden;background:rgba(255,255,255,.24)}.hsv-thumb-progress>span{display:block;width:100%;height:100%;background:var(--hsv-accent);transform:scaleX(0);transform-origin:left center}.hsv-thumb:hover img,.hsv-thumb.swiper-slide-thumb-active img{opacity:.85;transform:scale(1.04)}.hsv-thumb.swiper-slide-thumb-active{outline:2px solid rgba(255,255,255,.95);outline-offset:-2px}.hsv-empty{padding:30px;border:1px dashed #bbb;background:#f7f7f7;color:#444;text-align:center}
.hsv-slider:has(.hsv-thumbs-wrap) .hsv-controls{bottom:calc(var(--hsv-thumb-height,148px) + 50px)}
@media(max-width:1024px) and (orientation:landscape){.hsv-slider{min-height:460px}.hsv-slide-inner{padding-bottom:135px!important}.hsv-thumbs-wrap{bottom:16px}.hsv-controls{bottom:calc(var(--hsv-thumb-height,118px) + 30px)!important}.hsv-excerpt{max-width:70vw!important}.hsv-thumb-content{padding:14px}.hsv-thumb-title{font-size:13px}}
@media(max-width:767px){.hsv-slider{min-height:560px}.hsv-overlay{background:linear-gradient(0deg,var(--hsv-overlay) 0%,rgba(0,0,0,.38) 62%,rgba(0,0,0,.05) 100%)}.hsv-meta{font-size:10px}.hsv-controls{right:20px}.hsv-counter{display:none}.hsv-thumbs-wrap{padding:0 20px 16px;bottom:0}.hsv-thumb-content{padding:13px}.hsv-thumb-title{font-size:13px}.hsv-excerpt{display:block}}
@media(max-width:767px) and (orientation:landscape){.hsv-slider{min-height:390px}.hsv-slide-inner{padding-top:25px!important;padding-bottom:115px!important}.hsv-excerpt{display:none}.hsv-thumbs-wrap{padding-bottom:10px}.hsv-thumb-kicker{display:none}.hsv-thumb-title{-webkit-line-clamp:1}}
@media(prefers-reduced-motion:reduce){.hsv-slider *,.hsv-slider *:before,.hsv-slider *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Fallback strutturale Swiper per frontend e sistemi di cache/ottimizzazione. */
.hsv-slider .swiper{position:relative;display:block;overflow:hidden;list-style:none;padding:0;z-index:1}
.hsv-slider .swiper-wrapper{position:relative;display:flex;width:100%;height:100%;z-index:1;transition-property:transform;box-sizing:content-box}
.hsv-slider .swiper-slide{position:relative;display:block;flex-shrink:0;width:100%;height:100%;transition-property:transform}
.hsv-slider .hsv-thumbs.swiper{overflow:hidden}
.hsv-slider .hsv-thumbs .swiper-wrapper{align-items:stretch}
.hsv-slider .hsv-thumbs .swiper-slide{height:var(--hsv-thumb-height,148px)}

/* Verovolley visual overrides 1.1.1 */
.hsv-slider .hsv-arrow{
    width:54px;height:54px;padding:0;border:0!important;outline:0!important;border-radius:50%;
    background:var(--hsv-arrow-bg,#1E478F)!important;color:var(--hsv-arrow-color,#fff)!important;box-shadow:none!important;
    transition:background-color .25s ease,transform .25s ease
}
.hsv-slider .hsv-arrow:hover,.hsv-slider .hsv-arrow:focus,.hsv-slider .hsv-arrow:active{
    border:0!important;outline:0!important;background:var(--hsv-arrow-hover-bg,#fff)!important;color:var(--hsv-arrow-hover-color,#1E478F)!important;
    box-shadow:none!important;transform:scale(1.06)
}
.hsv-slider .hsv-thumb,.hsv-slider .hsv-thumb.swiper-slide-thumb-active{border:0!important;outline:0!important;box-shadow:none!important}
.hsv-slider .hsv-thumb-media>span{background:transparent!important;opacity:0!important}
.hsv-slider .hsv-thumb:before,.hsv-slider .hsv-thumb:after,.hsv-slider .hsv-thumb-content:before,.hsv-slider .hsv-thumb-content:after{background:transparent!important;opacity:0!important}
.hsv-slider .hsv-thumb img{opacity:1!important;filter:none!important}
.hsv-slider .hsv-overlay{
    background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.45) 70%,rgba(255,255,255,1) 100%)!important;
    opacity:1!important
}


/* Thumbnail cards without white borders. */
.hsv-slider .hsv-thumb-content,
.hsv-slider .hsv-thumb:hover .hsv-thumb-content,
.hsv-slider .hsv-thumb.swiper-slide-thumb-active .hsv-thumb-content{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}

/* Desktop/tablet preview cards with rounded corners. */
@media(min-width:768px){
    .hsv-slider .hsv-thumb,
    .hsv-slider .hsv-thumb-media,
    .hsv-slider .hsv-thumb-media img,
    .hsv-slider .hsv-thumb-media>span,
    .hsv-slider .hsv-thumb-content{border-radius:16px}
}

/* Mobile progress pagination inspired by the compact segmented control pattern. */
.hsv-mobile-pagination{display:none}
@media(max-width:767px){
    .hsv-slider .hsv-arrow{width:44px;height:44px;font-size:14px}
    .hsv-slider .hsv-thumbs-wrap{display:none!important}
    .hsv-slider:has(.hsv-thumbs-wrap) .hsv-controls{bottom:78px!important}
    .hsv-mobile-pagination{
        position:absolute;z-index:1;left:50%;bottom:22px;display:flex;align-items:center;gap:12px;
        max-width:calc(100% - 40px);padding:12px 16px;border-radius:999px;
        background:rgba(12,20,8,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
        transform:translateX(-50%)
    }
    .hsv-mobile-dot{
        position:relative;width:32px;height:16px;padding:0;overflow:hidden;border:0!important;border-radius:999px;
        background:rgba(255,255,255,.28)!important;box-shadow:none!important;cursor:pointer;
        transition:width .25s ease,background-color .25s ease
    }
    .hsv-mobile-dot.is-active{width:92px;background:rgba(255,255,255,.22)!important}
    .hsv-mobile-progress{
        position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:#fff;
    }
    .hsv-mobile-dot:not(.is-active) .hsv-mobile-progress{display:none}
}
@media(max-width:767px) and (orientation:landscape){
    .hsv-mobile-pagination{bottom:12px;padding:9px 13px;gap:9px}
    .hsv-mobile-dot{width:25px;height:13px}
    .hsv-mobile-dot.is-active{width:72px}
    .hsv-slider:has(.hsv-thumbs-wrap) .hsv-controls{bottom:58px!important}
}
