.container-principal {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.slider-videos {
  width: 100%;
  margin-top: 10px;
}

.slider-videos iframe {
  border-radius: 8px;
}

.slider-videos .slick-dots li button:before {
  font-size: 14px;
}

.slider-videos .slick-dots li.slick-active button:before {
  opacity: 1;
  color: #019DF4;
}

/* Estilos para desktop */
@media (min-width: 768px) {
  .container-principal {
    display: grid;
    grid-template-columns: 54% 44%;
    max-width: 950px;
    grid-column-gap: 2%;
  }

  .slider-videos {
    max-width: 85%;
  }
}