.ousb-slider{
  position:relative;
  width:100%;
  height:var(--ousb-hd,620px);
  overflow:hidden;
  background:#111827;
  isolation:isolate;
}
.ousb-slides,.ousb-slide{
  position:absolute;
  inset:0;
}
.ousb-slide{
  opacity:0;
  pointer-events:none;
  background-size:cover;
  background-position:center;
  transition:opacity var(--ousb-transition,650ms) ease;
  overflow:hidden;
}
.ousb-slide.is-active{
  opacity:1;
  pointer-events:auto;
  z-index:2;
}
.ousb-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  background:#000;
  pointer-events:none;
}
.ousb-bg-video::-webkit-media-controls,
.ousb-bg-video::-webkit-media-controls-enclosure,
.ousb-bg-video::-webkit-media-controls-panel,
.ousb-bg-video::-webkit-media-controls-play-button,
.ousb-bg-video::-webkit-media-controls-start-playback-button,
.ousb-bg-video::-webkit-media-controls-timeline,
.ousb-bg-video::-webkit-media-controls-current-time-display,
.ousb-bg-video::-webkit-media-controls-time-remaining-display,
.ousb-bg-video::-webkit-media-controls-mute-button,
.ousb-bg-video::-webkit-media-controls-fullscreen-button,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls-enclosure,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls-panel,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls-play-button,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls-start-playback-button,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls-timeline,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls-current-time-display,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls-time-remaining-display,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls-mute-button,
.ousb-layer-video[data-video-controls="0"] video::-webkit-media-controls-fullscreen-button{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}
.ousb-mobile-bg{
  display:none;
  position:absolute;
  inset:0;
  z-index:1;
  background-size:cover;
  background-position:center;
}
.ousb-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.ousb-layer-stage{
  position:absolute;
  inset:0;
  z-index:3;
}
.ousb-layer{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--w);
  height:var(--h);
  z-index:var(--z);
  display:flex;
  box-sizing:border-box;
  font-size:var(--fs);
  line-height:1.1;
  text-decoration:none!important;
  overflow:hidden;
  animation-duration:var(--duration,700ms);
  animation-delay:var(--delay,0ms);
  animation-fill-mode:both;
  animation-timing-function:cubic-bezier(.22,.9,.25,1);
  will-change:transform,opacity,filter,clip-path;
}
.ousb-layer span{
  width:100%;
  box-sizing:border-box;
  align-self:center;
}
.ousb-layer h1,.ousb-layer h2,.ousb-layer h3,.ousb-layer p{
  margin:0;
}
.ousb-layer-button{
  align-items:center;
  justify-content:center;
  font-weight:800;
  transition:transform .2s ease,filter .2s ease;
}
.ousb-layer-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.08);
  color:inherit;
}
.ousb-layer-button span{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  padding:.2em .8em;
  box-sizing:border-box;
}
.ousb-layer-image img,.ousb-layer-video video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:inherit;
}
.ousb-layer-video video{
  background:#000;
}
.ousb-layer-video[data-video-controls="0"] video{
  pointer-events:none;
}
.ousb-layer-video[data-video-controls="1"] video{
  pointer-events:auto;
}
.ousb-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(15,23,42,.35);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .2s ease,transform .2s ease;
}
.ousb-arrow:hover{
  background:rgba(15,23,42,.65);
  transform:translateY(-50%) scale(1.04);
}
.ousb-arrows-hidden .ousb-arrow{display:none!important}
.ousb-arrows-hover .ousb-arrow{opacity:0;pointer-events:none}
.ousb-arrows-hover:hover .ousb-arrow,
.ousb-arrows-hover:focus-within .ousb-arrow{opacity:1;pointer-events:auto}
.ousb-prev{left:22px}
.ousb-next{right:22px}
.ousb-dots{
  position:absolute;
  z-index:9;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  gap:9px;
}
.ousb-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  border:0;
  background:rgba(255,255,255,.48);
  padding:0;
  cursor:pointer;
  transition:width .2s ease,background .2s ease;
}
.ousb-dot.is-active{
  width:28px;
  background:#fff;
}
.ousb-dots-hidden .ousb-dots{display:none!important}
.ousb-dots-hover .ousb-dots{opacity:0;pointer-events:none;transition:opacity .2s ease}
.ousb-dots-hover:hover .ousb-dots,
.ousb-dots-hover:focus-within .ousb-dots{opacity:1;pointer-events:auto}
.ousb-anim-none{animation:none!important;opacity:1}
.ousb-anim-fade-in{animation-name:ousbFadeIn}
.ousb-anim-fade-up{animation-name:ousbFadeUp}
.ousb-anim-fade-down{animation-name:ousbFadeDown}
.ousb-anim-slide-left{animation-name:ousbSlideLeft}
.ousb-anim-slide-right{animation-name:ousbSlideRight}
.ousb-anim-zoom-in{animation-name:ousbZoomIn}
.ousb-anim-zoom-out{animation-name:ousbZoomOut}
.ousb-anim-blur-in{animation-name:ousbBlurIn}
.ousb-anim-clip-up{animation-name:ousbClipUp}
.ousb-anim-reveal-left{animation-name:ousbRevealLeft}
.ousb-anim-soft-pop{animation-name:ousbSoftPop}
.ousb-anim-float-in{animation-name:ousbFloatIn}
.ousb-anim-rotate-in{animation-name:ousbRotateIn}
.ousb-anim-glow-in{animation-name:ousbGlowIn}
@keyframes ousbFadeIn{from{opacity:0}to{opacity:1}}
@keyframes ousbFadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes ousbFadeDown{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}
@keyframes ousbSlideLeft{from{opacity:0;transform:translateX(54px)}to{opacity:1;transform:translateX(0)}}
@keyframes ousbSlideRight{from{opacity:0;transform:translateX(-54px)}to{opacity:1;transform:translateX(0)}}
@keyframes ousbZoomIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes ousbZoomOut{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
@keyframes ousbBlurIn{from{opacity:0;filter:blur(14px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes ousbClipUp{from{opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(18px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}}
@keyframes ousbRevealLeft{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes ousbSoftPop{0%{opacity:0;transform:scale(.82)}70%{opacity:1;transform:scale(1.035)}100%{opacity:1;transform:scale(1)}}
@keyframes ousbFloatIn{from{opacity:0;transform:translateY(34px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ousbRotateIn{from{opacity:0;transform:rotate(-5deg) scale(.95)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes ousbGlowIn{from{opacity:0;filter:blur(20px);transform:scale(.82)}to{opacity:1;filter:blur(0);transform:scale(1)}}
@media(max-width:1024px){
  .ousb-slider{height:var(--ousb-ht,560px)}
}
@media(max-width:767px){
  .ousb-slider{height:var(--ousb-hm,520px)}
  .ousb-mobile-bg{display:block}
  .ousb-layer{left:var(--xm);top:var(--ym);width:var(--wm);height:var(--hm);font-size:var(--fsm)}
  .ousb-hide-mobile{display:none!important}
  .ousb-arrow{width:38px;height:38px;font-size:28px}
  .ousb-prev{left:12px}
  .ousb-next{right:12px}
  .ousb-dots{bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  .ousb-layer,.ousb-slide,.ousb-arrow,.ousb-dot{animation:none!important;transition:none!important}
}

/* v0.1.4 premium layer effects */
.ousb-layer span span,
.ousb-layer mark,
.ousb-layer strong,
.ousb-layer em{line-height:inherit}
.ousb-layer mark{padding:.02em .14em;border-radius:.18em;color:inherit}
.ousb-anim-elastic-up{animation-name:ousbElasticUp}
.ousb-anim-flip-in{animation-name:ousbFlipIn}
.ousb-anim-skew-in{animation-name:ousbSkewIn}
.ousb-anim-wipe-right{animation-name:ousbWipeRight}
.ousb-anim-blur-slide-up{animation-name:ousbBlurSlideUp}
.ousb-anim-neon-pulse{animation-name:ousbNeonPulse}
.ousb-anim-float-subtle{animation-name:ousbFloatSubtle;animation-duration:var(--duration,22000ms);animation-iteration-count:infinite;animation-timing-function:linear;will-change:transform;transform-origin:50% 50%}
.ousb-hover-lift,.ousb-hover-glow,.ousb-hover-scale,.ousb-hover-underline{transition:transform .22s ease,filter .22s ease,box-shadow .22s ease,text-decoration-color .22s ease}
.ousb-hover-lift:hover{transform:translateY(-3px)}
.ousb-hover-scale:hover{transform:scale(1.035)}
.ousb-hover-glow:hover{filter:brightness(1.12);box-shadow:0 0 0 1px rgba(255,255,255,.22),0 18px 55px rgba(183,23,42,.35)!important}
.ousb-hover-underline span{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 2px;transition:background-size .25s ease}
.ousb-hover-underline:hover span{background-size:100% 2px}
@keyframes ousbElasticUp{0%{opacity:0;transform:translateY(42px) scale(.94)}60%{opacity:1;transform:translateY(-8px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ousbFlipIn{from{opacity:0;transform:perspective(900px) rotateX(18deg) translateY(18px)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0)}}
@keyframes ousbSkewIn{from{opacity:0;transform:skewY(4deg) translateY(26px)}to{opacity:1;transform:skewY(0) translateY(0)}}
@keyframes ousbWipeRight{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
@keyframes ousbBlurSlideUp{from{opacity:0;filter:blur(18px);transform:translateY(38px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes ousbNeonPulse{0%{opacity:0;filter:brightness(1) drop-shadow(0 0 0 rgba(183,23,42,0));transform:scale(.96)}55%{opacity:1;filter:brightness(1.18) drop-shadow(0 0 24px rgba(183,23,42,.65));transform:scale(1.02)}100%{opacity:1;filter:brightness(1) drop-shadow(0 0 0 rgba(183,23,42,0));transform:scale(1)}}
@keyframes ousbFloatSubtle{0%,100%{transform:translate3d(0,0,0) rotate(0deg) scale(1)}6%{transform:translate3d(2.4px,-.9px,0) rotate(-.035deg) scale(1.0008)}13%{transform:translate3d(4.9px,-2.3px,0) rotate(-.07deg) scale(1.0015)}20%{transform:translate3d(6.8px,-3.4px,0) rotate(-.1deg) scale(1.002)}27%{transform:translate3d(8px,-3px,0) rotate(-.115deg) scale(1.0024)}34%{transform:translate3d(8.8px,-1.3px,0) rotate(-.075deg) scale(1.0021)}41%{transform:translate3d(8px,1.1px,0) rotate(.01deg) scale(1.0016)}48%{transform:translate3d(6.2px,3px,0) rotate(.08deg) scale(1.002)}55%{transform:translate3d(3.2px,3.9px,0) rotate(.12deg) scale(1.0024)}62%{transform:translate3d(0,3.5px,0) rotate(.135deg) scale(1.0022)}69%{transform:translate3d(-3.2px,2.4px,0) rotate(.105deg) scale(1.0018)}76%{transform:translate3d(-5.8px,.5px,0) rotate(.055deg) scale(1.0013)}83%{transform:translate3d(-6.8px,-1.6px,0) rotate(-.01deg) scale(1.0012)}90%{transform:translate3d(-5.2px,-3px,0) rotate(-.065deg) scale(1.0016)}95%{transform:translate3d(-2.4px,-2.5px,0) rotate(-.045deg) scale(1.0011)}}


/* v0.1.8 WYSIWYG: frontend content stage matches the editor canvas width */
.ousb-layer-stage{
  width:min(100%, var(--ousb-content-max, 1000px));
  left:50%;
  right:auto;
  transform:translateX(-50%);
}
.ousb-slider .ousb-layer{
  animation:none!important;
  opacity:1;
  transform:none;
  filter:none;
  clip-path:inset(0 0 0 0);
}

/* v0.1.9: full-bleed frontend restored. The editor reference width must not crop the public slider. */
.ousb-slider{
  width:100% !important;
  max-width:none !important;
}
.ousb-layer-stage{
  position:absolute;
  inset:0;
  width:100% !important;
  max-width:none !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
}

/* v0.2.0: full-bleed background + fixed visual design stage for WYSIWYG parity */
.ousb-slider{
  width:100% !important;
  max-width:none !important;
}
.ousb-slide{
  width:100% !important;
  max-width:none !important;
}
.ousb-layer-stage{
  inset:auto !important;
  top:0 !important;
  bottom:0 !important;
  left:0 !important;
  right:auto !important;
  width:min(var(--ousb-content-max,1000px), 100%) !important;
  height:100% !important;
  max-width:100% !important;
  transform:none !important;
}
.ousb-stage-align-center .ousb-layer-stage{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
}
.ousb-stage-align-right .ousb-layer-stage{
  left:auto !important;
  right:0 !important;
  transform:none !important;
}
.ousb-slider.ousb-js-ready .ousb-layer{
  animation:none !important;
}
@media(max-width:767px){
  .ousb-layer-stage{
    left:0 !important;
    right:auto !important;
    width:100% !important;
    transform:none !important;
  }
}

/* v0.2.1: full-bleed layer stage + explicit width modes + fluid text parity */
.ousb-slider{
  --ousb-fluid-scale:1;
  box-sizing:border-box;
}
.ousb-slider.ousb-width-full{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.ousb-slider.ousb-width-container{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.ousb-slider .ousb-layer-stage{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
}
.ousb-slider .ousb-layer{
  font-size:calc(var(--fs) * var(--ousb-fluid-scale, 1)) !important;
}
@media(max-width:767px){
  .ousb-slider .ousb-layer{
    font-size:calc(var(--fsm) * var(--ousb-fluid-scale, 1)) !important;
  }
}


/* v0.2.3 - última capa de seguridad: frontend full-width real y stage 1:1 con editor */
.ousb-slider.ousb-width-full{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}
.ousb-slider.ousb-width-container{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
.ousb-slider .ousb-slides,
.ousb-slider .ousb-slide,
.ousb-slider .ousb-bg-video,
.ousb-slider .ousb-layer-stage{
  width:100% !important;
  max-width:none !important;
}
.ousb-slider .ousb-layer-stage{
  position:absolute !important;
  inset:0 !important;
  height:100% !important;
  left:0 !important;
  right:0 !important;
  transform:none !important;
}


/* v0.2.4 - Tablet real e independiente */
@media (min-width:768px) and (max-width:1024px){
  .ousb-slider{height:var(--ousb-ht,560px)}
  .ousb-slider .ousb-layer{
    left:var(--xt, var(--x)) !important;
    top:var(--yt, var(--y)) !important;
    width:var(--wt, var(--w)) !important;
    height:var(--ht, var(--h)) !important;
    font-size:calc(var(--fst, var(--fs)) * var(--ousb-fluid-scale, 1)) !important;
  }
}

/* v0.2.6 - Responsive real por ancho del propio slider, no por la ventana global */
.ousb-slider.ousb-device-desktop{
  height:var(--ousb-hd,620px) !important;
}
.ousb-slider.ousb-device-tablet{
  height:var(--ousb-ht,560px) !important;
}
.ousb-slider.ousb-device-mobile{
  height:var(--ousb-hm,520px) !important;
}
.ousb-slider.ousb-device-desktop .ousb-layer{
  left:var(--x) !important;
  top:var(--y) !important;
  width:var(--w) !important;
  height:var(--h) !important;
  font-size:calc(var(--fs) * var(--ousb-fluid-scale, 1)) !important;
}
.ousb-slider.ousb-device-tablet .ousb-layer{
  left:var(--xt, var(--x)) !important;
  top:var(--yt, var(--y)) !important;
  width:var(--wt, var(--w)) !important;
  height:var(--ht, var(--h)) !important;
  font-size:calc(var(--fst, var(--fs)) * var(--ousb-fluid-scale, 1)) !important;
}
.ousb-slider.ousb-device-mobile .ousb-mobile-bg{
  display:block !important;
}
.ousb-slider.ousb-device-mobile .ousb-layer{
  left:var(--xm, var(--x)) !important;
  top:var(--ym, var(--y)) !important;
  width:var(--wm, var(--w)) !important;
  height:var(--hm, var(--h)) !important;
  font-size:calc(var(--fsm, var(--fs)) * var(--ousb-fluid-scale, 1)) !important;
}
.ousb-slider.ousb-device-mobile .ousb-hide-mobile{
  display:none !important;
}
.ousb-slider.ousb-device-mobile .ousb-arrow{
  width:38px;
  height:38px;
  font-size:28px;
}
.ousb-slider.ousb-device-mobile .ousb-prev{left:12px;}
.ousb-slider.ousb-device-mobile .ousb-next{right:12px;}
.ousb-slider.ousb-device-mobile .ousb-dots{bottom:14px;}


/* v0.2.7 - Corrección responsive de capas usadas como fondo full-bleed */
.ousb-slider.ousb-device-tablet .ousb-layer.ousb-cover-layer,
.ousb-slider.ousb-device-mobile .ousb-layer.ousb-cover-layer{
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
}
.ousb-slider .ousb-layer.ousb-cover-layer img,
.ousb-slider .ousb-layer.ousb-cover-layer video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.ousb-slider.ousb-width-full{
  display:block !important;
  min-width:100vw !important;
}
.ousb-slider.ousb-width-container{
  display:block !important;
  min-width:0 !important;
}

/* v0.2.10 - Paridad WYSIWYG: capas full-bleed cubren siempre todos los dispositivos */
.ousb-slider .ousb-layer.ousb-cover-layer{
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
}
.ousb-slider .ousb-layer.ousb-cover-layer img,
.ousb-slider .ousb-layer.ousb-cover-layer video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* v0.2.11 - Stage de diseño único: editor/preview/frontend 1:1 por dispositivo */
.ousb-slider{
  --ousb-stage-scale:1;
  --ousb-stage-w:var(--ousb-preview-width,1920px);
  --ousb-stage-h:var(--ousb-hd,620px);
}
.ousb-slider.ousb-device-desktop{height:var(--ousb-hd,620px)!important;}
.ousb-slider.ousb-device-tablet{height:var(--ousb-ht,560px)!important;}
.ousb-slider.ousb-device-mobile{height:var(--ousb-hm,520px)!important;}
.ousb-slider .ousb-layer-stage{
  position:absolute!important;
  inset:auto!important;
  left:0!important;
  top:50%!important;
  width:var(--ousb-stage-w,1920px)!important;
  height:var(--ousb-stage-h,620px)!important;
  max-width:none!important;
  max-height:none!important;
  transform:translateY(-50%) scale(var(--ousb-stage-scale,1))!important;
  transform-origin:left center!important;
  z-index:3!important;
  overflow:visible!important;
}
.ousb-slider.ousb-stage-align-center .ousb-layer-stage{
  left:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%) scale(var(--ousb-stage-scale,1))!important;
  transform-origin:center center!important;
}
.ousb-slider.ousb-stage-align-right .ousb-layer-stage{
  left:auto!important;
  right:0!important;
  transform:translateY(-50%) scale(var(--ousb-stage-scale,1))!important;
  transform-origin:right center!important;
}
.ousb-slider.ousb-device-desktop .ousb-layer-stage > .ousb-layer{
  left:var(--x)!important;
  top:var(--y)!important;
  width:var(--w)!important;
  height:var(--h)!important;
  font-size:var(--fs)!important;
}
.ousb-slider.ousb-device-tablet .ousb-layer-stage > .ousb-layer{
  left:var(--xt,var(--x))!important;
  top:var(--yt,var(--y))!important;
  width:var(--wt,var(--w))!important;
  height:var(--ht,var(--h))!important;
  font-size:var(--fst,var(--fs))!important;
}
.ousb-slider.ousb-device-mobile .ousb-layer-stage > .ousb-layer{
  left:var(--xm,var(--x))!important;
  top:var(--ym,var(--y))!important;
  width:var(--wm,var(--w))!important;
  height:var(--hm,var(--h))!important;
  font-size:var(--fsm,var(--fs))!important;
}
.ousb-slider .ousb-slide > .ousb-layer.ousb-cover-layer{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  z-index:1!important;
  font-size:var(--fs)!important;
  transform:none!important;
}
.ousb-slider .ousb-slide > .ousb-layer.ousb-cover-layer img,
.ousb-slider .ousb-slide > .ousb-layer.ousb-cover-layer video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.ousb-slider.ousb-device-mobile .ousb-slide > .ousb-hide-mobile{display:none!important;}


/* v0.2.12 - Capa final de fidelidad visual: mismo stage, mismos tags y reset fuerte de tema */
.ousb-slider{
  --ousb-stage-scale:1;
  --ousb-stage-w:var(--ousb-preview-width,1920px);
  --ousb-stage-h:var(--ousb-hd,620px);
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.ousb-slider.ousb-width-full{
  width:100vw!important;
  max-width:100vw!important;
  min-width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
}
.ousb-slider.ousb-width-container{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
.ousb-slider.ousb-device-desktop{height:var(--ousb-hd,620px)!important;}
.ousb-slider.ousb-device-tablet{height:var(--ousb-ht,560px)!important;}
.ousb-slider.ousb-device-mobile{height:var(--ousb-hm,520px)!important;}
.ousb-slider .ousb-slides,
.ousb-slider .ousb-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;overflow:hidden!important;}
.ousb-slider .ousb-layer-stage{
  position:absolute!important;
  inset:auto!important;
  left:0!important;
  top:50%!important;
  width:var(--ousb-stage-w,1920px)!important;
  height:var(--ousb-stage-h,620px)!important;
  max-width:none!important;
  max-height:none!important;
  transform:translateY(-50%) scale(var(--ousb-stage-scale,1))!important;
  transform-origin:left center!important;
  z-index:3!important;
  overflow:visible!important;
}
.ousb-slider.ousb-stage-align-center .ousb-layer-stage{left:50%!important;right:auto!important;transform:translate(-50%,-50%) scale(var(--ousb-stage-scale,1))!important;transform-origin:center center!important;}
.ousb-slider.ousb-stage-align-right .ousb-layer-stage{left:auto!important;right:0!important;transform:translateY(-50%) scale(var(--ousb-stage-scale,1))!important;transform-origin:right center!important;}
.ousb-slider .ousb-layer-stage > .ousb-layer,
.ousb-slider .ousb-layer-stage > h1.ousb-layer,
.ousb-slider .ousb-layer-stage > h2.ousb-layer,
.ousb-slider .ousb-layer-stage > h3.ousb-layer,
.ousb-slider .ousb-layer-stage > p.ousb-layer,
.ousb-slider .ousb-layer-stage > div.ousb-layer,
.ousb-slider .ousb-layer-stage > a.ousb-layer{
  position:absolute!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  max-width:none!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  text-decoration:none!important;
  font-family:var(--ousb-layer-font-family, inherit);
}
.ousb-slider.ousb-device-desktop .ousb-layer-stage > .ousb-layer{left:var(--x)!important;top:var(--y)!important;width:var(--w)!important;height:var(--h)!important;font-size:var(--fs)!important;}
.ousb-slider.ousb-device-tablet .ousb-layer-stage > .ousb-layer{left:var(--xt,var(--x))!important;top:var(--yt,var(--y))!important;width:var(--wt,var(--w))!important;height:var(--ht,var(--h))!important;font-size:var(--fst,var(--fs))!important;}
.ousb-slider.ousb-device-mobile .ousb-layer-stage > .ousb-layer{left:var(--xm,var(--x))!important;top:var(--ym,var(--y))!important;width:var(--wm,var(--w))!important;height:var(--hm,var(--h))!important;font-size:var(--fsm,var(--fs))!important;}
.ousb-slider .ousb-layer > span{display:block!important;width:100%!important;box-sizing:border-box!important;align-self:center!important;margin:0!important;padding:0!important;line-height:inherit!important;}
.ousb-slider .ousb-layer-button > span{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;padding:.2em .8em!important;}
.ousb-slider .ousb-slide > .ousb-layer.ousb-cover-layer{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;z-index:1!important;transform:none!important;max-width:none!important;max-height:none!important;}
.ousb-slider .ousb-slide > .ousb-layer.ousb-cover-layer img,
.ousb-slider .ousb-slide > .ousb-layer.ousb-cover-layer video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important;}
.ousb-slider.ousb-device-mobile .ousb-mobile-bg{display:block!important;}
.ousb-slider.ousb-device-mobile .ousb-hide-mobile{display:none!important;}


/* v0.2.13 - Visibilidad por dispositivo */
.ousb-slider.ousb-device-desktop .ousb-hide-desktop{display:none!important}
.ousb-slider.ousb-device-tablet .ousb-hide-tablet{display:none!important}
.ousb-slider.ousb-device-mobile .ousb-hide-mobile{display:none!important}

/* v0.3.6 - La secuencia de entrada la controla JS: evita que CSS haga aparecer todo junto */
.ousb-slider.ousb-js-ready .ousb-layer{
  animation:none!important;
}

/* v0.3.7 - Secuencias reales: las capas con delay permanecen ocultas hasta su entrada */
.ousb-slider .ousb-layer.ousb-sequence-pending{
  opacity:0!important;
  visibility:hidden!important;
}
.ousb-slider .ousb-layer.ousb-sequence-playing,
.ousb-slider .ousb-layer.ousb-sequence-done{
  visibility:visible!important;
}

/* v0.3.8 - Estado inicial real de secuencias desde el HTML/PHP */
.ousb-slider .ousb-layer.ousb-sequence-init-hidden:not(.ousb-sequence-playing):not(.ousb-sequence-done){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.ousb-slider .ousb-layer.ousb-sequence-playing,
.ousb-slider .ousb-layer.ousb-sequence-done{
  pointer-events:auto!important;
}


/* v0.3.12 - suavizado de animaciones encadenadas */
.ousb-layer{
  will-change: transform, opacity, filter, clip-path;
}