/* CSS Document */

.quadrado-aspect-ratio {
	width: 100%; /* Largura desejada */
  aspect-ratio: 1 / 1;
}

.quadrado-aspect-ratio img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.retangular-aspect-ratio {
	width: 100%; /* Largura desejada */
  aspect-ratio: 1 / 0.49;
}

.retangular-aspect-ratio img {
  width: 100%;
  height: 100%;
  object-fit: cover;
	object-position: 5px 10%;
}

.retangular2-aspect-ratio {
	width: 100%; /* Largura desejada */
  aspect-ratio: 1 / 0.65;
}

.retangular2-aspect-ratio img {
  width: 100%;
  height: 100%;
  object-fit: cover;
	object-position: 5px 10%;
}


.html-br {
	margin-bottom: 20px !important;
}




/* Player */
#playerBeat { padding:0px; position:relative;}
#playerBeat .containerPlayer {height:75px; float:left;}
#playerBeat:before {content:''; position:absolute; left:-1000px; width:1000px; height:75px;}
#playerBeat #playpause {cursor:pointer; width:75px; height:75px; display:block; position:relative; float:left; padding:10px 0px; }
#playerBeat #playpause svg{width:100%; height:100%; fill:#fff;}
#playerBeat #playpause span {display:none; width:50px; height:50px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; transition-duration:0.3s;}
#playerBeat #playpause:hover span{width:36px; height:36px; margin-top:-18px; margin-left:-18px; transition-duration:0.3s;}
#playerBeat #playpause.playing span.iconStoped {display:block;}
#playerBeat #playpause.stoped span.iconPlaying {display:block;}
#playerBeat #slider {background:rgba(0,0,0,0.1); margin:33px 20px; width:75px; height:8px; border-radius:5px; float:left; position:relative;}
#playerBeat .ui-slider .ui-slider-handle {background:#fff; box-shadow:1px 1px 0px rgba(0,0,0,0.1); position: absolute; z-index: 2; width: 16px; height: 16px; border-radius:50%; margin-left:-7px; cursor: pointer; top:-4px;}
#playerBeat .ui-slider .ui-slider-handle:focus {outline:none;}
#playerBeat .ui-slider-range { height:8px; border-radius:5px; background:#fff; }
#playerBeat .soundIcon {position:absolute; left:-25px; top:-5px;}
#playerBeat .soundIcon svg {width:20px; height:18px; fill:#fff;}
#playerBeat .bar-c {display:none!important;}
#playerBeat .statusStream {float:left; margin-left:15px;}
#playerBeat .statusStream span {font-size: 10px;text-transform: uppercase; display:block; padding-top:20px; opacity:0.3;}
#playerBeat .statusStream .status {font-size:13px; text-transform:none; padding-top:0px; opacity:1;}
#playerBeat .linksPlayrs {float:right;}
#playerBeat .imgPlayerCapa {float:left; width:75px; height:75px;}
#playerBeat .imgPlayerCapa img {border:none;}
.linksPlayrs {list-style:none; padding:0px; margin:0px;}
.linksPlayrs li {display:inline-block; position:relative;}
.linksPlayrs li .tooltip {width:100px;}
.linksPlayrs li a { width: 30px; height: 75px; text-align: center; display: block;line-height: 75px; border-top:solid 3px #000; transition-duration:0.3s;}
.linksPlayrs li a:hover { border-top:solid 3px #000;opacity:0.3; transition-duration:0.3s;}
.linksPlayrs li a  .helper { display: inline-block; height: 100%; vertical-align: middle;}
.linksPlayrs li a  img { vertical-align: middle;  opacity:0.8;}