/* DUVEO 5.2.48.23 — Estados de creadores: unificar controles SOLO en móvil.
   Escritorio conserva sus tamaños, colores y posiciones originales. */
@media (max-width:768px) {
  .duveo-state-modal .duveo-state-action-rail {
    right:10px!important;
    top:34%!important;
    gap:9px!important;
    z-index:12!important;
  }
  .duveo-state-modal .duveo-state-rail-btn {
    box-sizing:border-box!important;
    width:52px!important;
    min-height:56px!important;
    padding:4px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    color:#fff!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    text-shadow:0 2px 5px rgba(0,0,0,.65)!important;
    -webkit-tap-highlight-color:transparent;
  }
  .duveo-state-modal .duveo-state-rail-btn svg {
    width:27px!important;
    height:27px!important;
    flex-shrink:0!important;
    stroke:currentColor!important;
    fill:none!important;
    stroke-width:1.9!important;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));
  }
  .duveo-state-modal .duveo-state-rail-btn small {
    display:block!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.1!important;
    text-shadow:0 2px 5px rgba(0,0,0,.7)!important;
  }
  .duveo-state-modal .duveo-state-rail-btn.is-active {
    color:#1769ff!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .duveo-state-modal .duveo-state-rail-btn:focus-visible {
    outline:2px solid #fff!important;
    outline-offset:3px!important;
    border-radius:10px!important;
  }
  /* No colocar una lámina translúcida sobre la imagen: solo contraste abajo. */
  .duveo-state-modal .duveo-state-viewer::after {
    background:linear-gradient(180deg,transparent 0%,transparent 58%,rgba(0,0,0,.15) 78%,rgba(0,0,0,.53) 100%)!important;
  }
  .duveo-state-modal .duveo-state-media-shell,
  .duveo-state-modal .duveo-state-media-shell>[data-state-media] {
    background:#000!important;
  }
  .duveo-state-modal .duveo-state-media-shell video {
    object-fit:contain!important;
    background:#000!important;
  }
  .duveo-state-modal .duveo-state-media-shell iframe {
    width:100%!important;
    height:100%!important;
    border:0!important;
    transform:none!important;
    background:#000!important;
  }
}
/* Momentos: ninguna segunda imagen / filtro de play sobre el reproductor.
   El iframe nativo de Bunny permanece. */
body.page-template-page-momentos .duveo-momentos-v5138__media-backdrop {
  display:none!important;
}
body.page-template-page-momentos .duveo-momentos-v5160__view-label {
  margin-left:5px;
  font-size:12px;
  font-weight:650;
}
body.page-template-page-momentos [data-moment-more] span {
  display:block!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
}
@media (max-width:980px) {
  body.page-template-page-momentos .duveo-momentos-v5138__media,
  body.page-template-page-momentos .duveo-momentos-v5138__viewer {
    background:#000!important;
  }
  body.page-template-page-momentos .duveo-momentos-v5138__media video {
    object-fit:contain!important;
    object-position:center!important;
    background:#000!important;
  }
  body.page-template-page-momentos .duveo-momentos-v5138__media iframe {
    transform:none!important;
    background:#000!important;
  }
  body.page-template-page-momentos .duveo-momentos-v5138__pause-indicator {
    display:none!important;
  }
  body.page-template-page-momentos .duveo-momentos-v5138__taplayer {
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
