@charset "UTF-8";
.reproduccion__container{align-items:center}
.reproduccion__volver{width:100%;display:flex;justify-content:start;align-items:center;padding-left:48px;padding-top:24px;padding-bottom:18px;background:var(--brand-color-blue)}
.reproduccion__volver p{color:var(--brand-color-yellow);font-size:1.176rem;font-weight:400}
.reproduccion__volver img{object-fit:none;transform:rotate(180deg);margin-right:20.92px}
.reproduccion__canales-box{width:100%;display:flex;flex-direction:column;align-items:center;background:var(--brand-color-blue)}
.reproduccion__canal{width:100%;display:flex;justify-content:start;align-items:center;padding:20px 25px 20px 33px;border-top:1px solid #4456a3;max-height:91px}
.reproduccion__canal-logo img{object-fit:contain;width:60px;height:60px}
.reproduccion__canal-nombre{color:#fff;font-weight:400;font-size:1.375rem;margin-left:25px;margin-right:auto}
.reproduccion__canal-estado--ahora{font-size:.783rem;font-weight:600;color:var(--brand-background-blue-3);padding:4px 12px;background:var(--brand-color-yellow);border-radius:37.27px}
.reproduccion__canal--ahora{background-color:#2a3560}
.reproduccion__canal--bloqueado{border-top:none;position:relative}
.reproduccion__canal--bloqueado:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;pointer-events:none}
@media (min-width: 960px){
	.reproduccion__canal{padding:20px 46px 20px 33px}
	.reproduccion__canal-nombre{margin-left:40px}
}
.contenido-usuarios__wrapper{margin-top:55px;background:rgba(16,23,51,.8980392157)}
.contenido-usuarios__container{padding:1rem}
.contenido-usuarios__content{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:420px;margin-inline:auto;padding:27px 12px;box-shadow:0 8.37px 20.92px #00000021;background:var(--brand-background-blue-1);color:var(--brand-color-white)}
.contenido-usuarios__close{margin-left:auto;opacity:1;filter:brightness(0) saturate(100%) invert(87%) sepia(38%) saturate(565%) hue-rotate(22deg) brightness(107%) contrast(101%);margin-bottom:199px}
.contenido-usuarios__auth{display:flex;flex-direction:column;gap:1rem}
.contenido-usuarios__auth p{font-size:1.886rem;line-height:2.2rem;text-align:center;color:#fff}
.contenido-usuarios__auth .button__brand{height:45px;border-radius:42.69px;font-size:.97rem}
.modal-backdrop{margin-top:55px}
@media (min-width: 1280px){
	.reproduccion__container{margin-bottom:100px;max-width:calc(100% - 2rem);margin-inline:auto;display:flex;justify-content:center;flex-direction:row-reverse;gap:6px;align-items:center;max-height:619px}
	.reproduccion__reproductor{width:978px;max-height:619px}
	.reproduccion__reproductor img{width:978px;max-height:619px;object-fit:cover}
	.reproduccion__volver{width:100%;display:flex;justify-content:start;align-items:center;padding-left:48px;padding-top:24px;padding-bottom:18px;background:var(--brand-color-blue)}
	.reproduccion__volver p{color:var(--brand-color-yellow);font-size:1.176rem;font-weight:400}
	.reproduccion__volver img{object-fit:none;transform:rotate(180deg);margin-right:20.92px}
	.reproduccion__canales-box{max-width:347px;max-height:619px;overflow-y:scroll;border-top-left-radius:15px;border-bottom-left-radius:15px}
	.reproduccion__canales-box::-webkit-scrollbar{width:8px}
	.reproduccion__canales-box::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #3b4989;border-radius:10px}
	.reproduccion__canales-box::-webkit-scrollbar-thumb{background:var(--brand-color-yellow);border-radius:10px}
	.reproduccion__canal{width:100%;display:flex;justify-content:start;align-items:center;padding:20px 25px 20px 33px;border-top:1px solid #4456a3;max-height:91px}
	.reproduccion__canal-logo img{object-fit:contain;width:60px;height:60px}
	.reproduccion__canal-nombre{color:#fff;font-weight:400;font-size:1.375rem;margin-left:25px;margin-right:auto}
	.reproduccion__canal-estado--ahora{font-size:.783rem;font-weight:600;color:--brand-background-blue-3;padding:4px 12px;background:var(--brand-color-yellow);border-radius:37.27px}
	.reproduccion__canal--ahora{background-color:#2a3560}
	.reproduccion__canal--bloqueado{border-top:none;position:relative}
	.reproduccion__canal--bloqueado:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;pointer-events:none}
}