.playerCreator-general-container {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  word-break: break-word;
  align-items: center;
}

.playerCreator-container {
  border: 2px solid #ccc;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  padding: 0;
  font-size: 10px;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 50%;
  width: 100%;
}

.playerCreator-imgCoverCreator-container {
  pointer-events: none;
  position: absolute;
  width: 100%;
  top: -17%;
}

.playerCreator-imgCoverCreator-container img {
  width: 100%;
}

.playerCreator-playerEl {
  position: absolute;
  top: -3000px;
  bottom: -3000px;
  left: 0;
  right: 0;
  transform: scale(1);
  width: 100%;
  height: calc(100% + 6000px);
  margin: auto;
}

.playerCreator-loadingel {
  width: 20vw;
  max-width: 140px;
  height: 20vw;
  max-height: 140px;
  display: block;
  border: solid 0.5vw;
  border-color: #6c757d #6c757d #6c757d #fff0;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  animation: ani-load 1s linear infinite;
}

@keyframes ani-load {
  100% {
    transform: rotate(360deg);
  }
}

.player-unmute-el-pulsar {
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.9;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.ocultar, .esconder, .hide {
  display: none !important;
}

/* Headlines */
.playerCreator-headline,
.playerCreator-subHeadlineEl {
  width: fit-content;
  align-self: center;
  padding: 0 1rem;
}

.playerCreator-headline,
.playerCreator-headline span,
.playerCreator-headline font,
.playerCreator-headline p {
  font-size: 20px !important;
}

.playerCreator-subHeadlineEl,
.playerCreator-subHeadlineEl span,
.playerCreator-subHeadlineEl font,
.playerCreator-subHeadlineEl p {
  font-size: 13px !important;
}

/* Gatilho de contato */
.gatilho-de-contato-text-div,
.gatilho-de-contato-text-div span,
.gatilho-de-contato-text-div font,
.gatilho-de-contato-text-div p {
  font-size: 20px !important;
}

.gatilho-de-contato-btn-div,
.gatilho-de-contato-btn-div span,
.gatilho-de-contato-btn-div font,
.gatilho-de-contato-btn-div p {
  font-size: 13px !important;
}

/* Responsivo: Telas maiores */
@media (min-width: 769px) {
  .playerCreator-headline,
  .playerCreator-headline span,
  .playerCreator-headline font,
  .playerCreator-headline p {
    font-size: 30px !important;
  }

  .playerCreator-subHeadlineEl,
  .playerCreator-subHeadlineEl span,
  .playerCreator-subHeadlineEl font,
  .playerCreator-subHeadlineEl p {
    font-size: 16px !important;
  }

  .gatilho-de-contato-text-div,
  .gatilho-de-contato-text-div span,
  .gatilho-de-contato-text-div font,
  .gatilho-de-contato-text-div p {
    font-size: 30px !important;
  }

  .gatilho-de-contato-btn-div,
  .gatilho-de-contato-btn-div span,
  .gatilho-de-contato-btn-div font,
  .gatilho-de-contato-btn-div p {
    font-size: 20px !important;
  }
}

/* Responsivo: Telas menores */
@media (max-width: 768px) {
  .playerCreator-autoplay-fontsize-controller {
    font-size: 14px !important;
  }

  .autoplay-model1-soundel {
    width: 80px !important;
    margin: 0.3rem 0 !important;
  }
  
  #unmuteEl-flag > div {
    max-width: 50vw !important;
    max-height: 40vh !important;
    transform: scale(0.85);
  }
  
  #unmuteEl-flag svg,
  #unmuteEl-flag img {
    width: 42px;
    height: 42px;
  }
  
  .btnCta-flag,
  .btnContato-flag {
    font-size: 14px !important;
    padding: 10px 20px !important;
  }

  .player-container-widget {
    width: 100% !important;
    margin: 0 auto;
    display: block;
    position: relative;
    overflow: visible;
  }

  .playerCreator-container {
    max-width: 100%;
    padding-bottom: 56.25%;
  }

  .playerCreator-loadingel {
    width: 60px !important;
    height: 60px !important;
    border-width: 4px !important;
  }
}