/* =========================================================
   COPUCHA PLAY — EMBEDS EXTERNOS LIMPIO
   YouTube, TikTok, Instagram y Facebook
========================================================= */

.cvc-embed-wrap {
    position: absolute !important;
    inset: 0 !important;

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

    z-index: 1 !important;

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

.cvc-embed-frame {
    position: absolute !important;
    inset: 0 !important;

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

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

    background: #000 !important;

    z-index: 1 !important;
}

/* YouTube y TikTok usan controles encima del iframe */
.cvc-embed-youtube .cvc-embed-frame,
.cvc-embed-tiktok .cvc-embed-frame {
    pointer-events: none !important;
}

/* Instagram y Facebook mantienen interacción nativa */
.cvc-embed-instagram .cvc-embed-frame,
.cvc-embed-facebook .cvc-embed-frame {
    pointer-events: auto !important;
}

/* Evita que overlays del item tapen los botones */
.cvc-item .cvc-overlay {
    pointer-events: none !important;
}

/* =========================================================
   LOADER FUEGO
========================================================= */

.cvc-embed-loader {
    position: absolute !important;
    inset: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;

    z-index: 5 !important;

    background:
        radial-gradient(circle at center, rgba(255, 45, 122, 0.18), transparent 34%),
        linear-gradient(to bottom, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.92)) !important;

    color: #ffffff !important;

    opacity: 1 !important;
    pointer-events: none !important;

    transition: opacity 0.25s ease !important;
}

.cvc-embed-wrap.is-loaded .cvc-embed-loader {
    opacity: 0 !important;
}

.cvc-embed-loader-fire {
    width: 58px !important;
    height: 58px !important;

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

    color: #ff2d7a !important;

    border-radius: 50% !important;
    background: rgba(255, 45, 122, 0.10) !important;

    box-shadow:
        0 0 0 1px rgba(255, 45, 122, 0.18),
        0 0 28px rgba(255, 45, 122, 0.38) !important;

    animation: cvcEmbedFirePulse 1.05s ease-in-out infinite !important;
}

.cvc-embed-loader-fire svg {
    width: 32px !important;
    height: 32px !important;

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

.cvc-embed-loader span {
    color: rgba(255, 255, 255, 0.88) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;

    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85) !important;
}

@keyframes cvcEmbedFirePulse {
    0% {
        transform: scale(0.94);
        opacity: 0.74;
    }

    50% {
        transform: scale(1.06);
        opacity: 1;
    }

    100% {
        transform: scale(0.94);
        opacity: 0.74;
    }
}

/* =========================================================
   YOUTUBE — CONTROLES COPUCHA PLAY
========================================================= */

.cvc-embed-youtube .cvc-youtube-center-controls {
    position: absolute !important;

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

    width: 90px !important;
    height: 150px !important;

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

    z-index: 80 !important;

    display: block !important;

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

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

.cvc-embed-youtube.controls-open .cvc-youtube-center-controls,
.cvc-embed-youtube.provider-paused .cvc-youtube-center-controls,
.cvc-embed-youtube.youtube-paused .cvc-youtube-center-controls {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

.cvc-embed-youtube .cvc-youtube-main-controls {
    position: relative !important;

    width: 90px !important;
    height: 150px !important;

    display: block !important;

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

/* Play / pausa YouTube */
.cvc-embed-youtube .cvc-youtube-play-btn {
    position: absolute !important;

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

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

    transform: translate(-50%, -50%) !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: #ffffff !important;

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

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

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(255, 255, 255, 0.07) !important;

    z-index: 82 !important;

    transition:
        transform 0.15s ease,
        background 0.15s ease !important;

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

/* Audio YouTube */
.cvc-embed-youtube .cvc-youtube-audio-btn {
    position: absolute !important;

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

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

    transform: translateX(-50%) !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.54) !important;
    color: #ffffff !important;

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

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

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

    z-index: 83 !important;

    transition:
        transform 0.15s ease,
        background 0.15s ease !important;

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

.cvc-embed-youtube .cvc-youtube-play-btn:active {
    transform: translate(-50%, -50%) scale(0.92) !important;
    background: rgba(0, 0, 0, 0.70) !important;
}

.cvc-embed-youtube .cvc-youtube-audio-btn:active {
    transform: translateX(-50%) scale(0.92) !important;
    background: rgba(0, 0, 0, 0.68) !important;
}

/* SVG YouTube */
.cvc-embed-youtube .cvc-youtube-play-btn svg {
    width: 25px !important;
    height: 25px !important;

    display: block !important;

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

    transform: translateX(1px) !important;
}

.cvc-embed-youtube .cvc-youtube-play-btn svg path,
.cvc-embed-youtube .cvc-youtube-play-btn svg rect {
    fill: currentColor !important;
    stroke: none !important;
}

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

    display: block !important;

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

.cvc-embed-youtube .cvc-youtube-audio-btn svg path:first-child {
    fill: currentColor !important;
}

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

/* Panel de volumen viejo oculto */
.cvc-embed-youtube .cvc-youtube-volume-panel,
.cvc-embed-youtube .cvc-youtube-volume-range,
.cvc-embed-youtube .cvc-youtube-volume-label {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* =========================================================
   TIKTOK — PLAYER OFICIAL + CONTROLES COPUCHA PLAY
========================================================= */

.cvc-embed-tiktok {
    position: absolute !important;
    inset: 0 !important;

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

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

.cvc-embed-tiktok .cvc-embed-frame {
    position: absolute !important;

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

    width: min(100%, 450px) !important;
    height: clamp(680px, 78dvh, 880px) !important;

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

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

    background: #000 !important;

    pointer-events: none !important;

    z-index: 1 !important;
}

.cvc-embed-tiktok .cvc-embed-loader {
    z-index: 5 !important;
}

/* Capa TikTok */
.cvc-embed-tiktok .cvc-external-center-controls {
    position: absolute !important;

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

    width: 90px !important;
    height: 150px !important;

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

    z-index: 80 !important;

    display: block !important;

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

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

.cvc-embed-tiktok.controls-open .cvc-external-center-controls,
.cvc-embed-tiktok.provider-paused .cvc-external-center-controls {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate(-50%, -50%) scale(1) !important;
}

.cvc-embed-tiktok .cvc-external-main-controls {
    position: relative !important;

    width: 90px !important;
    height: 150px !important;

    display: block !important;

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

/* Play / pausa TikTok */
.cvc-embed-tiktok .cvc-external-play-btn {
    position: absolute !important;

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

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

    transform: translate(-50%, -50%) !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: #ffffff !important;

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

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

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.42),
        0 0 0 1px rgba(255, 255, 255, 0.07) !important;

    z-index: 82 !important;

    transition:
        transform 0.15s ease,
        background 0.15s ease !important;

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

/* Audio TikTok */
.cvc-embed-tiktok .cvc-external-audio-btn {
    position: absolute !important;

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

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

    transform: translateX(-50%) !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.54) !important;
    color: #ffffff !important;

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

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

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

    z-index: 83 !important;

    transition:
        transform 0.15s ease,
        background 0.15s ease !important;

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

.cvc-embed-tiktok .cvc-external-play-btn:active {
    transform: translate(-50%, -50%) scale(0.92) !important;
    background: rgba(0, 0, 0, 0.70) !important;
}

.cvc-embed-tiktok .cvc-external-audio-btn:active {
    transform: translateX(-50%) scale(0.92) !important;
    background: rgba(0, 0, 0, 0.68) !important;
}

/* SVG TikTok */
.cvc-embed-tiktok .cvc-external-play-btn svg {
    width: 25px !important;
    height: 25px !important;

    display: block !important;

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

    transform: translateX(1px) !important;
}

.cvc-embed-tiktok .cvc-external-play-btn svg path,
.cvc-embed-tiktok .cvc-external-play-btn svg rect {
    fill: currentColor !important;
    stroke: none !important;
}

.cvc-embed-tiktok .cvc-external-audio-btn svg {
    width: 20px !important;
    height: 18px !important;

    display: block !important;

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

.cvc-embed-tiktok .cvc-external-audio-btn svg path:first-child {
    fill: currentColor !important;
}

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

/* =========================================================
   INSTAGRAM — CENTRADO VALIDADO
========================================================= */

.cvc-embed-instagram {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

.cvc-embed-instagram .cvc-embed-frame {
    position: absolute !important;

    inset: auto !important;
    left: 50% !important;
    top: 47% !important;

    width: min(100%, 450px) !important;
    height: clamp(660px, 68dvh, 784px) !important;

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

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

    background: #ffffff !important;
}

.cvc-embed-instagram::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            to bottom,
            transparent 55%,
            rgba(0, 0, 0, 0.08) 68%,
            rgba(0, 0, 0, 0.72) 88%,
            #000 100%
        ) !important;
}

.cvc-embed-instagram .cvc-embed-loader {
    z-index: 5 !important;
}

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

/* =========================================================
   FACEBOOK — REEL AJUSTE VISUAL VALIDADO
========================================================= */

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

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

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

.cvc-embed-facebook .cvc-embed-frame {
    position: absolute !important;

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

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

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

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

    background: #000 !important;
}

.cvc-embed-facebook .cvc-embed-loader {
    z-index: 5 !important;
}

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

/* =========================================================
   MÓVIL — CONTROLES
========================================================= */

@media (max-width: 480px) {
    .cvc-embed-loader-fire {
        width: 54px !important;
        height: 54px !important;
    }

    .cvc-embed-loader-fire svg {
        width: 30px !important;
        height: 30px !important;
    }

    .cvc-embed-loader span {
        font-size: 12.5px !important;
    }

    .cvc-embed-youtube .cvc-youtube-center-controls,
    .cvc-embed-tiktok .cvc-external-center-controls {
        width: 84px !important;
        height: 142px !important;
    }

    .cvc-embed-youtube .cvc-youtube-main-controls,
    .cvc-embed-tiktok .cvc-external-main-controls {
        width: 84px !important;
        height: 142px !important;
    }

    .cvc-embed-youtube .cvc-youtube-play-btn,
    .cvc-embed-tiktok .cvc-external-play-btn {
        width: 60px !important;
        height: 60px !important;
        top: 74px !important;
    }

    .cvc-embed-youtube .cvc-youtube-play-btn svg,
    .cvc-embed-tiktok .cvc-external-play-btn svg {
        width: 23px !important;
        height: 23px !important;
    }

    .cvc-embed-youtube .cvc-youtube-audio-btn,
    .cvc-embed-tiktok .cvc-external-audio-btn {
        width: 32px !important;
        height: 32px !important;
        top: 4px !important;
    }

    .cvc-embed-youtube .cvc-youtube-audio-btn svg,
    .cvc-embed-tiktok .cvc-external-audio-btn svg {
        width: 19px !important;
        height: 17px !important;
    }

    .cvc-embed-tiktok .cvc-embed-frame {
        width: 100% !important;
        height: clamp(650px, 76dvh, 850px) !important;
        top: 50% !important;
    }
}

/* =========================================================
   COPUCHA PLAY — TIKTOK NATIVO FINAL
   YouTube mantiene controles Copucha Play.
   TikTok usa controles nativos del iframe.
========================================================= */

/* Ocultar botones propios solo en TikTok */
.cvc-embed-tiktok .cvc-external-center-controls,
.cvc-embed-tiktok .cvc-tiktok-center-controls,
.cvc-embed-tiktok .cvc-external-main-controls,
.cvc-embed-tiktok .cvc-external-play-btn,
.cvc-embed-tiktok .cvc-external-audio-btn {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* TikTok debe recibir el toque real del usuario */
.cvc-embed-tiktok .cvc-embed-frame {
    pointer-events: auto !important;
    z-index: 3 !important;
}

/* Mantener TikTok centrado */
.cvc-embed-tiktok {
    position: absolute !important;
    inset: 0 !important;

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

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

.cvc-embed-tiktok .cvc-embed-frame {
    position: absolute !important;

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

    width: min(100%, 450px) !important;
    height: clamp(680px, 78dvh, 880px) !important;

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

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

    background: #000 !important;
}

/* Loader sobre TikTok */
.cvc-embed-tiktok .cvc-embed-loader {
    z-index: 5 !important;
}

@media (max-width: 480px) {
    .cvc-embed-tiktok .cvc-embed-frame {
        width: 100% !important;
        height: clamp(650px, 76dvh, 850px) !important;
        top: 50% !important;
    }
}













/* =========================================================
   COPUCHA PLAY — TIKTOK NATIVO MÁS CÓMODO
   Mantiene controles reales de TikTok visibles y clickeables
========================================================= */

.cvc-embed-tiktok .cvc-embed-frame {
    pointer-events: auto !important;

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

    width: min(100%, 450px) !important;
    height: clamp(660px, 74dvh, 840px) !important;

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

    z-index: 3 !important;
}

/* Que ningún botón propio de TikTok tape los controles nativos */
.cvc-embed-tiktok .cvc-external-center-controls,
.cvc-embed-tiktok .cvc-tiktok-center-controls,
.cvc-embed-tiktok .cvc-external-main-controls,
.cvc-embed-tiktok .cvc-external-play-btn,
.cvc-embed-tiktok .cvc-external-audio-btn {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 480px) {
    .cvc-embed-tiktok .cvc-embed-frame {
        width: 100% !important;
        height: clamp(640px, 73dvh, 820px) !important;
        top: 51% !important;
    }
}
/* =========================================================
   COPUCHA PLAY — TIKTOK AUDIO FLOATING BUTTON
========================================================= */

.cvc-embed-tiktok .cvc-tiktok-audio-float {
    position: absolute !important;

    right: 14px !important;
    top: 82px !important;

    z-index: 120 !important;

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

    min-width: 84px !important;
    height: 38px !important;

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

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

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

    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

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

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

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

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

.cvc-embed-tiktok .cvc-tiktok-audio-float.is-on {
    background: rgba(255, 45, 122, 0.82) !important;

    box-shadow:
        0 10px 28px rgba(255, 45, 122, 0.24),
        0 0 0 1px rgba(255, 255, 255, 0.14) !important;
}

.cvc-embed-tiktok .cvc-tiktok-audio-float:active {
    transform: scale(0.94) !important;
}

.cvc-embed-tiktok .cvc-tiktok-audio-float-icon {
    width: 19px !important;
    height: 18px !important;

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

    color: currentColor !important;
}

.cvc-embed-tiktok .cvc-tiktok-audio-float-icon svg {
    width: 19px !important;
    height: 18px !important;

    display: block !important;

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

.cvc-embed-tiktok .cvc-tiktok-audio-float-icon svg path:first-child {
    fill: currentColor !important;
}

.cvc-embed-tiktok .cvc-tiktok-audio-float-icon svg path:not(:first-child) {
    fill: none !important;
    stroke: currentColor !important;
}

.cvc-embed-tiktok .cvc-tiktok-audio-float-text {
    display: block !important;
    color: currentColor !important;
    letter-spacing: 0.01em !important;
}

@media (max-width: 480px) {
    .cvc-embed-tiktok .cvc-tiktok-audio-float {
        right: 12px !important;
        top: 78px !important;

        min-width: 78px !important;
        height: 36px !important;

        padding: 0 11px !important;

        font-size: 11.5px !important;
    }
}


/* =========================================================
   COPUCHA PLAY — TIKTOK AUDIO IGUAL A YOUTUBE
   Botón redondo, sin texto, centrado sobre el video
========================================================= */

.cvc-embed-tiktok .cvc-tiktok-audio-float {
    position: absolute !important;

    left: 50% !important;
    right: auto !important;
    top: calc(50% - 69px) !important;

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

    transform: translateX(-50%) !important;

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

    gap: 0 !important;

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

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

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

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

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

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

    z-index: 120 !important;

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

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

/* Cuando está activo, que siga sobrio como YouTube */
.cvc-embed-tiktok .cvc-tiktok-audio-float.is-on {
    background: rgba(0, 0, 0, 0.58) !important;
    color: #ffffff !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.36),
        0 0 0 1px rgba(255, 255, 255, 0.07) !important;
}

.cvc-embed-tiktok .cvc-tiktok-audio-float:active {
    transform: translateX(-50%) scale(0.92) !important;
    background: rgba(0, 0, 0, 0.68) !important;
}

/* Ocultar texto Audio/Sonido */
.cvc-embed-tiktok .cvc-tiktok-audio-float-text {
    display: none !important;
}

/* Icono igual al de YouTube */
.cvc-embed-tiktok .cvc-tiktok-audio-float-icon {
    width: 20px !important;
    height: 18px !important;

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

    color: currentColor !important;
}

.cvc-embed-tiktok .cvc-tiktok-audio-float-icon svg {
    width: 20px !important;
    height: 18px !important;

    display: block !important;

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

.cvc-embed-tiktok .cvc-tiktok-audio-float-icon svg path:first-child {
    fill: currentColor !important;
}

.cvc-embed-tiktok .cvc-tiktok-audio-float-icon svg path:not(:first-child) {
    fill: none !important;
    stroke: currentColor !important;
}

@media (max-width: 480px) {
    .cvc-embed-tiktok .cvc-tiktok-audio-float {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;

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

    .cvc-embed-tiktok .cvc-tiktok-audio-float-icon {
        width: 19px !important;
        height: 17px !important;
    }

    .cvc-embed-tiktok .cvc-tiktok-audio-float-icon svg {
        width: 19px !important;
        height: 17px !important;
    }
}


/* =========================================================
   COPUCHA PLAY — FACEBOOK AUDIO IGUAL A YOUTUBE
========================================================= */

.cvc-embed-facebook .cvc-facebook-audio-float {
    position: absolute !important;

    left: 50% !important;
    right: auto !important;
    top: calc(50% - 69px) !important;

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

    transform: translateX(-50%) !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.54) !important;
    color: #ffffff !important;

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

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

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

    z-index: 120 !important;

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

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

.cvc-embed-facebook .cvc-facebook-audio-float.is-on {
    background: rgba(0, 0, 0, 0.58) !important;
    color: #ffffff !important;

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.36),
        0 0 0 1px rgba(255, 255, 255, 0.07) !important;
}

.cvc-embed-facebook .cvc-facebook-audio-float:active {
    transform: translateX(-50%) scale(0.92) !important;
    background: rgba(0, 0, 0, 0.68) !important;
}

.cvc-embed-facebook .cvc-facebook-audio-float-icon {
    width: 20px !important;
    height: 18px !important;

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

    color: currentColor !important;
}

.cvc-embed-facebook .cvc-facebook-audio-float-icon svg {
    width: 20px !important;
    height: 18px !important;

    display: block !important;

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

.cvc-embed-facebook .cvc-facebook-audio-float-icon svg path:first-child {
    fill: currentColor !important;
}

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

@media (max-width: 480px) {
    .cvc-embed-facebook .cvc-facebook-audio-float {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
        height: 32px !important;

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

    .cvc-embed-facebook .cvc-facebook-audio-float-icon,
    .cvc-embed-facebook .cvc-facebook-audio-float-icon svg {
        width: 19px !important;
        height: 17px !important;
    }
}


/* =========================================================
   COPUCHA PLAY — OCULTAR BOTÓN FACEBOOK FALLIDO
========================================================= */

.cvc-embed-facebook .cvc-facebook-audio-float {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}


/* =========================================================
   COPUCHA PLAY — TIKTOK AUDIO AUTO HIDE VISUAL
========================================================= */

.cvc-embed-tiktok .cvc-tiktok-audio-float {
    opacity: 1 !important;
    visibility: visible !important;

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

.cvc-embed-tiktok .cvc-tiktok-audio-float.is-hidden {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* En escritorio, al pasar el mouse por el TikTok, vuelve a aparecer */
@media (hover: hover) {
    .cvc-embed-tiktok:hover .cvc-tiktok-audio-float {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

/* CVC_TIKTOK_PLAY_CORRECTED_V2_START */

/* =========================================================
   ESTILO TIKTOK CORREGIDO
   YouTube + control externo TikTok
========================================================= */

body .cvc-embed-youtube .cvc-youtube-play-btn,
body .cvc-embed-tiktok .cvc-external-play-btn {
    position: relative !important;

    /*
     * Tamaño similar al control nativo de TikTok.
     * Nunca será menor que 56 px ni mayor que 64 px.
     */
    width: clamp(56px, 7vh, 64px) !important;
    min-width: clamp(56px, 7vh, 64px) !important;
    max-width: clamp(56px, 7vh, 64px) !important;

    height: clamp(56px, 7vh, 64px) !important;
    min-height: clamp(56px, 7vh, 64px) !important;
    max-height: clamp(56px, 7vh, 64px) !important;

    flex:
        0 0
        clamp(56px, 7vh, 64px) !important;

    aspect-ratio: 1 / 1 !important;

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

    box-sizing: border-box !important;

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

    border: 0 !important;
    border-style: none !important;
    border-radius: 99999px !important;

    background: rgba(22, 24, 35, 0.60) !important;
    background-image: none !important;

    color: #ffffff !important;

    box-shadow: none !important;
    outline: none !important;

    overflow: hidden !important;

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

    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;

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

    /*
     * Evita que el botón se desplace o cambie de tamaño.
     */
    transform: none !important;

    transition:
        background-color 0.12s ease,
        opacity 0.12s ease,
        filter 0.12s ease !important;
}

/* Ocultar el SVG anterior */
body .cvc-embed-youtube
.cvc-youtube-play-btn > svg,

body .cvc-embed-tiktok
.cvc-external-play-btn > svg {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

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

    pointer-events: none !important;

    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-user-drag: none !important;
}

/* =========================================================
   TRIÁNGULO PLAY
========================================================= */

body .cvc-embed-youtube
.cvc-youtube-play-btn::before,

body .cvc-embed-tiktok
.cvc-external-play-btn::before {
    content: "" !important;

    position: absolute !important;

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

    width: 40% !important;
    height: 46% !important;

    /*
     * Compensación óptica hacia la derecha.
     */
    transform:
        translate(-42%, -50%) !important;

    background: #ffffff !important;

    clip-path:
        polygon(
            0 0,
            100% 50%,
            0 100%
        ) !important;

    -webkit-clip-path:
        polygon(
            0 0,
            100% 50%,
            0 100%
        ) !important;

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

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

    pointer-events: none !important;
}

/* =========================================================
   PAUSA
========================================================= */

body .cvc-embed-youtube
.cvc-youtube-play-btn[aria-label^="Pausar"]::before,

body .cvc-embed-tiktok
.cvc-external-play-btn[aria-label^="Pausar"]::before {
    width: 30% !important;
    height: 42% !important;

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

    background:
        linear-gradient(
            to right,
            #ffffff 0%,
            #ffffff 31%,
            transparent 31%,
            transparent 69%,
            #ffffff 69%,
            #ffffff 100%
        ) !important;

    clip-path: none !important;
    -webkit-clip-path: none !important;

    border-radius: 1px !important;
}

/*
 * Al tocarlo solo cambia levemente el fondo.
 * No se mueve ni se reduce.
 */
body .cvc-embed-youtube
.cvc-youtube-play-btn:active,

body .cvc-embed-tiktok
.cvc-external-play-btn:active {
    background:
        rgba(22, 24, 35, 0.76) !important;

    transform: none !important;
    filter: brightness(0.96) !important;
}

body .cvc-embed-youtube
.cvc-youtube-play-btn:focus-visible,

body .cvc-embed-tiktok
.cvc-external-play-btn:focus-visible {
    outline:
        2px solid rgba(255, 255, 255, 0.82) !important;

    outline-offset: 3px !important;
}

/* CVC_TIKTOK_PLAY_CORRECTED_V2_END */

/* CVC_YOUTUBE_CENTER_ABSOLUTE_V1_START */

/* =========================================================
   CENTRADO EXACTO DEL PLAY DE YOUTUBE

   La capa ocupa todo el iframe.
   Play: centro matemático.
   Audio: posición independiente sobre el play.
========================================================= */

/*
 * La capa de controles ocupa todo el reproductor,
 * no una caja vertical de 90 x 150 px.
 */
body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-center-controls {
    position: absolute !important;

    inset: 0 !important;

    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

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

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

    transform: none !important;

    display: block !important;

    pointer-events: none !important;

    z-index: 8 !important;
}

/*
 * Mantener la misma posición al mostrar los controles.
 */
body.page-template-page-videos
.cvc-embed-youtube.controls-open
.cvc-youtube-center-controls,

body.page-template-page-videos
.cvc-embed-youtube.youtube-paused
.cvc-youtube-center-controls,

body.page-template-page-videos
.cvc-embed-youtube.provider-paused
.cvc-youtube-center-controls {
    inset: 0 !important;

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

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

    transform: none !important;

    pointer-events: none !important;
}

/*
 * La caja interna también ocupa toda el área.
 */
body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-main-controls {
    position: absolute !important;

    inset: 0 !important;

    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

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

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

    transform: none !important;

    display: block !important;

    pointer-events: none !important;
}

/* =========================================================
   PLAY / PAUSA
   inset:0 + margin:auto = centro exacto
========================================================= */

body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-play-btn {
    position: absolute !important;

    inset: 0 !important;

    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    margin: auto !important;

    transform: none !important;
    transform-origin: center center !important;

    pointer-events: auto !important;

    z-index: 10 !important;
}

/*
 * Ningún estado debe desplazar el botón.
 */
body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-play-btn:hover,

body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-play-btn:focus,

body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-play-btn:focus-visible,

body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-play-btn:active {
    inset: 0 !important;

    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    margin: auto !important;

    transform: none !important;
}

/* =========================================================
   AUDIO
========================================================= */

body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-audio-btn {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;

    top: calc(50% - 76px) !important;
    bottom: auto !important;

    margin:
        0
        auto !important;

    transform: none !important;

    pointer-events: auto !important;

    z-index: 11 !important;
}

body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-audio-btn:hover,

body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-audio-btn:focus,

body.page-template-page-videos
.cvc-embed-youtube
.cvc-youtube-audio-btn:active {
    left: 0 !important;
    right: 0 !important;

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

    margin:
        0
        auto !important;

    transform: none !important;
}

@media (max-width: 480px) {
    body.page-template-page-videos
    .cvc-embed-youtube
    .cvc-youtube-center-controls,

    body.page-template-page-videos
    .cvc-embed-youtube
    .cvc-youtube-main-controls {
        inset: 0 !important;

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

    body.page-template-page-videos
    .cvc-embed-youtube
    .cvc-youtube-audio-btn {
        top: calc(50% - 70px) !important;
    }
}

/* CVC_YOUTUBE_CENTER_ABSOLUTE_V1_END */

/* CVC_TIKTOK_SINGLE_AUDIO_CONTROL_V1_START */

/*
 * TikTok utiliza solamente el botón flotante:
 * .cvc-tiktok-audio-float
 *
 * El control genérico antiguo no debe ocupar espacio,
 * recibir clics ni quedar disponible mediante teclado.
 */
body .cvc-embed-wrap[data-provider="tiktok"]
.cvc-external-audio-btn,

body .cvc-embed-tiktok
.cvc-external-audio-btn {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

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

    pointer-events: none !important;

    position: absolute !important;
    left: -99999px !important;
    top: -99999px !important;

    overflow: hidden !important;
}

/*
 * El botón flotante será el único control interactivo.
 */
body .cvc-embed-wrap[data-provider="tiktok"]
.cvc-tiktok-audio-float {
    pointer-events: auto !important;
    touch-action: manipulation !important;
    z-index: 40 !important;
}

/* CVC_TIKTOK_SINGLE_AUDIO_CONTROL_V1_END */