// Este es el css que sale en front
div.video-js {
    background-color: transparent;
 
    div.vjs-poster {
        background-size: cover;
        background-color: transparent;
    }
    button.vjs-big-play-button {
        border: 1px solid transparent;
        transform: translate(-50%, -50%);
        margin: 0;
        width: 80px;
        height: 80px;
        background-color: transparent;
        .vjs-icon-placeholder {
            display: flex;
            justify-content: center;
            align-content: center;
            &::before {
                content: "";
                background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M40 79C61.5391 79 79 61.5391 79 40C79 18.4609 61.5391 1 40 1C18.4609 1 1 18.4609 1 40C1 61.5391 18.4609 79 40 79ZM40 80C62.0914 80 80 62.0914 80 40C80 17.9086 62.0914 0 40 0C17.9086 0 0 17.9086 0 40C0 62.0914 17.9086 80 40 80Z' fill='white'/%3E%3Cpath d='M28 61.5433V18L63 40.0372L28 61.5433Z' fill='white'/%3E%3C/svg%3E%0A");
                background-size: contain;
                background-repeat: no-repeat;
                width: 80px;
                height: 80px;
                margin: auto;
                position: relative;
                top: -1px;
                right: -8px;
            }
        }
    }
    &:hover {
        button.vjs-big-play-button {
            border: 1px solid transparent;
            background-color: transparent !important;
        }
    }
 
    .vjs-remaining-time {
        display: none;
    }
 
    .vjs-fullscreen-control {
        .vjs-icon-placeholder::before {
            line-height: 1.6;
            font-size: 2.4em;
        }
    }
 
    video {
        object-fit: cover;
    }
 
    &.vjs-fullscreen {
        video {
            object-fit: contain;
        }
    }
}
 
div.vjs-theme-sea {
    .vjs-icon-play,
    .vjs-icon-placeholder {
        color: #FFF !important;
        &::before {
            color: #FFF !important;
        }
    }
 
    .vjs-button {
        &:hover {
            background: transparent !important;
        }
    }
    .vjs-control-bar {
        background-color: transparent;
    }
    .vjs-progress-control {
        width: 100%;
 
        .vjs-progress-holder {
            // height: 4px;
            margin-top: auto;
        }
 
        .vjs-slider {
            background-color: rgba($color: #FFF, $alpha: 0.1);
        }
 
        .vjs-play-progress {
            background-color: #FFF;
            // height: 4px;
        }
 
        .vjs-time-tooltip {
            background-color: rgba($color: #FFF, $alpha: 0.5);
        }
 
        .vjs-mouse-display {
            .vjs-time-tooltip {
                color: #FFF;
            }
        }
    }
}
 
.section-press {
    .video-js {
        height: 100%;
        .vjs-tech {
            position: relative;
        }
    }
}