@charset "utf-8";

:root{

    --bg-default:   #181A20;

    --font1:        #ffffff;

    --theme-color1: #224e32;

    --theme-color2: #1F222A;

    --theme-color3: #35383F;

    --color-none:   #464645;

    --icon-color1:  #9E9E9E;

    --icon-color2:  #9d9d9d;

    --icon-color3:  #FFC42B;

    --icon-color4:  #616161;

    --icon-color5:  #C7BABA;

    --icon-color6:  #E0E0E0;

    --logout1:      #F75555;

    --caption1:     #212121;

    --theme-1:      #A0E86F;

    --bg-btn-pub:   #000000;

    --color-btn-pub: #000000;

    --bar-range-out: #707070;

    --bar-range-inner: #ff0000;

    --bg-modal-theme: #ffffff;

    --color-set-theme-title: #1E1E1E;

    --bg-icon-close-modal: #000000;

}







/* Container Overlay do Spinner */

.video-spinner {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex; /* Mantém centralizado quando visível */

  justify-content: center;

  align-items: center;

  background-color: rgba(0, 0, 0, 0.3); /* Fundo sutil */

  z-index: -1;

  pointer-events: none; /* Não bloqueia cliques na tela */

  transition: opacity 0.2s ease-in-out;

}



.video-spinner.d-none {

  display: none !important;

}



/* Animação do CSS Loader */

.loader {

  border: 4px solid rgba(255, 255, 255, 0.2);

  border-left-color: #ffffff; /* Cor do carregador */

  border-radius: 50%;

  width: 48px;

  height: 48px;

  animation: spin 0.8s linear infinite;

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}

.col-1  { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2  { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3  { flex: 0 0 25%; max-width: 25%; } .col-4  { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5  { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6  { flex: 0 0 50%; max-width: 50%; } .col-7  { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8  { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9  { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; }



.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } }

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; max-width: 100%;}

/* Small */

@media (min-width: 576px) { .col-sm-1  { width: 8.333333%; } .col-sm-2  { width: 16.666667%; } .col-sm-3  { width: 25%; } .col-sm-4  { width: 33.333333%; } .col-sm-5  { width: 41.666667%; } .col-sm-6  { width: 50%; } .col-sm-7  { width: 58.333333%; } .col-sm-8  { width: 66.666667%; } .col-sm-9  { width: 75%; } .col-sm-10 { width: 83.333333%; } .col-sm-11 { width: 91.666667%; } .col-sm-12 { width: 100%; } }

/* Medium */

@media (min-width: 768px) { .col-md-1  { width: 8.333333%; } .col-md-2  { width: 16.666667%; } .col-md-3  { width: 25%; } .col-md-4  { width: 33.333333%; } .col-md-5  { width: 41.666667%; } .col-md-6  { width: 50%; } .col-md-7  { width: 58.333333%; } .col-md-8  { width: 66.666667%; } .col-md-9  { width: 75%; } .col-md-10 { width: 83.333333%; } .col-md-11 { width: 91.666667%; } .col-md-12 { width: 100%; } }

/* Large */

@media (min-width: 992px) { .col-lg-1  { width: 8.333333%; } .col-lg-2  { width: 16.666667%; } .col-lg-3  { width: 25%; } .col-lg-4  { width: 33.333333%; } .col-lg-5  { width: 41.666667%; } .col-lg-6  { width: 50%; } .col-lg-7  { width: 58.333333%; } .col-lg-8  { width: 66.666667%; } .col-lg-9  { width: 75%; } .col-lg-10 { width: 83.333333%; } .col-lg-11 { width: 91.666667%; } .col-lg-12 { width: 100%; } }/* Extra Large */

@media (min-width: 1200px) {.col-xl-1  { width: 8.333333%; }.col-xl-2  { width: 16.666667%; } .col-xl-3  { width: 25%; } .col-xl-4  { width: 33.333333%; } .col-xl-5  { width: 41.666667%; } .col-xl-6  { width: 50%; } .col-xl-7  { width: 58.333333%; } .col-xl-8  { width: 66.666667%; } .col-xl-9  { width: 75%; } .col-xl-10 { width: 83.333333%; } .col-xl-11 { width: 91.666667%; } .col-xl-12 { width: 100%; } }

.col-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; flex: 0 0 100%; max-width: 100%; }

.d-flex { display: flex !important; }

.d-block { display: block !important; }

.flex-wrap { flex-wrap: wrap !important; }

.justify-content-center { justify-content: center !important; }

.align-items-center { align-items: center !important; }

.text-center { text-align: center !important; }

.mt-2 { margin-top: 0.5rem !important; }

.modal {

  position: fixed; top: 0; left: 0; z-index: 1050;

  display: none; width: 100%; height: 100%;

  overflow: hidden; outline: 0;

}

.modal-open { overflow: hidden; } /* Aplicado ao body */

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog {

  position: relative; width: auto; margin: 0.5rem;

  pointer-events: none;

}

.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); }

.modal.show .modal-dialog { transform: none; }

.modal-content {

  position: relative; display: flex; flex-direction: column;

  width: 100%; pointer-events: auto;

  background-color: #fff; background-clip: padding-box;

  border: 1px solid rgba(0,0,0,0.2); border-radius: 0.3rem; outline: 0;

}

.modal-backdrop {

  position: fixed; top: 0; left: 0; z-index: 1040;

  width: 100vw; height: 100vh; background-color: #000;

}

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop.show { opacity: 0.5; }

/* Para telas pequenas e acima (Desktop/Tablets) */

@media (min-width: 576px) {

  .modal-dialog {

    max-width: 500px;

    margin: 1.75rem auto; /* Centraliza horizontalmente */

  }

  .modal-dialog-centered {

    display: flex; align-items: center;

    min-height: calc(100% - (1.75rem * 2));

  }

  .modal-sm { max-width: 300px; }

}

@media (min-width: 992px) {

  .modal-lg { max-width: 800px; }

}

.flex-column{

    flex-direction: column;

}

.block-option-content .container{margin:0;max-width: 100%;padding: 0;}

.modal-header {

  display: flex; align-items: flex-start; justify-content: space-between;

  padding: 1rem; border-bottom: 1px solid #dee2e6;

}

.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }

.modal-footer {

  display: flex; align-items: center; justify-content: flex-end;

  padding: 1rem; border-top: 1px solid #dee2e6;

}

.mb-4{

    margin-bottom:20px;

}

*,html{

    text-size-adjust: none;

    -webkit-text-size-adjust: none;

    -moz-text-size-adjust: none;

    -ms-text-size-adjust: none;

    list-style: none;

}

body.modal-open, .modal.show{

    padding-right:0!important;

}

body {

     display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    min-height: 100vh;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    background: var(--bg-default);

    max-width: 100%;

    overflow: hidden;

}

body.active-menus header .navbar, body.hide-menus header .navbar{

    height: 0;

    padding: 0;

}

body.hide-menus header, body.hide-menus .video-description:not(.active){

    opacity: 0!important;

    pointer-events: none!important;

}

body a{

    text-decoration: none;

}

main {

    position: relative;

    -webkit-box-flex: 1;

    -ms-flex: 1 0 auto;

    flex: 1 0 auto;

}

img {

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -o-user-select: none;

    user-select: none;

    -webkit-user-drag: none;

    -khtml-user-drag: none;

    -moz-user-drag: none;

    -o-user-drag: none;

}

header{

       border-bottom: 1px solid var(--theme-color1);

    margin-bottom: 14px;;

}

figure{

    margin:0;

    padding: 0;

}

/*Icones*/

i.theme-icon{

    width: 24px;

    height: 25px;

    display: inline-block;

    margin-right: 10px;

    background: var(--font1);

}

.muted .mute-button i.theme-icon.mute{

      -webkit-mask: url("../imagens/icones/muted.svg") center / contain no-repeat;

      background: var(--font1);



}

i.theme-icon.close2 {

    -webkit-mask: url("../imagens/icones/close2.svg") center / contain no-repeat;

}

.mute-button i.theme-icon.mute{

      -webkit-mask: url("../imagens/icones/sound.svg") center / contain no-repeat;

}

.player-menu .active i.theme-icon{

    background: var(--font1);

}

i.theme-icon.play1{

    -webkit-mask: url("../imagens/icones/play1.png") center / contain no-repeat;

}



i.theme-icon.play2{

    background:url("../imagens/icones/play2.svg") center / 100% no-repeat;

}

i.theme-icon.circleTop{

    background:url("../imagens/icones/circleTop.svg") center / 100% no-repeat;

}



i.theme-icon.circleBottom{

    background:url("../imagens/icones/circleBottom.svg") center / 100% no-repeat;

}

i.theme-icon.pause{

      background: url("../imagens/icones/play2.svg") center / 100% no-repeat;

}

i.theme-icon.like{

    -webkit-mask: url("../imagens/icones/like.svg") center / contain no-repeat;

}



i.theme-icon.send-1{

    -webkit-mask: url("../imagens/icones/send-1.svg") center / contain no-repeat;

}

i.theme-icon.doc-able{

    -webkit-mask: url("../imagens/icones/doc-able.svg") center / contain no-repeat;

}



i.theme-icon.up-arrow{

    -webkit-mask: url("../imagens/icones/up-arrow.svg") center / contain no-repeat;

}



i.theme-icon.doc-disable{

    -webkit-mask: url("../imagens/icones/doc-disable.svg") center / contain no-repeat;

}



i.theme-icon.voltar2{

    -webkit-mask: url("../imagens/icones/voltar2.svg") center / contain no-repeat;

}

i.theme-icon.proximo2{

    -webkit-mask: url("../imagens/icones/proximo2.svg") center / contain no-repeat;

}

i.theme-icon.copy-1{

    -webkit-mask: url("../imagens/icones/copy-1.svg") center / contain no-repeat;

}

.logo-site img{

    max-width: 60px;

    -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;

            animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;

}

@-webkit-keyframes swing-in-top-fwd {

  0% {

    -webkit-transform: rotateX(-100deg);

            transform: rotateX(-100deg);

    -webkit-transform-origin: top;

            transform-origin: top;

    opacity: 0;

  }

  100% {

    -webkit-transform: rotateX(0deg);

            transform: rotateX(0deg);

    -webkit-transform-origin: top;

            transform-origin: top;

    opacity: 1;

  }

}

@keyframes swing-in-top-fwd {

  0% {

    -webkit-transform: rotateX(-100deg);

            transform: rotateX(-100deg);

    -webkit-transform-origin: top;

            transform-origin: top;

    opacity: 0;

  }

  100% {

    -webkit-transform: rotateX(0deg);

            transform: rotateX(0deg);

    -webkit-transform-origin: top;

            transform-origin: top;

    opacity: 1;

  }

}

.autor{

    display: none;

}

.autor-item {

    display: flex;

    align-items: center;

    padding: 8px 0px 0px 0px;

}

.info-autor {

    display: flex;

    align-items: center;

    gap: 4px;

}

.info-autor img {

    max-width: 21px;

}

.info-autor .autor-name {

    color: #ffffff;

    font-family: var(--font-default);

    font-size: 0.6rem;

    font-weight: bold;

}

.autor-item .date-item {

    font-size: 0.6rem;

    color: #ffffff;

    position: absolute;

    bottom: -24px;

    left: 22px;

}

.logo-site{

    position: absolute;

    top: 10px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    z-index: 999999;

    width: 50%;

    display: none;

}

.show-logo .swiper-slide-active .logo-site{

    display: block;

}

.swiper-slide-active .logo-site{

    display: none;

}

.userInfoSlider{

    line-height: normal;

}

.titulo-video{

    font-size: 1.1rem;

    color: #ffffff;

    font-size: initial;

    /* filter: drop-shadow(2px 4px 6px black); */

    background: var(--theme-color1);

    display: inline;

    margin: 0;

    line-height: 0!important;

    letter-spacing: 0;

    box-decoration-break: clone;

    -webkit-box-decoration-break: clone;

    padding: 2px 12px 2px 3px;

}

.videoList .subslider{

    max-width: 100%;

    overflow: hidden;

}

.videoList .subslider .swiper-slide{

    display: flex;

    height: 100vh;

    align-items: center;

}

button.button-icon:focus{

    border: none!important;

    box-shadow: none;

    outline: none;

}

.overflow-hidden{

    overflow: hidden;

}

.anunciosFeed {

    position: absolute;

    top: 2dvh;

    right: 5dvh;

    height: 90dvh;

    min-width: 300px;

    overflow-x: hidden;

    overflow-y: scroll;

    padding: 20px 0px;

}

.anunciosFeed::-webkit-scrollbar-track {

    background-color:  transparent;



  }

.anunciosFeed::-webkit-scrollbar {

    width: 5px;

    background: transparent;

  }

.anunciosFeed::-webkit-scrollbar-thumb {

    background:  var(--theme-color1);

    height: 5px!important;

    border-right: none;

    border-left: none;



  }

.anunciosFeed.exemploAnuncio{

    background: rgb(255 255 255 / 20%);

}

.anunciosFeed.exemploAnuncio:before{

    position: absolute;

    top: 0;

    right: 0;

    left: 0;

    margin: 0 auto;

    height: 100%;

    content: "Área de anúncio!";

    justify-content: center;

    align-items: center;

    display: flex;

    width: 100%;

}

.btn-anterior{

    position: absolute;

    bottom: 40dvh;

    left: 10dvh;

}

.btn-proximo{

    position: absolute;

    bottom: 29dvh;

    left: 10dvh;

}

.gap-2{

    gap: 0.4rem;

}

.set-theme .link-1{

    font-family: var(--font-default);

    font-size: 12px;

   color: var(--color-set-theme-title)!important; 

   font-weight: 400;

}

#btnVoltar {

    position: absolute;

    top: 8px;

    width: 70px;

    height: 70px;

    background: transparent;

    display: none;

    z-index: 99999;

}

#btnVoltar.active{

    display: block;

}

.item:not(.tipo_video) .progressaoPlayer{

    display: none;

}

.progressaoPlayer{

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block;

    width: 100%;

    z-index: 9999999;

    bottom: 1px;

}

.barraPlayer{

    position: relative;

    left: 0;

    right: 0;

    margin:0 auto;

    display: block;

    width: 100%;

    height: 5px;

    background: var(--bar-range-out);

    cursor: pointer;

}

.barra {

    position: absolute;

    left: 0;

    top: 0;

    margin: 0 auto;

    display: block;

    width: 0%;

    height: 5px;

    background: var(--bar-range-inner);

}

.btn-pub {

    font-family: var(--font-default);

    position: absolute;

    border: none;

    outline: none;

    box-shadow: none;

    color: var(--color-btn-pub);

    display: flex;

    width: auto;

    align-items: center;

    text-align: left;

    background: var(--bg-btn-pub);

    padding: 5px 4vh;

    margin: 7px 0px 7px 0px;

    font-weight: 700;

    left: 0;

    text-align: center;

    bottom: 2px;

    width: 100%;

    text-align: center;

    justify-content: center;

}

.btn-pub i.theme-icon{

    margin:0!important;

    background: var(--color-btn-pub);

}

.video-target-container.description-open:before{

    content: "";

    position: absolute;

    pointer-events: none;

    background: rgba(0,0,0,0.7);

    width: 100%;

    height: 100%;

    left: 0;

    right: 0;

    margin: 0;

    z-index: 9;

}

.img-slider{

    max-width: 100%;

    width: 100%;

    height: auto;

}

.socialLinksfeed{

    padding: 0px 2rem;

}

.video-target-container,.video-target-item{

    position: relative;

    max-width: 50dvh;

    width: 100%;

    height: 90dvh;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

}

.g_id_signin iframe{

    margin: 0 auto!important;

}

#conteudoModal .copy-button .copy-1.theme-icon{

    margin: 0px 4px;

}

#conteudoModal .copy-button span{

    font-size: 10px;

    color: var(--theme-color1);

}

#conteudoModal .copy-button {

    color: var(--theme-color1);

    border: 2px solid var(--theme-color1);

    background: transparent;

    padding: 0px 9px;

    font-size: 10px;

    border-radius: 100px;

    font-weight: 600;

    white-space: nowrap;

    transition: all 600ms linear;

    margin: 8px 5px;

    justify-content: center;

    align-items: center;

}

.copy-button .copy-1{

    background: var(--theme-color1);

    max-width: 18px;

    max-height: 18px;

}

.pointer{

    cursor: pointer;

}

.section-default .title.title-icon.pointer:hover i.theme-icon{

    opacity: 0.6;

}

.padrao input:-webkit-autofill,

.padrao input:-webkit-autofill:hover, 

.padrao input:-webkit-autofill:focus, 

.padrao input:-webkit-autofill:active{

    -webkit-box-shadow: 0 0 0 30px white inset !important;

}

.header-icon, i.theme-icon.header-icon{

    background: linear-gradient(103deg, var(--theme-color1), #504f4f);

    margin-right: 0;

    margin-left: 10px;

}

.namesite{

    pointer-events: none;

    visibility: hidden;

    position: absolute;

    z-index: -1;

}

#conteudo,.loadingPreloader{

    position: relative;

}

#conteudo:empty:before,#conteudo:empty:after,.loadingPreloader:after,.loadingPreloader:before{

    display: block!important;

}

.h-100vh{

    height: 100vh;

}

.reset-button:focus,

.reset-button:active,

.reset-button:hover{

    outline: none;

    text-decoration: none;

}

.button-icon{

    background: none;

    border:none;

    cursor: pointer;

}

.button-icon i.theme-icon{

    width: 28px;

    height: 28px;

}

i.theme-icon.twitter2{

    width: 15px;

    height: 15px;

}

i.theme-icon.instagram2,i.theme-icon.instagram2,i.theme-icon.youtube2{

    width: 18px;

    height: 18px;

}

i.theme-icon.tiktok2{

       width: 20px;

}

i.theme-icon.facebook2{

    width: 24px;

    height: 24px;

}

/*Prelogin*/

.section-default{

      font-family: var(--font-default);

}

.s-hidden {

    visibility: hidden;

    padding-right: 0;

    position: absolute;

    opacity: 0;

}

.select-hide {

  display: none;

}

.default-menu.nav-link span{

     color: var(--icon-color2);

}

.default-menu i.theme-icon{

    background:var(--icon-color2);

    width: 25px;

    height: 25px;

}

.section-default .title.title-icon i.theme-icon{

    margin: 0;

    width: 20px;

    height: 20px;

    background: linear-gradient(103deg, var(--theme-color1), #504f4f);

    margin-right: 10px;

}

.slick-slide {

    margin-right: 15px;

}

.optionDefault{

    height: 100vh;

}

.optionDefault .modal-dialog{

    position: relative;

    height: 100dvh;

    top: 0;

    padding: 0;

    margin: 0;

    border: 0;

}

.optionDefault .modal-dialog .modal-content.set-theme .fechar-info{

   top: 0;

}

.optionDefault .modal-dialog .modal-content.set-theme .fechar-info i.theme-icon.close2{

    background: var(--bg-icon-close-modal);

}



.optionDefault .modal-dialog .modal-content.set-theme:before{

    display: none;



}

.optionDefault .modal-dialog .modal-content.set-theme{

    background: var(--bg-modal-theme);

    border-radius: 0;

    bottom: 20dvh;

}

.modal-content.set-theme .block-option-content .title{

    font-family: var(--font-default);

    color: var(--color-set-theme-title);

    font-size: 1rem;



}

.optionDefault .modal-dialog .modal-content:before{

    content: "";

    position: absolute;

    top: 8px;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block;

    background: var(--theme-color3);

    width: 10%;

    height: 3px;

    border-radius: 7px;

}

.optionDefault .modal-dialog .modal-content{

     position: absolute;

    bottom: 0dvh;

    background: var(--bg-default);

    padding: 25px 0px 7px 0px;

    border-radius: 45px 45px 0px 0px;

    -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

    animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}

.block-option-content .title{

    font-size: 21px;

    font-weight: 700;

    color: var(--font1);

    padding-top: 4px;

    padding-bottom: 18px;

}

.arrow-right{

    position: relative;

    width: 100%;

}

.arrow-right:after{

    content: "";

    -webkit-mask: url("../imagens/icones/arrow-right.svg") center / contain no-repeat;

    width: 20px;

    height: 15px;

    position: absolute;

    right: 0;

    top: 10px;

    background: var(--font1);

}

.active.confirm.arrow-right:after{

    content: "";

    -webkit-mask: url("../imagens/icones/ok1.svg") center / contain no-repeat;

    width: 30px;

    height: 20px;

    position: absolute;

    right: 0;

    top: 6px;

    background: var(--theme-color1);

}

.border-modal-1{

        border-bottom: 1px solid rgba(255,255,255,0.2);

}

.block-option-content .nav-options .btn-modal1{

    margin-top: 7px;

    margin-bottom: 7px;

}

.block-option-content .nav-options .btn-modal1 i.theme-icon,

.title-label  i.theme-icon {

    width: 22px;

    height: 30px;

    margin-right: 20px;

}

.title-label  .title-3{

    font-size: 16px;

    margin: 0;

}

.block-option-content .nav-options .btn-modal1 span, .title-2, .logout1{

    font-size: 16px;

    font-weight: 600;

    color: var(--font1);

    line-height: 25px;

}

.logout1, .nav-options .btn-modal1 i.theme-icon.logout1, .nav-options .btn-modal1 span.logout{

    color: var(--logout1)!important;

}

i.theme-icon.logout1{

    background: var(--logout1);

}

.block-option-content .nav-options .btn-modal1 span, .title-2{

    color: var(--font1);

}

.break{

    display: block;

}

.section-default h1, .section-default h2, .section-default h3,.section-default p{

    color: var(--font1);

}

.section-default  .nav-tabs .nav-link.active {

    background: transparent;

    color: var(--theme-color1);

    border: none;

    border-bottom: 3px solid var(--theme-color1);

}

.section-default  .nav-tabs .nav-link{

    width: 50%;

    color: ;

    font-weight: 600;

    color: var(--icon-color4);

    border-bottom: 1px solid var(--icon-color4);

}

a.btn-default:hover{

    outline: none;

    text-decoration: none;

}

.scroll-x{

    overflow-x: scroll;

    overflow-y: hidden;

    display: block;

    width: 100%;

    max-width: 100%;

}

.videoview.after-pause .play2{

    display: block;

    pointer-events: none;

}

.videoview .muted,.videoview .pause, .videoview .play2{

    position: absolute;

    display: none;

}

.videoview .muted{

    top: 80px;

    width: 22px;

    right: 13px;



}

.swiper-slide-active .videoview .play2{

     width: 70px;

    height: 70px;

    z-index: 9;

     -webkit-animation: animacaoShowHidden 1.2s ease-out both;

   animation: animacaoShowHidden 1.2s ease-out both;

}

.swiper-slide-active .videoview.muted .muted{

    display: block;

    /* background: var(--theme-color1); */

    width: 70px;

    height: 70px;

    z-index: 9;

     -webkit-animation: animacaoShowHidden 1.2s ease-out both;

   animation: animacaoShowHidden 1.2s ease-out both;

      pointer-events: none;

}

.swiper-slide-active .videoview.paused .pause{

    display: block;

    width: 70px;

    height: 70px;

    z-index: 9;

     -webkit-animation: animacaoShowHiddenPause 1.2s ease-out both;

   animation: animacaoShowHiddenPause 1.2s ease-out both;

      pointer-events: none;

}

@keyframes animacaoShowHidden{

    0%{opacity: 1;};

    50%{opacity: 1;}

    70%{opacity: 1;}

    80%{opacity: 0;}  

    100%{opacity: 0;}

}

@keyframes animacaoShowHiddenPause{

    0%{opacity: 0;};

    50%{opacity: 0;}

    70%{opacity: 1;}

    80%{opacity: 1;}  

    100%{opacity:1;}

}

.player-menu .button-icon{

    margin-bottom: 7px;

}

.videoList .btn-proximo .button-icon i.theme-icon,

.videoList .btn-anterior .button-icon i.theme-icon{

    width: 40px!important;

    height: 40px!important;

}

.active .videoprevia{

    display: -webkit-box;

    -webkit-line-clamp: inherit;

    -webkit-box-orient: vertical;

}

.scrolltext::-webkit-scrollbar { 

    display: none; 

}

.scrolltext {

    overflow: hidden;

    height: 90px;

    transition: 200ms ease-in-out;

    max-width: 90%;

     -ms-overflow-style: none;  

    scrollbar-width: none;  

}

.video-description.active .scrolltext{

    height: 124px;

    padding-bottom: 20px;

    overflow-y: scroll;

    overflow-x: hidden;

    max-width: 100%;

    position: relative;

    z-index: 99999999;

}

.disabled{

    filter: grayscale(1);

    pointer-events: none;

}

:checked + div *{

    color: var(--theme-color1);

}

.imgChannel{

    width: 40px;

    height: 40px;

    border-radius: 100%;

}

.option-autor .imgChannel{

    width: 35px;

    margin-right: 5px;

}

.nameChannel{

    font-size: 14px;

    font-weight: 700;

    color: var(--font1);

    padding-left: 10px;

}

.player-menu .button-icon i.theme-icon.report-flag {

        width: 21px;

        height: 21px;

}

.player-menu .button-icon span{

    font-size: 14px;

    line-height: normal;

    text-align: center;

    color: var(--font1);

    display: block;

}

.player-menu .button-icon i.theme-icon {

        margin: 0 auto;

}

.player-menu {

    position: absolute;

    width: 45px;

    height: auto;

    right: 16px;

    z-index: 999999999999;

    bottom: 14vh;

    display: none;

    transition: all 1s ease-in-out;

}

.swiper-slide-active .player-menu {

    display: flex;

    flex-wrap: wrap;

    border-radius: 9px;

    justify-content: center;

    filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.4));

}

.bg-theme-1{

    background: var(--theme-1);

}

.video-player::-webkit-media-controls {

        display: none;

}

i.theme-icon.arrowTop,i.theme-icon.arrowBottom{

    width: 1.3rem!important;

    height: 1.3rem!important;

}

.btn-nav-player {

    background: rgba(0,0,0,0.2);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    border-radius: 4px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    padding: 1px 0px;

}

.option-autor .description{

    height: 135px;

    overflow-y: scroll;

    overflow-x: hidden;

    color: var(--font1);

    font-size: 15px;

    text-align: justify;

    line-height: normal;

}

@media (min-width:1367px){

    .player-menu {

       bottom: 0vh!important;

       align-items: end;

    }

    .video-player {

        width: 100%!important;

        max-width: 100%!important;

    }

    .player-menu .button-icon {

        margin-bottom: 18px;

    }

    .videoList .button-icon i.theme-icon, .videoList .player-menu .button-icon i.theme-icon.report-flag {

        width: 2.3rem!important;

        height: 2.3rem!important;

    }

    .padrao .container {

        max-width: 1400px;

    }

    .videoprevia {

        padding: 0px 19% 0px 0%!important;

    }

}

@media (max-width:1366px){

    .videoList .button-icon i.theme-icon, .videoList .player-menu .button-icon i.theme-icon.report-flag {

        width: 1.3rem;

        height: 1.3rem;

    }

    .player-menu .button-icon span {

        font-size: 10px;

    }

    .player-menu .row div:not(.nav-extra-player){

          max-height: 44px;

    }

    .swiper-slide-active .player-menu {

        bottom: 4dvh!important;

        right: 1dvh;

        height: auto;

        padding: 6px 0px;

        z-index: 999999;



    }

}



/*Acima de Mobile*/

@media (min-width:993px){

    .fechar-info {

    position: absolute;

    right: 8px;

    top: 0;

        }

    .description p{

        color: var(--light);

        white-space: break-spaces;

    }

    .videoprevia {

        width: 100%;

        padding: 0px;

        font-size: 11px;

        display: block;

        overflow: hidden;

        margin: 4px 0px;

        white-space: break-spaces;

        cursor: pointer;

        transition: all 400ms ease-in-out;

    }

    .slideImage {

        width: 100%!important;

        max-width: 100%!important;

        overflow: hidden;

        margin-bottom: 0!important;

    }

    .video-container .videoview {

        position: relative;

        width: auto;

        height: auto;

    }

    .player-menu .button-icon span {

        font-size: 12px;

        display: block;

    }

    .video-description {

        position: absolute;

        left: 0;

        bottom: 50px;

        width: 80%;

        padding: 0px 2%;

        z-index: 99999999999;

    }

    .videoList {

        overflow: hidden;

        position: relative;

        z-index: 1;

        max-height: 98vh;

    }

    .videoList .swiper-slide{

            width: fit-content;

    min-width: 48dvh;

    }

    .videoList .swiper-wrapper {

        display: flex;

        align-items: center;

        justify-content: center;



    }

    .video-player {

        background: rgb(0 0 0 / 23%);

        border-radius: 0;

        width: 100%;

        position: relative;

        padding: 0;

        left: 0;

        right: 0;

        margin: 0 auto;

        height: 87dvh!important;

        pointer-events: none;

        filter: drop-shadow(0px 2px 8px rgba(0,0,0,01));

    }

    .videoview .pause,.videoview .play2{

        top: 45%;

        right: 0;

        left: 0;

        z-index: 9;

        margin: 0 auto!important;

        filter: drop-shadow(0px 2px 8px rgba(0,0,0,0.5));

    }

    .optionDefault .modal-dialog{

        margin: 0 auto;

    }

    .optionDefault .modal-dialog .modal-content {

        bottom: initial;

        left: 0;

        right: 0;

        margin: 0 auto;

        top: initial;

        bottom: 0;

        display: block;

        border-radius: 45px 45px 0px 0px;

    }

    .navbar{

        padding: 0;

    }

}



/*Mobile*/

@media (min-width: 1px) and (max-width: 992px){



    .block-option-content .container{

        width: 90%;

        margin: 0 auto!important;

    }



    #maincontainer{

    max-width: 100%;

    width: 100%;

    overflow: hidden;

    margin: 0;

    padding: 0;

    }

    #videoList{

        height: 100dvh;

    }

   .swiper-slide{

        height: 100dvh;

    }

    #colunaFeed{

        height: 100dvh;

    }

    .btn-pub {

            padding: 10px 8vh;

    }

    .anunciosFeed{

        display: none!important;

    }

    .video-description {

        padding: 0;

    }

    .video-target-container,.video-target-item{

        max-height: 100dvh;

        max-width:100dvh;

        height: 100dvh;

    }

    .videoList .button-icon i.theme-icon, .videoList .player-menu .button-icon i.theme-icon.report-flag {

        width: 2rem;

        height: 2rem;

    }

    .player-menu .row div:not(.nav-extra-player) {

        max-height: 100%;

        margin-bottom: 5px;

    }

    .player-menu .button-icon span {

        font-size: 14px;

    }

    .swiper-slide-active .player-menu {

        right: 2dvh;

        bottom: 3dvh!important;

    }

    .desktop-button{

        display: none!important;

    }

   #conteudoModal{

         max-height: 70vh;

        overflow-y: scroll;

        overflow-x: hidden;

    }

    .videoList  .item{

        height: 100dvh;

        display: flex!important;

        justify-content: center;

        align-items: center;

    }

    .video-player {

        height: 100vh;

        padding: 0;

        width: 100%;

    }

    .video-container .videoview iframe{

        width: 100%;

        height: 100%;

        background: transparent;

    }

    .video-container .videoview{

        position: relative;

        width: 100%;

        height: 100vh;

        display: flex;

        align-items: center;

        justify-content: center;

     }

    .video-player{

            background-image: linear-gradient(

93deg, rgb(86 80 80 / 55%), rgb(111 111 111 / 13%), transparent);

    }

    .fechar-info{

        position: absolute;

        right: 0;

        top: 5px;

     }

    .fechar-info  i.theme-icon.close2 {

         width: 20px;

         height: 20px;

         margin: 0!important;

    }

    .videoprevia{

        width: 100%;

        padding: 10px 13% 0px 0%;

        bottom: 120px;

        overflow: hidden;

    }

    .video-description{

        position: absolute;

        bottom: 70px!important;

        left: 0;

        width: 88%;

        height: auto;

        display: none;

        z-index: 9999;

        transition: all 1s ease-in-out;

    }

    .swiper-slide-active .video-description{

        display: block;

    }

    .video-container{

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        width: 100%;

        height: 100vh;

        margin: 0 auto;

        z-index: 99;

    }

    .desktop{

        visibility: hidden;

        pointer-events: none;

    }

    header.none-item{

        display: none;

    }

    body.active-menus header .navbar-brand, body.active-menus header .navbar-toggler,

    body.active-menus header .navbar-collapse .another-options,body.hide-menus header .navbar-brand, body.hide-menus header .navbar-toggler,

    body.hide-menus header .navbar-collapse .another-options{

        display: none!important;

    }

    .navbar {

        padding: .5rem 0px;

        transition: all 1s ease-in-out;

    }

    header{

        position: fixed;

        background: var(--bg-default);

        z-index: 2;

        width: 100%;

        left: 0;

        right: 0;

        margin: 0 auto;

        border-bottom: none;

        transition: all 1s ease-in-out;

    }

    header .collapse:not(.show) {

        display: block!important;

    }

    .navbar-toggler{

        display: none!important;

    }

}



/*FIM Mobile*/

@media (min-width: 1px) and (max-width: 992px) and (orientation: landscape){

     .videoList .button-icon i.theme-icon, .videoList .player-menu .button-icon i.theme-icon.report-flag {

        width: 1.2rem;

        height: 1.2rem;

    }

    .player-menu .row div:not(.nav-extra-player) {

        max-height: 39px;

        margin-bottom: 5px;

    }

    .player-menu .button-icon span {

        font-size: 14px;

    }

    .swiper-slide-active .player-menu {

        bottom: 12dvh!important;

        right: 7vh;

        width: 10px;

    }

    .optionDefault .modal-dialog .modal-content {

        overflow: scroll;

        height: 100%;

        top: 55px;

    }

    .player-menu {

        width: 250px;

        bottom: 50px;

        display: flex;

        height: auto;

        align-items: center;

    }

    .player-menu .button-icon span {

        font-size: 9px;

    }

    .player-menu .button-icon i.theme-icon.report-flag, .player-menu  .button-icon i.theme-icon.config2{

        width: 18px;

        height: 16px;

    }

    .button-icon i.theme-icon {

        width: 18px;

        height: 18px;

    }

    .video-player {

        width: auto;

        height: 90dvh;

     }

}

/*Responsive*/



@-webkit-keyframes slide-in-bottom {

  0% {

    -webkit-transform: translateY(1000px);

            transform: translateY(1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

@keyframes slide-in-bottom {

  0% {

    -webkit-transform: translateY(1000px);

            transform: translateY(1000px);

    opacity: 0;

  }

  100% {

    -webkit-transform: translateY(0);

            transform: translateY(0);

    opacity: 1;

  }

}

/*IPAD*/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    

  .video-description{

    bottom: 140px!important;

  }

}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {

.video-description{

     bottom: 140px!important;

  }

}

@media (min-width: 1px) and (max-width: 992px) and (prefers-color-scheme: dark) {

    .player-menu .button-icon:not(.btn-nav-player) {
        margin: 0 0 6px 0 !important;
        min-width: 3rem;
        min-height: 3rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(0, 0, 0, .28) !important;
        border: 1.6px solid rgba(255, 255, 255, .9) !important;
        color: #fff !important;
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    i.theme-icon.send-1 {
        background: #fff !important;
    }

}