.elementor-573 .elementor-element.elementor-element-6b365b4{--display:flex;--min-height:689px;--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;}.elementor-573 .elementor-element.elementor-element-6b365b4::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-573 .elementor-element.elementor-element-6b365b4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-573 .elementor-element.elementor-element-8547b84{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-573 .elementor-element.elementor-element-7b3b9f1 > .elementor-widget-container{margin:0px 200px 0px 0px;padding:0px 0px 0px 0px;}.elementor-573 .elementor-element.elementor-element-7b3b9f1{text-align:end;}.elementor-573 .elementor-element.elementor-element-7b3b9f1 img{width:100%;height:195px;object-fit:contain;object-position:top right;opacity:1;}.elementor-573 .elementor-element.elementor-element-dad5be4{--display:flex;--min-height:310px;}.elementor-573 .elementor-element.elementor-element-eef4d2f > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-573 .elementor-element.elementor-element-eef4d2f.elementor-element{--align-self:center;}.elementor-573 .elementor-element.elementor-element-f919458{--display:flex;--min-height:600px;--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;--justify-content:space-evenly;}.elementor-573 .elementor-element.elementor-element-6b0789f{--display:flex;}.elementor-573 .elementor-element.elementor-element-aa552db > .elementor-widget-container{margin:0px 0px 0px 180px;}.elementor-573 .elementor-element.elementor-element-aa552db{text-align:start;}.elementor-573 .elementor-element.elementor-element-aa552db img{height:200px;object-fit:contain;object-position:top right;}.elementor-573 .elementor-element.elementor-element-3e02cda{--display:flex;--min-height:310px;}.elementor-573 .elementor-element.elementor-element-81e8647{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-573 .elementor-element.elementor-element-81e8647:not(.elementor-motion-effects-element-type-background), .elementor-573 .elementor-element.elementor-element-81e8647 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#740909;}.elementor-573 .elementor-element.elementor-element-81e8647.e-con{--align-self:center;}.elementor-573 .elementor-element.elementor-element-36d61cf{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-573 .elementor-element.elementor-element-e74df48{text-align:start;}.elementor-573 .elementor-element.elementor-element-e74df48 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-573 .elementor-element.elementor-element-31ca6c3 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-573 .elementor-element.elementor-element-31ca6c3 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-573 .elementor-element.elementor-element-31ca6c3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-573 .elementor-element.elementor-element-31ca6c3 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-573 .elementor-element.elementor-element-80e2243{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-573 .elementor-element.elementor-element-30ac828{text-align:start;}.elementor-573 .elementor-element.elementor-element-30ac828 .elementor-heading-title{color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-573 .elementor-element.elementor-element-54e088d{text-align:start;color:#FFFFFF;}.elementor-573 .elementor-element.elementor-element-651c60c{--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;}.elementor-573 .elementor-element.elementor-element-ae3c62e{text-align:center;}.elementor-573 .elementor-element.elementor-element-ae3c62e .elementor-heading-title{color:#FFFFFF;}.elementor-573 .elementor-element.elementor-element-acffd43{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-573 .elementor-element.elementor-element-acffd43 .elementor-widget-container{text-align:center;}.elementor-573 .elementor-element.elementor-element-acffd43 .elementor-social-icon{background-color:#000000;}.elementor-573 .elementor-element.elementor-element-acffd43 .elementor-social-icon i{color:#FFFFFF;}.elementor-573 .elementor-element.elementor-element-acffd43 .elementor-social-icon svg{fill:#FFFFFF;}.elementor-573 .elementor-element.elementor-element-acffd43 .elementor-social-icon:hover{background-color:#C00B0B;}@media(max-width:767px){.elementor-573 .elementor-element.elementor-element-7b3b9f1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-573 .elementor-element.elementor-element-7b3b9f1 img{height:100px;}.elementor-573 .elementor-element.elementor-element-6b0789f{--min-height:0px;--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;}.elementor-573 .elementor-element.elementor-element-aa552db > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-573 .elementor-element.elementor-element-aa552db.elementor-element{--align-self:center;}.elementor-573 .elementor-element.elementor-element-aa552db img{height:85px;}.elementor-573 .elementor-element.elementor-element-54e088d p{margin-bottom:0px;}}@media(min-width:768px){.elementor-573 .elementor-element.elementor-element-6b365b4{--width:100.728%;}.elementor-573 .elementor-element.elementor-element-f919458{--width:100%;}.elementor-573 .elementor-element.elementor-element-36d61cf{--width:33.4%;}.elementor-573 .elementor-element.elementor-element-80e2243{--width:33.3%;}.elementor-573 .elementor-element.elementor-element-651c60c{--width:33.3%;}}/* Start custom CSS for html, class: .elementor-element-eef4d2f *//* Wrapper Principal con Posición Relativa para las Flechas */
.vod-carousel-wrapper {
  position: relative;
  width: 100%;
  max-width: 1100px; /* Ajusta el ancho para que quepan exactamente 4 tarjetas */
  margin: 0 auto;
  padding: 0 45px; /* Espacio reservado para las flechas laterales */
  box-sizing: border-box;
}

/* Fila de 4 Tarjetas en Horizontal */
.vod-thumbnails-row {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  /* Ocultar barra de scroll nativa */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE y Edge */
}

.vod-thumbnails-row::-webkit-scrollbar {
  display: none; /* Chrome, Safari y Opera */
}

/* Texto de Carga */
.vod-loading-text {
  font-size: 14px;
  color: #64748b;
  padding: 10px;
}

/* Calculo exacto para mostrar exactamente 4 tarjetas por fila */
.vod-card {
  /* Ancho dinámico: (100% - total de gaps) / 4 */
  flex: 0 0 calc((100% - (16px * 3)) / 4);
  min-width: calc((100% - (16px * 3)) / 4);
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.vod-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  border-color: #cbd5e1;
}

/* Miniatura */
.vod-card-img-wrapper {
  position: relative;
  width: 100%;
  height: 125px;
  background-color: #000;
}

.vod-card-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Botón Play */
.vod-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background: rgba(15, 23, 42, 0.75);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  padding-left: 2px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.vod-card:hover .vod-play-btn {
  background: #dc2626;
  transform: translate(-50%, -50%) scale(1.1);
}

/* Info del Video */
.vod-card-info {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.vod-card-info h4 {
  margin: 0 0 6px 0;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  color: #1e293b;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vod-card-info span {
  font-size: 11px;
  color: #64748b;
  font-weight: 400;
}

/* Botones de Flecha Elegantes */
.vod-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  background-color: #ffffff;
  border: 1px solid #cbd5e1;
  color: #1e293b;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.vod-arrow:hover {
  background-color: #dc2626;
  border-color: #dc2626;
  color: #ffffff;
}

.vod-arrow-left {
  left: 0;
}

.vod-arrow-right {
  right: 0;
}

/* Adaptación para Pantallas Pequeñas (Móvil / Tablet) */
@media (max-width: 900px) {
  .vod-card {
    flex: 0 0 calc((100% - (16px * 1)) / 2);
    min-width: calc((100% - (16px * 1)) / 2); /* Muestra 2 tarjetas en tablets */
  }
}

@media (max-width: 600px) {
  .vod-thumbnails-row {
    justify-content: flex-start !important; /* Evita que las tarjetas se corten al estar centradas */
    scroll-snap-type: x mandatory;          /* Hace que la tarjeta se organice de forma suave */
  }

  .vod-card {
    flex: 0 0 100% !important;              /* Fuerza a ocupar exactamente el 100% del ancho */
    min-width: 100% !important;
    scroll-snap-align: center;              /* Centra la tarjeta visible dentro de la pantalla */
  }

  .vod-carousel-wrapper {
    padding: 0 35px;                         /* Reduce espacio para aprovechar la pantalla en móviles */
  }
}/* End custom CSS */
.elementor .e-e0111b0{background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 46%,rgba(0, 0, 0, 0.72) 100%),url("https://ingtv.cip.org.pe/wp-content/uploads/2026/09/FONDO-WEB-CALIDAD-lhi.jpg");background-position:0% 0%,center center;flex-direction:column;}
/* Start custom CSS for html, class: .elementor-element-33f8e98 *//* ======================================================
   ESTILOS GENERALES Y MAQUETACIÓN (VÁLIDO PARA AMBAS LISTAS)
   ====================================================== */
.vod-carousel-wrapper {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 45px;
  box-sizing: border-box;
}

.vod-thumbnails-row {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  scroll-behavior: smooth;
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.vod-thumbnails-row {
  display: flex;
  gap: 16px;
  justify-content: center; /* ESTO CENTRA LOS VIDEOS CUANDO SON POCOS */
  overflow-x: auto;
  scroll-behavior: smooth;
  width: 100%;
  padding: 10px 0;
  box-sizing: border-box;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.vod-loading-text {
  font-size: 14px;
  color: #64748b;
  padding: 10px;
}

/* Base de la tarjeta */
.vod-card {
  flex: 0 0 calc((100% - (16px * 3)) / 4);
  min-width: calc((100% - (16px * 3)) / 4);
  border-radius: 12px;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.vod-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.vod-card-img-wrapper {
  position: relative;
  width: 100%;
  height: 125px;
  background-color: #000;
}

.vod-card-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.vod-card-info {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.vod-card-info h4 {
  margin: 0 0 6px 0;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.vod-card-info span {
  font-size: 11px;
  font-weight: 400;
}

.vod-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  border-radius: 50%;
  font-size: 16px;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.vod-arrow-left { left: 0; }
.vod-arrow-right { right: 0; }

/* Adaptación Móvil */
@media (max-width: 900px) {
  .vod-card {
    flex: 0 0 calc((100% - (16px * 1)) / 2);
    min-width: calc((100% - (16px * 1)) / 2);
  }
}

@media (max-width: 550px) {
  .vod-card {
    flex: 0 0 100%;
    min-width: 100%;
  }
}

/* ======================================================
   🎨 PERSONALIZACIÓN DE COLORES EXCLUSIVA PARA LA LISTA 2
   ====================================================== */

/* 1. Fondo y borde de la tarjeta de la Segunda Lista */
.playlist-v2 .vod-card {
  background-color: #f8fafc; /* 🎨 Cambia el fondo (Ej: #1e293b para oscuro) */
  border: 1px solid #cbd5e1; /* 🎨 Cambia el borde */
}

.playlist-v2 .vod-card:hover {
  border-color: #94a3b8; /* Borde al pasar el ratón */
}

/* 2. Color de Título y Subtexto */
.playlist-v2 .vod-card-info h4 {
  color: #0f172a; /* 🎨 Cambia a #ffffff si usas fondo oscuro */
}

.playlist-v2 .vod-card-info span {
  color: #475569; /* 🎨 Color de la fecha */
}

/* 3. Botón de Play */
.playlist-v2 .vod-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background: rgba(15, 23, 42, 0.8); /* 🎨 Fondo en reposo */
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  padding-left: 2px;
  transition: background 0.2s ease, transform 0.2s ease;
}

.playlist-v2 .vod-card:hover .vod-play-btn {
  background: #dc2626; /* 🎨 Color del play al pasar el ratón */
  transform: translate(-50%, -50%) scale(1.1);
}

/* 4. Flechas Laterales */
.playlist-v2 .vod-arrow {
  background-color: #ffffff; /* 🎨 Fondo de la flecha */
  border: 1px solid #cbd5e1;
  color: #1e293b;            /* 🎨 Color del icono */
}

.playlist-v2 .vod-arrow:hover {
  background-color: #dc2626; /* 🎨 Color al pasar el ratón */
  border-color: #dc2626;
  color: #ffffff;
}/* End custom CSS */

.elementor .e-a9c2a3c{background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 42%,rgba(0, 0, 0, 0.79) 95%),url("https://ingtv.cip.org.pe/wp-content/uploads/2026/09/FONDO-WEB-CALIDAD-1024x341.jpg");flex-direction:column;}
.elementor .e-9730f2c{margin:0px;background-color:#740909;display:flex;flex-direction:column;gap:0px;justify-content:space-evenly;}