.elementor-552 .elementor-element.elementor-element-60804d82{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.7;}.elementor-552 .elementor-element.elementor-element-60804d82::before, .elementor-552 .elementor-element.elementor-element-60804d82 > .elementor-background-video-container::before, .elementor-552 .elementor-element.elementor-element-60804d82 > .e-con-inner > .elementor-background-video-container::before, .elementor-552 .elementor-element.elementor-element-60804d82 > .elementor-background-slideshow::before, .elementor-552 .elementor-element.elementor-element-60804d82 > .e-con-inner > .elementor-background-slideshow::before, .elementor-552 .elementor-element.elementor-element-60804d82 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-552 .elementor-element.elementor-element-767b5380{--display:flex;}.elementor-552 .elementor-element.elementor-element-1c11c906{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:030px;--padding-left:0px;--padding-right:0px;}.elementor-552 .elementor-element.elementor-element-1c11c906:not(.elementor-motion-effects-element-type-background), .elementor-552 .elementor-element.elementor-element-1c11c906 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-552 .elementor-element.elementor-element-2806c8c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-552 .elementor-element.elementor-element-2806c8c7.e-con{--align-self:center;}.elementor-552 .elementor-element.elementor-element-3297400c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading .heading-title > span.style-gradient{background-color:transparent;background-image:linear-gradient(260deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading .heading-title{font-family:var( --e-global-typography-b50f47a-font-family ), Sans-serif;font-size:var( --e-global-typography-b50f47a-font-size );font-weight:var( --e-global-typography-b50f47a-font-weight );text-transform:var( --e-global-typography-b50f47a-text-transform );line-height:var( --e-global-typography-b50f47a-line-height );color:var( --e-global-color-text );}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading .heading-section-title{margin:0px 0px 0px 0px;}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading .heading-section-title .heading-title{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading .heading-title > span{font-family:var( --e-global-typography-b50f47a-font-family ), Sans-serif;font-size:var( --e-global-typography-b50f47a-font-size );font-weight:var( --e-global-typography-b50f47a-font-weight );text-transform:var( --e-global-typography-b50f47a-text-transform );line-height:var( --e-global-typography-b50f47a-line-height );}.elementor-552 .elementor-element.elementor-element-f83c46e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-wrapper .e-tabs-header{background-color:var( --e-global-color-primary );}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-wrapper .e-tabs-header .e-tabs-title{color:var( --e-global-color-accent );}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items .e-tab-title:not(:where( .e-active )){background-color:var( --e-global-color-accent );}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-wrapper .e-tabs-items-wrapper{background-color:var( --e-global-color-accent );}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-wrapper .e-tabs-items-wrapper .shadow-bottom{background:var( --e-global-color-accent );}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-wrapper .e-tabs-items-wrapper .shadow-top{background:var( --e-global-color-accent );}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items .e-tab-title .e-tab-title-text{color:var( --e-global-color-primary );}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items .e-tab-title .e-tab-title-text button{color:var( --e-global-color-primary );font-family:var( --e-global-typography-d2a916b-font-family ), Sans-serif;font-size:var( --e-global-typography-d2a916b-font-size );font-weight:var( --e-global-typography-d2a916b-font-weight );line-height:var( --e-global-typography-d2a916b-line-height );}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items-wrapper .e-tab-title{border-style:solid;border-width:0 0 1px 0;}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:#556068;}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:#556068;}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items-wrapper .e-section-title{border-style:solid;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-552 .elementor-element.elementor-element-2806c8c7{--width:60%;}}@media(max-width:1024px){.elementor-552 .elementor-element.elementor-element-60804d82{--justify-content:center;}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading .heading-title{font-size:var( --e-global-typography-b50f47a-font-size );line-height:var( --e-global-typography-b50f47a-line-height );}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading .heading-title > span{font-size:var( --e-global-typography-b50f47a-font-size );line-height:var( --e-global-typography-b50f47a-line-height );}.elementor-552 .elementor-element.elementor-element-f83c46e{--padding-top:1px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items .e-tab-title .e-tab-title-text button{font-size:var( --e-global-typography-d2a916b-font-size );line-height:var( --e-global-typography-d2a916b-line-height );}}@media(max-width:767px){.elementor-552 .elementor-element.elementor-element-60804d82{--min-height:200px;}.elementor-552 .elementor-element.elementor-element-1c11c906{--padding-top:50px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-552 .elementor-element.elementor-element-3297400c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading .heading-title{font-size:var( --e-global-typography-b50f47a-font-size );line-height:var( --e-global-typography-b50f47a-line-height );}.elementor-552 .elementor-element.elementor-element-2389b7e1 .jeg-elementor-kit.jkit-heading .heading-title > span{font-size:var( --e-global-typography-b50f47a-font-size );line-height:var( --e-global-typography-b50f47a-line-height );}.elementor-552 .elementor-element.elementor-element-f83c46e{--padding-top:2px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items .e-tab-title .e-tab-title-text button{font-size:var( --e-global-typography-d2a916b-font-size );line-height:var( --e-global-typography-d2a916b-line-height );}}@media(max-width:1024px) and (min-width:768px){.elementor-552 .elementor-element.elementor-element-767b5380{--width:70%;}.elementor-552 .elementor-element.elementor-element-2806c8c7{--width:70%;}}/* Start custom CSS for video-playlist, class: .elementor-element-2287f0a *//* --- CONTENEDOR PRINCIPAL --- */
 **ajustado exactamente a esa estructura HTML** para que encaje con tu diseño oscuro y naranja.

Copia y/* Borde redondeado y sombra para toda la caja */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-main-area {
     pega esto en **Avanzado > Custom CSS** del widget:

```css
/* 1. CONTENEDOR PRINCborder-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0IPAL */
/* Redondeamos todo el bloque y le damos sombra */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-main-area { 15px 30px rgba(0,0,0,0.5); /* Sombra 3D */
    border: 1px solid rgba(255, 255, 255
    border-radius: 12px;
    overflow: hidden; /* Para que nada se salga de las, 0.1); /* Borde fino gris */
    background-color: #121212; /* Fondo general oscuro */
}

/* --- CABECERA DE LA LISTA (Donde dice "Playlist") --- */
 curvas */
    box-shadow: 0 20px 50px rgba(0,0,0,0.8); /* Sombra potente */
    border: 1px solid rgba(255, .elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-header {
    background-color: #000000 !important; /* Cabecera negra */
    border-bottom: 1px solid rgba(255, 25255, 255, 0.1); /* Borde fino elegante */
    background-color: #5, 255, 0.1);
}
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-title {
000;
}

/* 2. CABECERA (Donde dice "Playlist" y el contador) */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-header {
    background-color: #111 !important; /* Casi    color: #ffffff !important; /* Texto "Playlist" blanco */
}
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-videos-count {
    color: #ff6600 !important; /* Contador de videos naranja */
}

 negro */
    border-bottom: 1px solid rgba(255,255,255,0/* --- LISTA DE VIDEOS (Área derecha) --- */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items {
.1);
}

.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-title {
    color: #ff6600 !important;    background-color: #1a1a1a !important; /* Fondo gris oscuro */
}

/* /* Título en Naranja */
    font-weight: 700;
}

.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs CADA VIDEO INDIVIDUAL (ITEM) */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-item {
    border-bottom: 1px-videos-count {
    color: #aaa; /* Color gris para el contador */
}

/* 3. LIST solid rgba(255,255,255,0.05) !important; /*A DE VIDEOS (Área de scroll) */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-items {
    background- Líneas separadoras sutiles */
    transition: all 0.3s ease; /* Suavizarcolor: #1a1a1a !important; /* Gris oscuro para la lista */
}

/* 4 animación */
    padding-left: 15px !important;
}

/* Título de los videos */
.elementor-552 .elementor-element.elementor-element-2287f0a. CADA ITEM DE VIDEO (La tarjeta pequeña) */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-item {
    border-bottom: 1px solid rgba(255,255,255,0.05); .e-tab-title-text {
    font-size: 14px;
    color: #e0 /* Separador sutil */
    padding: 15px !important;
    transition: all 0e0e0; /* Blanco no tan brillante */
}
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tab-duration {
    color:.3s ease; /* Suavidad al mover */
}

/* Efecto al pasar el ratón ( #888888 !important; /* Tiempo en gris */
}

/* --- EFECTOS DE INTERHover) */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-item:hover {
    background-color: #252525ACCIÓN --- */

/* Al pasar el ratón por encima (Hover) */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs- !important; /* Se aclara un poco */
    padding-left: 20px !important; /* Seitem:hover {
    background-color: #252525 !important;
    padding-left:  mueve a la derecha */
}

/* 5. VIDEO ACTIVO (El que se está viendo) */
.elementor-552 .elementor-element.elementor-element-2287f0a .20px !important; /* Pequeño desplazamiento a la derecha */
}

/* Video que se está reproduciendo (ACTIVO) */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-item.e-active {
    background-color: #000000 !important; /* Fondo negro puro */
    border-left: 4px solid #e-tabs-item.e-active {
    background-color: #000000 !important; /* Fondo negro para destacar */
    border-left: 4px solid #ff6600; /*ff6600 !important; /* Borde naranja indicador */
}

/* Título del video activo */
 Borde Naranja a la izquierda */
}

/* Título del video activo */
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-item.e-active .e-tab-title-text {
    color: #ff6600.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-item.e-active .e-tab-title-text {
    color: !important;
    font-weight: bold;
}

/* 6. TEXTOS Y MINIATURAS */ #ff6600 !important; /* Texto se pone naranja */
    font-weight: 700;
}

/* --- BARRA DE SCROLL (Para que sea bonita y naranja) --- */
.elementor-552 .elementor-element.elementor-element-2287f0a .e
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tab-title-text {
    color: #fff; /* Texto blanco por defecto */
    -tabs-items::-webkit-scrollbar {
    width: 8px;
}
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tabs-itemsfont-size: 14px;
    font-weight: 500;
}

.elementor-552 .elementor-element.elementor-element-2287f0a::-webkit-scrollbar-track {
    background: #000000; 
}
.elementor-552 .elementor-element.elementor-element-2287f0a .e-tab-duration {
    color: #888; /* Duración en gris */
    font .e-tabs-items::-webkit-scrollbar-thumb {
    background-color: #ff660-size: 12px;
}

.elementor-552 .elementor-element.elementor-element-2287f0a .e-tab-thumbnail img {
    border-0; /* La barra es naranja */
    border-radius: 4px;
}/* End custom CSS */