/* =========================================================
   CVC — FACEBOOK V14
   PLAY NATIVO PRIMERO + AUDIO PROPIO DESPUÉS
========================================================= */

.cvc-facebook-v14 {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
    background: #000 !important;
}

/* Ocultar el iframe original de Copucha Play */
.cvc-facebook-v14 > .cvc-embed-frame {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* =========================================================
   REPRODUCTOR NATIVO FACEBOOK
========================================================= */

.cvc-facebook-v14-mount {
    position: absolute !important;

    left: 50% !important;
    top: 48% !important;

    width: min(100%, 450px) !important;
    height: clamp(640px, 70dvh, 820px) !important;

    transform: translate(-50%, -50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    background: #000 !important;

    z-index: 3 !important;

    /*
     * Facebook recibe directamente todos los
     * toques de play y pausa.
     */
    pointer-events: auto !important;
}

.cvc-facebook-v14-mount .fb-video,
.cvc-facebook-v14-mount .fb-video > span,
.cvc-facebook-v14-mount .fb-video iframe {
    width: 100% !important;
    height: 100% !important;

    max-width: 450px !important;

    background: #000 !important;

    pointer-events: auto !important;
}

/* =========================================================
   ÚNICO CONTROL PROPIO: AUDIO
========================================================= */

.cvc-facebook-v14-audio-btn {
    position: absolute !important;

    left: 50% !important;
    top: calc(50% - 70px) !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;

    transform: translateX(-50%) !important;

    z-index: 160 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: rgba(0, 0, 0, 0.58) !important;
    color: #fff !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(255, 255, 255, 0.08) !important;

    backdrop-filter: blur(8px) !important;

    cursor: pointer !important;
    touch-action: manipulation !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    /*
     * Oculto hasta que Facebook confirme
     * startedPlaying.
     */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition:
        opacity 0.18s ease,
        visibility 0.18s ease,
        transform 0.15s ease,
        background 0.15s ease !important;
}

/*
 * Solo aparece cuando el video está
 * realmente reproduciéndose.
 */
.cvc-facebook-v14.is-fb-v14-ready.is-fb-v14-playing
.cvc-facebook-v14-audio-btn {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.cvc-facebook-v14-audio-btn.is-on {
    background: rgba(0, 0, 0, 0.64) !important;
}

.cvc-facebook-v14-audio-btn:active {
    transform:
        translateX(-50%)
        scale(0.92) !important;
}

.cvc-facebook-v14-audio-btn svg {
    width: 20px !important;
    height: 18px !important;

    display: block !important;

    fill: currentColor !important;
    stroke: none !important;
}

.cvc-facebook-v14-audio-btn svg path:first-child {
    fill: currentColor !important;
    stroke: none !important;
}

.cvc-facebook-v14-audio-btn svg path:not(:first-child) {
    fill: none !important;
    stroke: currentColor !important;
}

/* =========================================================
   MÓVIL
========================================================= */

@media (max-width: 480px) {
    .cvc-facebook-v14-mount {
        width: 100% !important;
        height: clamp(716px, 68dvh, 740px) !important;
        top: 48% !important;
    }

    .cvc-facebook-v14-audio-btn {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;

        top: calc(50% - 70px) !important;
    }

    .cvc-facebook-v14-audio-btn svg {
        width: 19px !important;
        height: 17px !important;
    }
}

/* CVC_FACEBOOK_FAKE_PLAY_CORE_V1_START */

/*
 * Play central puramente visual.
 * pointer-events:none permite que el toque llegue al iframe.
 */
.cvc-facebook-fake-play-core {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 64px !important;
    height: 64px !important;

    transform: translate(-50%, -50%) !important;

    z-index: 165 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 50% !important;

    background: rgba(0, 0, 0, 0.62) !important;
    color: #ffffff !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.44),
        0 0 0 1px rgba(255, 255, 255, 0.10) !important;

    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;

    /*
     * Fundamental:
     * el botón no captura el clic ni el toque.
     */
    pointer-events: none !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transition:
        opacity 0.16s ease,
        visibility 0.16s ease !important;
}

.cvc-facebook-fake-play-core.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
}

.cvc-facebook-fake-play-core svg {
    width: 28px !important;
    height: 28px !important;

    display: block !important;

    fill: currentColor !important;
    stroke: none !important;

    transform: translateX(2px) !important;
}

/*
 * El botón de audio permanece por encima.
 */
.cvc-facebook-v10-audio-btn,
.cvc-facebook-v12-audio-btn,
.cvc-facebook-v14-audio-btn,
.cvc-facebook-sdk-audio-btn {
    z-index: 180 !important;
}

@media (max-width: 480px) {
    .cvc-facebook-fake-play-core {
        width: 60px !important;
        height: 60px !important;
    }

    .cvc-facebook-fake-play-core svg {
        width: 26px !important;
        height: 26px !important;
    }
}

/* CVC_FACEBOOK_FAKE_PLAY_CORE_V1_END */


/* CVC_FACEBOOK_AUDIO_AUTOHIDE_CORE_V1_START */

/*
 * Autoocultado del botón de audio de Facebook.
 * No usa display:none para conservar una salida suave.
 */
.cvc-facebook-v10-audio-btn.is-cvc-audio-auto-hidden,
.cvc-facebook-v12-audio-btn.is-cvc-audio-auto-hidden,
.cvc-facebook-v14-audio-btn.is-cvc-audio-auto-hidden,
.cvc-facebook-sdk-audio-btn.is-cvc-audio-auto-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform:
        translateX(-50%)
        scale(0.90) !important;
}

/*
 * Transición suave para aparecer y desaparecer.
 */
.cvc-facebook-v10-audio-btn,
.cvc-facebook-v12-audio-btn,
.cvc-facebook-v14-audio-btn,
.cvc-facebook-sdk-audio-btn {
    transition:
        opacity 0.20s ease,
        visibility 0.20s ease,
        transform 0.18s ease !important;
}

/* CVC_FACEBOOK_AUDIO_AUTOHIDE_CORE_V1_END */


/* =========================================================
   CVC FACEBOOK — CORRECCIÓN PRIORIDAD AUTOOCULTADO
   Debe superar la regla "visible mientras reproduce".
========================================================= */

body .cvc-facebook-sdk-test-v10.is-fb-v10-playing
.cvc-facebook-v10-audio-btn.is-cvc-audio-auto-hidden,

body .cvc-facebook-v10.is-fb-v10-playing
.cvc-facebook-v10-audio-btn.is-cvc-audio-auto-hidden,

body .cvc-facebook-v12.is-fb-v12-playing
.cvc-facebook-v12-audio-btn.is-cvc-audio-auto-hidden,

body .cvc-facebook-v14.is-fb-v14-playing
.cvc-facebook-v14-audio-btn.is-cvc-audio-auto-hidden,

body .cvc-facebook-sdk-test.is-fb-sdk-playing
.cvc-facebook-sdk-audio-btn.is-cvc-audio-auto-hidden,

body .cvc-facebook-v10-audio-btn.is-cvc-audio-auto-hidden,

body .cvc-facebook-v12-audio-btn.is-cvc-audio-auto-hidden,

body .cvc-facebook-v14-audio-btn.is-cvc-audio-auto-hidden,

body .cvc-facebook-sdk-audio-btn.is-cvc-audio-auto-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform:
        translateX(-50%)
        scale(0.88) !important;
}

/* CVC_FACEBOOK_SEEK_CONTROLS_V1_START */

.cvc-facebook-seek-controls {
    position: absolute !important;

    left: 50% !important;
    top: calc(50% - 70px) !important;

    width: 142px !important;
    height: 34px !important;

    transform: translateX(-50%) !important;

    z-index: 178 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 0 !important;
    margin: 0 !important;

    pointer-events: none !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transition:
        opacity 0.18s ease,
        visibility 0.18s ease !important;
}

.cvc-facebook-seek-controls.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
}

.cvc-facebook-seek-btn {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 34px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1px !important;

    padding: 0 3px !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 17px !important;

    background: rgba(0, 0, 0, 0.62) !important;
    color: #ffffff !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.38),
        0 0 0 1px rgba(255, 255, 255, 0.09) !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;

    cursor: pointer !important;
    touch-action: manipulation !important;

    pointer-events: auto !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        transform 0.14s ease,
        background 0.14s ease !important;
}

.cvc-facebook-seek-btn:active,
.cvc-facebook-seek-btn.is-cvc-seek-pressed {
    transform: scale(0.88) !important;
    background: rgba(0, 0, 0, 0.78) !important;
}

.cvc-facebook-seek-arrow {
    display: inline-block !important;

    font-size: 21px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
}

.cvc-facebook-seek-number {
    display: inline-block !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

/*
 * El audio propio permanece en el centro
 * y encima de los dos botones de salto.
 */
.cvc-facebook-v10-audio-btn,
.cvc-facebook-v12-audio-btn,
.cvc-facebook-v14-audio-btn,
.cvc-facebook-sdk-audio-btn {
    z-index: 180 !important;
}

@media (max-width: 480px) {
    .cvc-facebook-seek-controls {
        width: 136px !important;
        height: 32px !important;
    }

    .cvc-facebook-seek-btn {
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 32px !important;
    }

    .cvc-facebook-seek-arrow {
        font-size: 20px !important;
    }
}

/* CVC_FACEBOOK_SEEK_CONTROLS_V1_END */

/* CVC_FACEBOOK_PROGRESS_BAR_V2_SAFE_START */

/*
 * Retirar visualmente los botones ±10 anteriores.
 */
.cvc-facebook-seek-controls {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/*
 * Barra inferior estilo Instagram.
 */
.cvc-facebook-progress-v2 {
    position: absolute !important;

    left: 12px !important;
    right: 12px !important;
    bottom: 42px !important;

    height: 30px !important;

    z-index: 195 !important;

    display: flex !important;
    align-items: center !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transition:
        opacity 0.18s ease,
        visibility 0.18s ease !important;
}

.cvc-facebook-progress-v2.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
}

.cvc-facebook-progress-v2-input {
    --cvc-fb-progress: 0%;

    width: 100% !important;
    height: 30px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;
    touch-action: none !important;

    pointer-events: auto !important;
}

/* Chrome, Edge y Safari */
.cvc-facebook-progress-v2-input::-webkit-slider-runnable-track {
    width: 100% !important;
    height: 3px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            to right,
            #ffffff 0%,
            #ffffff var(--cvc-fb-progress),
            rgba(255, 255, 255, 0.34)
                var(--cvc-fb-progress),
            rgba(255, 255, 255, 0.34) 100%
        ) !important;

    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.82) !important;
}

.cvc-facebook-progress-v2-input::-webkit-slider-thumb {
    width: 11px !important;
    height: 11px !important;

    margin-top: -4px !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    box-shadow:
        0 1px 5px rgba(0, 0, 0, 0.85) !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Firefox */
.cvc-facebook-progress-v2-input::-moz-range-track {
    width: 100% !important;
    height: 3px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        rgba(255, 255, 255, 0.34) !important;
}

.cvc-facebook-progress-v2-input::-moz-range-progress {
    height: 3px !important;

    border-radius: 999px !important;

    background: #ffffff !important;
}

.cvc-facebook-progress-v2-input::-moz-range-thumb {
    width: 11px !important;
    height: 11px !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    box-shadow:
        0 1px 5px rgba(0, 0, 0, 0.85) !important;
}

/*
 * La barra crece mientras el usuario la mueve.
 */
.cvc-facebook-progress-v2.is-scrubbing
.cvc-facebook-progress-v2-input::-webkit-slider-runnable-track {
    height: 5px !important;
}

.cvc-facebook-progress-v2.is-scrubbing
.cvc-facebook-progress-v2-input::-webkit-slider-thumb {
    width: 16px !important;
    height: 16px !important;

    margin-top: -5.5px !important;
}

.cvc-facebook-progress-v2.is-scrubbing
.cvc-facebook-progress-v2-input::-moz-range-track,
.cvc-facebook-progress-v2.is-scrubbing
.cvc-facebook-progress-v2-input::-moz-range-progress {
    height: 5px !important;
}

.cvc-facebook-progress-v2.is-scrubbing
.cvc-facebook-progress-v2-input::-moz-range-thumb {
    width: 16px !important;
    height: 16px !important;
}

@media (max-width: 480px) {
    .cvc-facebook-progress-v2 {
        left: 10px !important;
        right: 10px !important;
        bottom: 39px !important;
        height: 34px !important;
    }

    .cvc-facebook-progress-v2-input {
        height: 34px !important;
    }
}

/* CVC_FACEBOOK_PROGRESS_BAR_V2_SAFE_END */

/* CVC_FACEBOOK_PROGRESS_BAR_V3_START */

/*
 * Retirar las pruebas anteriores.
 */
.cvc-facebook-seek-controls,
.cvc-facebook-progress-v2,
.cvc-facebook-progress-bar {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* =========================================================
   BARRA INFERIOR FACEBOOK
========================================================= */

.cvc-facebook-progress-v3 {
    position: absolute !important;

    left: 12px !important;
    right: 12px !important;
    bottom: 48px !important;

    height: 34px !important;

    z-index: 195 !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition:
        opacity 0.18s ease,
        visibility 0.18s ease !important;
}

.cvc-facebook-progress-v3.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
}

.cvc-facebook-progress-v3-input {
    --cvc-fb-progress: 0%;

    width: 100% !important;
    height: 34px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    cursor: pointer !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    touch-action: none !important;

    pointer-events: auto !important;
}

/* Chrome, Edge y Safari */
.cvc-facebook-progress-v3-input::-webkit-slider-runnable-track {
    width: 100% !important;
    height: 3px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        linear-gradient(
            to right,
            #ffffff 0%,
            #ffffff var(--cvc-fb-progress),
            rgba(255, 255, 255, 0.33)
                var(--cvc-fb-progress),
            rgba(255, 255, 255, 0.33) 100%
        ) !important;

    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.85) !important;
}

.cvc-facebook-progress-v3-input::-webkit-slider-thumb {
    width: 11px !important;
    height: 11px !important;

    margin-top: -4px !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    box-shadow:
        0 1px 5px rgba(0, 0, 0, 0.9) !important;

    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Firefox */
.cvc-facebook-progress-v3-input::-moz-range-track {
    width: 100% !important;
    height: 3px !important;

    border: 0 !important;
    border-radius: 999px !important;

    background:
        rgba(255, 255, 255, 0.33) !important;

    box-shadow:
        0 1px 4px rgba(0, 0, 0, 0.85) !important;
}

.cvc-facebook-progress-v3-input::-moz-range-progress {
    height: 3px !important;

    border-radius: 999px !important;

    background: #ffffff !important;
}

.cvc-facebook-progress-v3-input::-moz-range-thumb {
    width: 11px !important;
    height: 11px !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #ffffff !important;

    box-shadow:
        0 1px 5px rgba(0, 0, 0, 0.9) !important;
}

/*
 * Durante el arrastre la barra se hace más grande.
 */
.cvc-facebook-progress-v3.is-scrubbing
.cvc-facebook-progress-v3-input::-webkit-slider-runnable-track {
    height: 5px !important;
}

.cvc-facebook-progress-v3.is-scrubbing
.cvc-facebook-progress-v3-input::-webkit-slider-thumb {
    width: 16px !important;
    height: 16px !important;

    margin-top: -5.5px !important;
}

.cvc-facebook-progress-v3.is-scrubbing
.cvc-facebook-progress-v3-input::-moz-range-track,
.cvc-facebook-progress-v3.is-scrubbing
.cvc-facebook-progress-v3-input::-moz-range-progress {
    height: 5px !important;
}

.cvc-facebook-progress-v3.is-scrubbing
.cvc-facebook-progress-v3-input::-moz-range-thumb {
    width: 16px !important;
    height: 16px !important;
}

@media (max-width: 480px) {
    .cvc-facebook-progress-v3 {
        left: 10px !important;
        right: 10px !important;
        bottom: 44px !important;
        height: 38px !important;
    }

    .cvc-facebook-progress-v3-input {
        height: 38px !important;
    }
}

/* CVC_FACEBOOK_PROGRESS_BAR_V3_END */

/* CVC_FACEBOOK_PROGRESS_V2_VISIBILITY_FIX_START */

/*
 * La barra V2 sí está siendo creada por JavaScript.
 * Estas reglas anulan el display:none heredado
 * de las pruebas V3 anteriores.
 */

body .cvc-embed-wrap[data-provider="facebook"]
.cvc-facebook-progress-v2 {
    position: absolute !important;

    left: 12px !important;
    right: 12px !important;
    bottom: 48px !important;

    width: auto !important;
    height: 34px !important;

    z-index: 999 !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    pointer-events: none !important;
}

/*
 * La barra solo se hace visible después de que
 * Facebook confirma el estado del reproductor.
 */
body .cvc-embed-wrap[data-provider="facebook"]
.cvc-facebook-progress-v2.is-visible {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

body .cvc-embed-wrap[data-provider="facebook"]
.cvc-facebook-progress-v2-input {
    display: block !important;

    width: 100% !important;
    height: 34px !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    touch-action: none !important;
}

/*
 * Mantener ocultas solamente las pruebas antiguas.
 */
body .cvc-facebook-seek-controls,
body .cvc-facebook-progress-v3,
body .cvc-facebook-progress-bar {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 480px) {
    body .cvc-embed-wrap[data-provider="facebook"]
    .cvc-facebook-progress-v2 {
        left: 10px !important;
        right: 10px !important;
        bottom: 44px !important;
        height: 38px !important;
    }

    body .cvc-embed-wrap[data-provider="facebook"]
    .cvc-facebook-progress-v2-input {
        height: 38px !important;
    }
}

/* CVC_FACEBOOK_PROGRESS_V2_VISIBILITY_FIX_END */


/* CVC_FACEBOOK_PROGRESS_OVER_IFRAME_V1_CSS_START */

/*
 * Crear una capa local dentro del reproductor SDK.
 */
.cvc-facebook-v14-mount,
.cvc-facebook-v12-mount,
.cvc-facebook-v10-mount,
.cvc-facebook-sdk-mount {
    isolation: isolate !important;
}

/*
 * El reproductor de Facebook queda en la capa inferior.
 */
.cvc-facebook-v14-mount > .fb-video,
.cvc-facebook-v12-mount > .fb-video,
.cvc-facebook-v10-mount > .fb-video,
.cvc-facebook-sdk-mount > .fb-video {
    position: relative !important;
    z-index: 1 !important;
}

/*
 * La barra queda después del reproductor y por encima
 * del iframe, dentro del mismo mount.
 */
body .cvc-facebook-v14-mount
.cvc-facebook-progress-v2,

body .cvc-facebook-v12-mount
.cvc-facebook-progress-v2,

body .cvc-facebook-v10-mount
.cvc-facebook-progress-v2,

body .cvc-facebook-sdk-mount
.cvc-facebook-progress-v2 {
    position: absolute !important;

    left: 12px !important;
    right: 12px !important;
    bottom: 48px !important;

    width: auto !important;
    height: 38px !important;

    z-index: 50 !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;
}

/*
 * La barra propiamente tal debe aceptar el arrastre.
 */
body .cvc-facebook-v14-mount
.cvc-facebook-progress-v2-input,

body .cvc-facebook-v12-mount
.cvc-facebook-progress-v2-input,

body .cvc-facebook-v10-mount
.cvc-facebook-progress-v2-input,

body .cvc-facebook-sdk-mount
.cvc-facebook-progress-v2-input {
    display: block !important;

    width: 100% !important;
    height: 38px !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;
    touch-action: none !important;
}

/*
 * Ocultar solamente las versiones de progreso anteriores.
 */
body .cvc-facebook-seek-controls,
body .cvc-facebook-progress-v3,
body .cvc-facebook-progress-bar {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 480px) {
    body .cvc-facebook-v14-mount
    .cvc-facebook-progress-v2,

    body .cvc-facebook-v12-mount
    .cvc-facebook-progress-v2,

    body .cvc-facebook-v10-mount
    .cvc-facebook-progress-v2,

    body .cvc-facebook-sdk-mount
    .cvc-facebook-progress-v2 {
        left: 10px !important;
        right: 10px !important;
        bottom: 42px !important;
        height: 42px !important;
    }
}

/* CVC_FACEBOOK_PROGRESS_OVER_IFRAME_V1_CSS_END */


/* =========================================================
   CVC FACEBOOK — PLAY PERSONALIZADO V1
========================================================= */

/*
 * Asegurar una capa local por encima del iframe.
 */
body .cvc-facebook-v14-mount,
body .cvc-facebook-v12-mount,
body .cvc-facebook-v10-mount,
body .cvc-facebook-sdk-mount {
    isolation: isolate !important;
}

/*
 * El reproductor nativo queda debajo.
 */
body .cvc-facebook-v14-mount > .fb-video,
body .cvc-facebook-v12-mount > .fb-video,
body .cvc-facebook-v10-mount > .fb-video,
body .cvc-facebook-sdk-mount > .fb-video {
    position: relative !important;
    z-index: 1 !important;
}

/*
 * Play personalizado Copucha Play.
 * Es opaco para cubrir por completo el botón nativo.
 */
body .cvc-facebook-v14-mount
.cvc-facebook-fake-play-core,

body .cvc-facebook-v12-mount
.cvc-facebook-fake-play-core,

body .cvc-facebook-v10-mount
.cvc-facebook-fake-play-core,

body .cvc-facebook-sdk-mount
.cvc-facebook-fake-play-core {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 84px !important;
    height: 84px !important;

    transform:
        translate(-50%, -50%)
        scale(0.94) !important;

    z-index: 90 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 3px solid #ffffff !important;
    border-radius: 50% !important;

    background:
        linear-gradient(
            145deg,
            #ff3c8d 0%,
            #ed1472 100%
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.52),
        0 0 0 5px rgba(237, 20, 114, 0.18),
        inset 0 1px 1px rgba(255, 255, 255, 0.28) !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    /*
     * El toque atraviesa hacia el play nativo de Facebook.
     */
    pointer-events: none !important;

    opacity: 0 !important;
    visibility: hidden !important;

    transition:
        opacity 0.16s ease,
        visibility 0.16s ease,
        transform 0.16s ease !important;
}

/*
 * Mostrar cuando Facebook confirma que está pausado.
 */
body .cvc-facebook-v14-mount
.cvc-facebook-fake-play-core.is-visible,

body .cvc-facebook-v12-mount
.cvc-facebook-fake-play-core.is-visible,

body .cvc-facebook-v10-mount
.cvc-facebook-fake-play-core.is-visible,

body .cvc-facebook-sdk-mount
.cvc-facebook-fake-play-core.is-visible {
    opacity: 1 !important;
    visibility: visible !important;

    transform:
        translate(-50%, -50%)
        scale(1) !important;
}

/*
 * Triángulo central.
 */
body .cvc-facebook-fake-play-core svg {
    width: 34px !important;
    height: 34px !important;

    display: block !important;

    fill: #ffffff !important;
    stroke: none !important;

    transform: translateX(3px) !important;

    filter:
        drop-shadow(
            0 2px 3px rgba(0, 0, 0, 0.30)
        ) !important;
}

@media (max-width: 480px) {
    body .cvc-facebook-v14-mount
    .cvc-facebook-fake-play-core,

    body .cvc-facebook-v12-mount
    .cvc-facebook-fake-play-core,

    body .cvc-facebook-v10-mount
    .cvc-facebook-fake-play-core,

    body .cvc-facebook-sdk-mount
    .cvc-facebook-fake-play-core {
        width: 78px !important;
        height: 78px !important;
    }

    body .cvc-facebook-fake-play-core svg {
        width: 31px !important;
        height: 31px !important;
    }
}

/* CVC_FACEBOOK_FAKE_PLAY_BLACK_V2_START */

/*
 * Play falso con apariencia similar al control
 * negro y blanco mostrado en la referencia.
 */
body .cvc-facebook-v14-mount
.cvc-facebook-fake-play-core,

body .cvc-facebook-v12-mount
.cvc-facebook-fake-play-core,

body .cvc-facebook-v10-mount
.cvc-facebook-fake-play-core,

body .cvc-facebook-sdk-mount
.cvc-facebook-fake-play-core {
    width: 80px !important;
    height: 80px !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 3px solid rgba(255, 255, 255, 0.98) !important;
    border-radius: 50% !important;

    /*
     * Quitar completamente el degradado rosado.
     */
    background: #15151b !important;
    background-image: none !important;

    color: #ffffff !important;

    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.48) !important;

    outline: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    /*
     * Continúa siendo visual:
     * el toque atraviesa hacia Facebook.
     */
    pointer-events: none !important;
}

/*
 * Eliminar cualquier resplandor rosado heredado.
 */
body .cvc-facebook-fake-play-core.is-visible {
    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.48) !important;
}

/*
 * Triángulo blanco, centrado visualmente.
 */
body .cvc-facebook-fake-play-core svg {
    width: 32px !important;
    height: 32px !important;

    fill: #ffffff !important;
    color: #ffffff !important;
    stroke: none !important;

    transform: translateX(3px) !important;

    filter:
        drop-shadow(
            0 1px 2px rgba(0, 0, 0, 0.35)
        ) !important;
}

body .cvc-facebook-fake-play-core svg path {
    fill: #ffffff !important;
    stroke: none !important;
}

@media (max-width: 480px) {
    body .cvc-facebook-v14-mount
    .cvc-facebook-fake-play-core,

    body .cvc-facebook-v12-mount
    .cvc-facebook-fake-play-core,

    body .cvc-facebook-v10-mount
    .cvc-facebook-fake-play-core,

    body .cvc-facebook-sdk-mount
    .cvc-facebook-fake-play-core {
        width: 76px !important;
        height: 76px !important;

        border-width: 3px !important;
    }

    body .cvc-facebook-fake-play-core svg {
        width: 30px !important;
        height: 30px !important;
    }
}

/* CVC_FACEBOOK_FAKE_PLAY_BLACK_V2_END */


/* =========================================================
   CVC FACEBOOK — USAR PLAY NATIVO ORIGINAL
   El iframe ya muestra correctamente su propio control.
========================================================= */

body .cvc-facebook-fake-play-core,
body .cvc-facebook-v14-mount
.cvc-facebook-fake-play-core,
body .cvc-facebook-v12-mount
.cvc-facebook-fake-play-core,
body .cvc-facebook-v10-mount
.cvc-facebook-fake-play-core,
body .cvc-facebook-sdk-mount
.cvc-facebook-fake-play-core {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* Eliminar también cualquier elemento visual interno */
body .cvc-facebook-fake-play-core svg,
body .cvc-facebook-fake-play-core::before,
body .cvc-facebook-fake-play-core::after {
    display: none !important;
}

/* Mantener el reproductor nativo completamente interactivo */
body .cvc-facebook-v14-mount .fb-video,
body .cvc-facebook-v14-mount .fb-video iframe,
body .cvc-facebook-v12-mount .fb-video,
body .cvc-facebook-v12-mount .fb-video iframe,
body .cvc-facebook-v10-mount .fb-video,
body .cvc-facebook-v10-mount .fb-video iframe,
body .cvc-facebook-sdk-mount .fb-video,
body .cvc-facebook-sdk-mount .fb-video iframe {
    pointer-events: auto !important;
}