/* DELS 1.9.0 — player próprio com tela cheia real e uniforme. */

.dels-video-protegido,
.dels-video-protegido * {
    box-sizing: border-box;
}

.dels-video-protegido {
    position: relative;
    isolation: isolate;
    background: #000;
    -webkit-user-select: none;
    user-select: none;
}

.dels-video-protegido .dels-video-frame {
    position: relative;
    background: #000;
    overflow: hidden;
}

.dels-video-protegido .dels-youtube-iframe {
    pointer-events: none !important;
    -webkit-user-drag: none;
    user-select: none;
}

.dels-video-protegido .dels-video-overlay-play {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%);
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    transition: opacity 0.16s ease, visibility 0.16s ease, transform 0.16s ease;
}

.dels-video-protegido .dels-video-overlay-play:hover,
.dels-video-protegido .dels-video-overlay-play:focus-visible {
    transform: translate(-50%, -50%) scale(1.06);
}

.dels-video-protegido.is-playing .dels-video-overlay-play {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.dels-video-protegido .dels-video-play,
.dels-video-protegido .dels-video-fullscreen,
.dels-video-protegido .dels-video-velocidade {
    cursor: pointer;
}

.dels-video-protegido .dels-video-play:focus-visible,
.dels-video-protegido .dels-video-fullscreen:focus-visible,
.dels-video-protegido .dels-video-velocidade:focus-visible {
    outline: 3px solid rgba(56, 182, 255, 0.42) !important;
    outline-offset: 2px;
}

.dels-video-protegido:fullscreen,
.dels-video-protegido:-webkit-full-screen,
.dels-video-protegido.is-fullscreen-fallback {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #000 !important;
}

.dels-video-protegido.is-fullscreen-fallback {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    height: 100vh !important;
    height: 100dvh !important;
    padding-top: env(safe-area-inset-top, 0) !important;
    padding-right: env(safe-area-inset-right, 0) !important;
    padding-bottom: env(safe-area-inset-bottom, 0) !important;
    padding-left: env(safe-area-inset-left, 0) !important;
    overflow: hidden !important;
}

html.dels-video-fullscreen-ativo,
body.dels-video-fullscreen-ativo {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

.dels-video-protegido:fullscreen .dels-video-frame,
.dels-video-protegido:-webkit-full-screen .dels-video-frame,
.dels-video-protegido.is-fullscreen-fallback .dels-video-frame {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
}

.dels-video-protegido:fullscreen .dels-video-controles,
.dels-video-protegido:-webkit-full-screen .dels-video-controles,
.dels-video-protegido.is-fullscreen-fallback .dels-video-controles {
    flex: 0 0 auto !important;
    width: 100% !important;
}

/*
 * Os vídeos ocupam espaços diferentes no verbete (principal, definição,
 * exemplo e observação). Essas medidas locais são mantidas no uso normal,
 * mas precisam ser neutralizadas em qualquer modo de tela cheia. A classe
 * duplicada aumenta deliberadamente a especificidade apenas nesse estado,
 * sem alterar o player fora da tela cheia.
 */
html body.single-dicionario .dels-video-protegido.is-fullscreen.is-fullscreen,
html body.single-dicionario .dels-video-protegido.is-fullscreen-fallback.is-fullscreen-fallback {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        min-height: 100vh !important;
        min-height: 100dvh !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        background: #000 !important;
}

html body.single-dicionario .dels-video-protegido.is-fullscreen.is-fullscreen > .dels-video-frame,
html body.single-dicionario .dels-video-protegido.is-fullscreen-fallback.is-fullscreen-fallback > .dels-video-frame {
        position: relative !important;
        inset: auto !important;
        flex: 1 1 0 !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
        background: #000 !important;
}

html body.single-dicionario .dels-video-protegido.is-fullscreen.is-fullscreen > .dels-video-frame > .dels-youtube-iframe,
html body.single-dicionario .dels-video-protegido.is-fullscreen-fallback.is-fullscreen-fallback > .dels-video-frame > .dels-youtube-iframe {
        position: absolute !important;
        inset: 0 !important;
        display: block !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        aspect-ratio: auto !important;
}

html body.single-dicionario .dels-video-protegido.is-fullscreen.is-fullscreen > .dels-video-controles,
html body.single-dicionario .dels-video-protegido.is-fullscreen-fallback.is-fullscreen-fallback > .dels-video-controles {
        position: relative !important;
        inset: auto !important;
        flex: 0 0 auto !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        border-radius: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
    .dels-video-protegido .dels-video-overlay-play {
        transition: none;
    }
}