.slider-senzill{position:relative;width:100%;overflow:hidden}
.slider-senzill-track{position:relative}
.slider-senzill-slide{display:none;position:absolute;top:0;left:0;width:100%;background-repeat:no-repeat;background-position:center center;color:#fff}
.slider-senzill-slide.is-active{display:block;position:relative}
.slider-senzill-media-spacer{display:none}
.slider-senzill-type-full-width .slider-senzill-media-spacer{display:block}
.slider-senzill-type-full-width .slider-senzill-slide{background-size:100% auto;background-position:center top;background-color:#000}
.slider-senzill-type-fixed-height .slider-senzill-track,
.slider-senzill-type-fixed-height .slider-senzill-slide,
.slider-senzill-type-full-height .slider-senzill-track,
.slider-senzill-type-full-height .slider-senzill-slide{height:100%}
.slider-senzill-type-fixed-height .slider-senzill-slide,
.slider-senzill-type-full-height .slider-senzill-slide{background-size:cover}
.slider-senzill-overlay{position:absolute;inset:0;background:var(--slider-senzill-overlay, rgba(0,0,0,.35))}
.slider-senzill-overlay-target-content .slider-senzill-overlay{display:none}
.slider-senzill-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-start;z-index:2;padding:40px}
.slider-senzill-inner{position:relative;display:flex;flex-direction:column;gap:16px;width:100%}
.slider-senzill-inner-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;padding:24px}
.slider-senzill-content-overlay{position:absolute;inset:0;background:var(--slider-senzill-overlay, rgba(0,0,0,.35));border-radius:0}
.slider-senzill-overlay-target-slide .slider-senzill-content-overlay{display:none}
.slider-senzill-title{margin:0;color:#fff;line-height:1.1}
.slider-senzill-text,.slider-senzill-text *{color:#fff}
.slider-senzill-text p:last-child{margin-bottom:0}
.slider-senzill-buttons{display:flex;gap:12px;flex-wrap:wrap}
.slider-senzill-button{display:inline-block;padding:12px 18px;border-radius:8px;background:#fff;color:#111;text-decoration:none}
.slider-senzill-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;background:rgba(0,0,0,.45);color:#fff;width:44px;height:44px;border-radius:999px;cursor:pointer}
.slider-senzill-arrow-prev{left:14px}
.slider-senzill-arrow-next{right:14px}
.slider-senzill-no-arrows .slider-senzill-arrow{display:none}
.slider-senzill-bullets{position:absolute;left:0;right:0;bottom:16px;z-index:3;display:flex;justify-content:center;gap:10px}
.slider-senzill-no-bullets .slider-senzill-bullets{display:none}
.slider-senzill-bullet{width:12px;height:12px;border-radius:999px;border:0;background:rgba(255,255,255,.5);cursor:pointer}
.slider-senzill-bullet.is-active{background:#fff}

/* =============================================
   TRANSITION EFFECTS
   .is-leaving  = slide currently exiting
   .is-entering = slide currently entering
   All transitions use CSS animations so JS only
   needs to add/remove classes.
   ============================================= */

/* --- FADE (default) --- */
.slider-senzill-transition-fade .slider-senzill-slide.is-leaving{
  display:block;position:absolute;top:0;left:0;width:100%;
  animation:ss-fade-out .6s ease forwards;z-index:1
}
.slider-senzill-transition-fade .slider-senzill-slide.is-entering{
  display:block;position:relative;
  animation:ss-fade-in .6s ease forwards;z-index:2
}
@keyframes ss-fade-out{from{opacity:1}to{opacity:0}}
@keyframes ss-fade-in{from{opacity:0}to{opacity:1}}

/* --- SLIDE (horizontal) --- */
.slider-senzill-transition-slide .slider-senzill-track{overflow:hidden}
.slider-senzill-transition-slide .slider-senzill-slide.is-leaving{
  display:block;position:absolute;top:0;left:0;width:100%;
  animation:ss-slide-out .5s ease forwards;z-index:1
}
.slider-senzill-transition-slide .slider-senzill-slide.is-entering{
  display:block;position:relative;
  animation:ss-slide-in .5s ease forwards;z-index:2
}
.slider-senzill-transition-slide .slider-senzill-slide.is-entering.direction-prev{
  animation-name:ss-slide-in-prev
}
.slider-senzill-transition-slide .slider-senzill-slide.is-leaving.direction-prev{
  animation-name:ss-slide-out-prev
}
@keyframes ss-slide-out{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes ss-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes ss-slide-out-prev{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes ss-slide-in-prev{from{transform:translateX(-100%)}to{transform:translateX(0)}}

/* --- ZOOM --- */
.slider-senzill-transition-zoom .slider-senzill-slide.is-leaving{
  display:block;position:absolute;top:0;left:0;width:100%;
  animation:ss-zoom-out .55s ease forwards;z-index:1
}
.slider-senzill-transition-zoom .slider-senzill-slide.is-entering{
  display:block;position:relative;
  animation:ss-zoom-in .55s ease forwards;z-index:2
}
@keyframes ss-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}
@keyframes ss-zoom-in{from{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}

/* --- FLIP (horizontal card-flip) --- */
.slider-senzill-transition-flip{perspective:1200px}
.slider-senzill-transition-flip .slider-senzill-slide.is-leaving{
  display:block;position:absolute;top:0;left:0;width:100%;
  animation:ss-flip-out .5s ease forwards;z-index:1;transform-origin:center center;backface-visibility:hidden
}
.slider-senzill-transition-flip .slider-senzill-slide.is-entering{
  display:block;position:relative;
  animation:ss-flip-in .5s ease forwards;z-index:2;transform-origin:center center;backface-visibility:hidden
}
@keyframes ss-flip-out{from{transform:rotateY(0deg);opacity:1}to{transform:rotateY(-90deg);opacity:0}}
@keyframes ss-flip-in{from{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}

/* --- BLINDS (vertical strips) --- */
.slider-senzill-transition-blinds .slider-senzill-slide.is-leaving{
  display:block;position:absolute;top:0;left:0;width:100%;z-index:1;
  animation:ss-fade-out .05s .45s ease forwards
}
.slider-senzill-transition-blinds .slider-senzill-slide.is-entering{
  display:block;position:relative;z-index:2;
  -webkit-mask-image:repeating-linear-gradient(to right,#000 0,#000 calc(100%/8 - 2px),transparent calc(100%/8 - 2px),transparent calc(100%/8));
  mask-image:repeating-linear-gradient(to right,#000 0,#000 calc(100%/8 - 2px),transparent calc(100%/8 - 2px),transparent calc(100%/8));
  -webkit-mask-size:800% 100%;
  mask-size:800% 100%;
  -webkit-mask-position:100% 0;
  mask-position:100% 0;
  animation:ss-blinds-in .5s steps(8,end) forwards
}
@keyframes ss-blinds-in{
  from{-webkit-mask-position:100% 0;mask-position:100% 0}
  to{-webkit-mask-position:0% 0;mask-position:0% 0}
}

/* --- CROSSFADE (simultaneous dissolve) --- */
.slider-senzill-transition-crossfade .slider-senzill-slide.is-leaving{
  display:block;position:absolute;top:0;left:0;width:100%;
  animation:ss-crossfade-out .7s ease forwards;z-index:2
}
.slider-senzill-transition-crossfade .slider-senzill-slide.is-entering{
  display:block;position:relative;
  animation:ss-crossfade-in .7s ease forwards;z-index:1
}
@keyframes ss-crossfade-out{from{opacity:1}to{opacity:0}}
@keyframes ss-crossfade-in{from{opacity:.4}to{opacity:1}}

@media (max-width:767px){
  .slider-senzill-content{padding:24px}
}