/* bloque header retransmisión en directo */
.region-live-broadcast {
  border-bottom: 1px solid #D9D9D9;
}

.drpl_live_broadcast_header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: anchor-center;
  padding: var(--spacingXs) 0;
  gap: var(--spacingXs);
}

@media screen and (min-width: 768px) {
  .drpl_live_broadcast_header {
    flex-direction: row;
    align-items: center;
    height: 58px;
    padding: 0;
  }
}

.drpl_live_broadcast_header .live {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.drpl_live_broadcast_header .live .live-text {
  font-weight: var(--fontWeightBold);
  font-size: var(--fontSizeBody);
  line-height: var(--lineHeightLg);
  letter-spacing: 0;
  color: var(--colorPrimaryDefault);
}

.drpl_live_broadcast_header .live .live-img {
  max-width: var(--sizeMd);
  height: 20px;
  margin-right: var(--spacing3xs);
}

.drpl_live_broadcast_header .live .live-img img {
  max-width: var(--sizeMd);
  height: auto;
}

.drpl_live_broadcast_header .broadcasts ul {
  display: flex;
  flex-direction: row;
  list-style: none;
  padding-left: var(--spacing3xs);
  margin: 0;
}

.drpl_live_broadcast_header .broadcasts li{
  color: var(--colorBlack);
  font-weight: var(--fontWeightSemibold);
  font-size: var(--fontSizeBody);
  line-height: var(--lineHeightLg);
  padding-right: var(--spacingSm);
  margin-left: var(--spacingSm);
  border-right: 1px solid var(--colorGreys200);
}

.drpl_live_broadcast_header .broadcasts li:last-child {
  border-right: none;
}

.drpl_live_broadcast_header .broadcasts li a{
  color: var(--colorBlack);
  font-weight: var(--fontWeightSemibold);
  font-size: var(--fontSizeBody);
  line-height: var(--lineHeightLg);
}

.drpl_live_broadcast_header .broadcasts li a:hover,
.drpl_live_broadcast_header .broadcasts li a:focus{
  text-decoration: none;
  color: var(--colorTextSecondary);
}

.drpl_live_broadcast_header .hide {
  display: none;
}

/* Fin bloque header retransmisión en directo */

/* Maquetación Retransmisión en página Retransmisión en directo detalle*/
.drpl_live_broadcast_live .live .hide {
  display: none;
}

.drpl_live_broadcast_live .not-live .hide {
  display: none;
}

.block-drpl-live-broadcast-live-block .live iframe {
  aspect-ratio: 16/9;
  width: 100%;
  margin-bottom: var(--spacingSm);
}

/* Maquetación Retransmisión en página Retransmisión en directo detalle*/

/* Maquetación Retransmisión en página Comunicación*/
.block-drpl-live-broadcast {
  max-width: var(--gridContainerMaxWidthXs);
  padding-left: var(--spacingSm);
  padding-right: var(--spacingSm);
  margin: 0 auto;
}

@media all and (min-width: 36rem) {
  .block-drpl-live-broadcast {
    max-width: var(--gridContainerMaxWidthSm);
  }
}
@media all and (min-width: 50rem) {
  .block-drpl-live-broadcast {
    max-width: var(--gridContainerMaxWidthMd);
  }
}
@media all and (min-width: 62rem) {
  .block-drpl-live-broadcast {
    max-width: calc(var(--gridContainerMaxWidthLg) - var(--spacingSm) * 2);
  }
}
@media all and (min-width: 78rem) {
  .block-drpl-live-broadcast {
    max-width: calc(var(--gridContainerMaxWidthXl) - var(--spacingMd) * 2);
  }
}
@media all and (min-width: 79.5rem) {
  .block-drpl-live-broadcast {
    max-width: var(--gridContainerMaxWidthXxl);
  }
}

.drpl_live_broadcast_comunication .lives {
  display: flex;
  flex-direction: column;
  gap: var(--spacingMd);
  margin-bottom: var(--spacing2xl);
}

.drpl_live_broadcast_comunication .lives .live {
  display: flex;
  border-top: 1px solid var(--colorGreys300);
  border-bottom: 1px solid var(--colorGreys300);
  flex-direction: column;
}

.drpl_live_broadcast_comunication .lives .live .iframe {
  width: 100%;
}

.drpl_live_broadcast_comunication .lives .live .iframe iframe {
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: -7px;
}

.drpl_live_broadcast_comunication .lives .live .description {
  background: var(--colorGreys100);
  display: flex;
  padding: var(--spacingSm);
  max-width: 100%;
  flex-direction: column;
  width: -webkit-fill-available;
  width: -moz-available;
}

.drpl_live_broadcast_comunication .lives .live .description .image-text {
  display: flex;
  flex-direction: row;
  align-items: anchor-center;
  margin-bottom: var(--spacingSm);
}

.drpl_live_broadcast_comunication .lives .live .description .image-text .text {
  font-weight: var(--fontWeightBold);
  font-size: var(--fontSizeBody);
  line-height: var(--lineHeightLg);
  letter-spacing: 0;
  color: var(--colorPrimaryDefault);
}

.drpl_live_broadcast_comunication .lives .live .description .image-text .image {
  max-width: var(--sizeMd);
  height: 20px;
  margin-right: var(--spacing3xs);
}

.drpl_live_broadcast_comunication .lives .live .description .image-text .image img {
  max-width: 100%;
}

.drpl_live_broadcast_comunication .lives .live .description .title{
  padding: 0;
}

.drpl_live_broadcast_comunication .lives .live .description .title a{
  color: var(--colorBlack);
  text-decoration: none;
}

.drpl_live_broadcast_comunication .lives .live .description .title a:hover,
.drpl_live_broadcast_comunication .lives .live .description .title a:focus{
  text-decoration: underline;
}

@media (min-width: 800px) {
  .drpl_live_broadcast_comunication .lives .live {
    flex-direction: row;
  }

  .drpl_live_broadcast_comunication .lives .live .iframe {
    width: 500px;
  }

  .drpl_live_broadcast_comunication .lives .live .iframe iframe {
    width: 500px;
  }

  .drpl_live_broadcast_comunication .lives .live .description .entrance {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
/* Fin Maquetación Retransmisión en página Comunicación*/

/* Maquetación no retransmisiones disponibles */
.drpl_live_broadcast_live .not-live{
  font-weight: var(--fontWeightSemibold);
  font-size: var(--fontSizeBody);
  line-height: var(--lineHeightLg);
  letter-spacing: 0;
  display: flex;
  flex-direction: row;
  gap: var(--spacing2xs);
  color: var(--validationSummaryColorWarningTitle);
  margin-bottom: var(--spacingXl);
  padding: var(--spacingXs);
  background: var(--validationSummaryColorWarningBackground);
}
/* Fin Maquetación no retransmisiones disponibles */