.certone-stories,
.certone-stories *{box-sizing:border-box}

.certone-stories{
  --cert-blue:#33b1ff;
  --cert-text:#1a1f24;
  --cert-muted:#505a63;
  --cert-border:#dfe7ed;
  font-family:"DM Sans",sans-serif;
  color:var(--cert-text);
  width:100%;
  position:relative;
}

.certone-stories__title{font-weight:700;font-size:24px;line-height:1.2;margin:0 0 18px}
.certone-stories__viewport{position:relative;isolation:isolate}

/* Fade lateral branco: aparece somente onde ainda existe conteúdo para rolar. */
.certone-stories__viewport::before,
.certone-stories__viewport::after{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  bottom:12px;
  width:30px;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
}
.certone-stories__viewport::before{left:0;background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.48) 24%,rgba(255,255,255,.14) 62%,rgba(255,255,255,0) 100%)}
.certone-stories__viewport::after{right:0;background:linear-gradient(270deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.48) 24%,rgba(255,255,255,.14) 62%,rgba(255,255,255,0) 100%)}
.certone-stories__viewport.has-left-overflow::before{opacity:.78}
.certone-stories__viewport.has-right-overflow::after{opacity:.78}

.certone-stories__track{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  padding:4px 1px 14px;
  scrollbar-width:none;
}
.certone-stories__track::-webkit-scrollbar{display:none}

/* Reset forte para impedir hover/cores globais do tema/Elementor (incluindo rosa). */
button.certone-story,
button.certone-story:hover,
button.certone-story:focus,
button.certone-story:active{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  text-align:left!important;
  color:var(--cert-text)!important;
  text-decoration:none!important;
  font:inherit!important;
  min-height:0!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
button.certone-story::before,
button.certone-story::after{display:none!important;content:none!important}

.certone-story{
  flex:0 0 calc((100% - 72px)/5);
  min-width:0;
  scroll-snap-align:start;
}
.certone-story__media{
  display:block;
  position:relative;
  width:100%;
  aspect-ratio:9/16;
  border-radius:22px;
  overflow:hidden;
  background:#edf3f7;
  border:1px solid rgba(26,31,36,.08);
  box-shadow:0 12px 35px rgba(26,31,36,.08);
  transition:transform .24s ease,box-shadow .24s ease;
}
.certone-story:hover .certone-story__media{
  transform:translateY(-3px);
  border-color:rgba(26,31,36,.08);
  box-shadow:0 18px 42px rgba(26,31,36,.13);
}
.certone-story:focus-visible .certone-story__media{box-shadow:0 0 0 3px rgba(51,177,255,.22),0 18px 42px rgba(26,31,36,.12)}
.certone-story__media img,
.certone-story__media video{width:100%;height:100%;object-fit:cover;display:block}

/* O play sai do centro para não cobrir títulos/textos que já estejam na arte do vídeo. */
.certone-story__play{
  position:absolute;
  z-index:2;
  top:14px;
  right:14px;
  width:50px;
  height:50px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:var(--cert-blue);
  display:grid;
  place-items:center;
  box-shadow:0 8px 24px rgba(26,31,36,.18);
  transition:transform .2s ease,box-shadow .2s ease;
  pointer-events:none;
}
.certone-story__play svg{width:23px;height:23px;margin-left:2px}
.certone-story:hover .certone-story__play{transform:scale(1.06);box-shadow:0 10px 28px rgba(26,31,36,.2)}
.certone-story__label{display:block;margin-top:10px;font-size:14px;line-height:1.35;font-weight:700;color:var(--cert-text)}

.certone-stories__nav,
.certone-stories__nav:hover,
.certone-stories__nav:focus,
.certone-stories__nav:active{
  appearance:none!important;
  position:absolute;
  z-index:7;
  top:calc(50% - 27px);
  width:42px;
  height:42px;
  border-radius:999px!important;
  border:1px solid var(--cert-border)!important;
  background:#fff!important;
  background-image:none!important;
  color:var(--cert-text)!important;
  padding:0!important;
  margin:0!important;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(26,31,36,.12)!important;
  transition:transform .2s ease,opacity .2s ease!important;
}
.certone-stories__nav::before,
.certone-stories__nav::after{display:none!important;content:none!important}
.certone-stories__nav svg{width:22px;height:22px}
.certone-stories__nav:hover{transform:scale(1.05)}
.certone-stories__nav:disabled{opacity:.28;cursor:default;pointer-events:none}
.certone-stories__nav.is-hidden{display:none!important}
.certone-stories__nav--prev{left:-19px}
.certone-stories__nav--next{right:-19px}

.certone-stories__dots{display:none;justify-content:center;gap:7px;margin-top:5px;min-height:7px}
.certone-stories__dots span{width:7px;height:7px;border-radius:99px;background:#d4dee5;transition:width .2s ease,background .2s ease}
.certone-stories__dots span.is-active{width:22px;background:var(--cert-blue)}

/* Modal/player */
.certone-player{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:16px}
.certone-player.is-open{display:flex}
.certone-player__backdrop{position:absolute;inset:0;background:rgba(10,16,20,.78);backdrop-filter:blur(10px)}
.certone-player__dialog{
  position:relative;
  z-index:2;
  width:min(420px,92vw,45vh);
  max-width:92vw;
  max-height:calc(100vh - 24px);
  background:#10161a;
  border:1px solid rgba(255,255,255,.09);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
  display:flex;
  flex-direction:column;
  animation:certoneIn .22s ease;
}
@keyframes certoneIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}

.certone-player__video-wrap{position:relative;width:100%;aspect-ratio:9/16;background:#050708;overflow:hidden;flex:0 1 auto;min-height:0}
.certone-player__video{width:100%;height:100%;object-fit:cover;display:block;background:#050708}
.certone-player__bigplay,
.certone-player__bigplay:hover,
.certone-player__bigplay:focus,
.certone-player__bigplay:active{
  appearance:none!important;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:68px;
  height:68px;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--cert-blue)!important;
  display:grid;
  place-items:center;
  cursor:pointer;
  padding:0!important;
  margin:0!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
}
.certone-player__bigplay::before,
.certone-player__bigplay::after{display:none!important;content:none!important}
.certone-player__bigplay svg{width:31px;height:31px;margin-left:3px}
.certone-player__bigplay.is-hidden{display:none!important}

.certone-player__close,
.certone-player__close:hover,
.certone-player__close:focus,
.certone-player__close:active{
  appearance:none!important;
  position:absolute;
  top:12px;
  right:12px;
  z-index:8;
  width:40px;
  height:40px;
  border:0!important;
  border-radius:999px!important;
  background:rgba(8,12,15,.7)!important;
  color:#fff!important;
  font:400 30px/1 Arial,sans-serif!important;
  padding:0 0 3px!important;
  margin:0!important;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:none!important;
}
.certone-player__close::before,
.certone-player__close::after{display:none!important;content:none!important}

.certone-player__footer{background:#10161a;color:#fff;flex:0 0 auto;padding:0 14px 14px}
.certone-player__meta{display:none;padding:13px 2px 4px;color:#fff;font-size:14px;line-height:1.35;font-weight:700}
.certone-player__footer.has-label .certone-player__meta{display:block}
.certone-player__progress-row{padding:12px 0 7px}
.certone-player__footer.has-label .certone-player__progress-row{padding-top:8px}

.certone-progress,
.certone-volume{accent-color:var(--cert-blue);cursor:pointer;margin:0}
.certone-progress{width:100%;display:block}
.certone-volume{width:74px;display:block}

.certone-controls{display:grid;grid-template-columns:42px auto 1fr 42px 74px 42px;gap:8px;align-items:center}
.certone-controls__time{font-size:12px;line-height:1;white-space:nowrap;color:#d3dbe0;font-variant-numeric:tabular-nums}
.certone-controls__spacer{min-width:4px}

.certone-control,
.certone-control:hover,
.certone-control:focus,
.certone-control:active{
  appearance:none!important;
  width:42px;
  height:42px;
  border:0!important;
  border-radius:12px!important;
  background:#1d262c!important;
  background-image:none!important;
  color:#fff!important;
  cursor:pointer;
  display:grid;
  place-items:center;
  padding:0!important;
  margin:0!important;
  box-shadow:none!important;
}
.certone-control::before,
.certone-control::after{display:none!important;content:none!important}
.certone-control:hover{background:#26333b!important}
.certone-control svg{width:21px;height:21px;display:block}
.certone-icon-pause,.certone-icon-volume-off{display:none}
.certone-control--play.is-playing .certone-icon-play{display:none}
.certone-control--play.is-playing .certone-icon-pause{display:block}
.certone-control--mute.is-muted .certone-icon-volume-on{display:none}
.certone-control--mute.is-muted .certone-icon-volume-off{display:block}

body.certone-modal-open{overflow:hidden}

/* Fullscreen real mantendo controles personalizados. */
.certone-player__dialog:fullscreen{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0;border:0}
.certone-player__dialog:fullscreen .certone-player__video-wrap{aspect-ratio:auto;flex:1 1 auto;min-height:0}
.certone-player__dialog:fullscreen .certone-player__video{object-fit:contain}

@media(max-width:1100px){
  .certone-story{flex-basis:calc((100% - 54px)/4)}
}
@media(max-width:800px){
  .certone-story{flex-basis:calc((100% - 36px)/3)}
  .certone-stories__nav--prev{left:-14px}
  .certone-stories__nav--next{right:-14px}
}
@media(max-width:580px){
  .certone-stories__track{gap:12px;padding-inline:1px}
  .certone-story{flex-basis:72%;max-width:280px}
  .certone-story__media{border-radius:18px}
  .certone-story__play{width:46px;height:46px;top:12px;right:12px}
  .certone-stories__nav{display:none!important}
  .certone-stories__dots{display:flex}
  .certone-stories__viewport::before,.certone-stories__viewport::after{width:34px}
  .certone-player{padding:10px}
  .certone-player__dialog{width:min(410px,96vw,47vh);max-width:96vw;border-radius:19px}
  .certone-controls{grid-template-columns:42px auto 1fr 42px 42px}
  .certone-volume{display:none}
}
@media(max-height:700px) and (orientation:landscape){
  .certone-player__dialog{width:min(330px,88vw,48vh)}
}