/*

AJUSTES DESKTOP

-----------------Estrutura-----------------*/
@media (min-width: 992px) { 


	h2 {
		font-size: 1.8rem;
	}
	
	
	.grid-porteiro {
		justify-content: center;
		align-items: flex-start;
	}	
	
	.arte-porteiro {
		justify-content: flex-start;
		align-items: start;
	}
	
	.grid-interna-full .gi-body {
		justify-content: start;
		align-items: center;
	}
	
	.seleciona-evento {
		width: 50%;
		max-width: 660px;
		overflow-y: initial;
		overflow-x: initial;
	}

	.evento-cartaz {
		width: 15vw;
		height: 50vh;
		margin: 0
	}
	
	.evento-cartaz img {
		filter: blur(4px);
	}
	
	.home-grid {

		display: grid;
		grid-template-columns: 361px 1fr ;
		height: 100vh;
		overflow: scroll;

		&.max-1440 {
			max-width: 1440px;
			margin-inline: auto;
			background: var(--bds-color-bg-interno) var(--bds-imagem-bg-externo) no-repeat center / cover;
		}

	}
	
	.home-grid .conteudo {
		padding-top: 83px;
		display: flex;
		width: 100%;
		grid-column: 2 / 3;

		& + div {
			grid-column: 2 / -1;
		}
	}
	
	.home-grid .main-nav {
		/* grid-column: 1;
		grid-row: 2; */
	}
	
	.nav-header-home .evento-back {
		height: 4.5rem;
	}
	
	.header-home .evento-cover,
	.evento-cover-overlay {
		display: none;
	}
	
	.detalhe-header-home .logotipo {
		width: 17rem;
		transform: translateY(-6px);
	}
	
	.main-nav {
		/* display: grid; */
		/* grid-template-columns: repeat(4, auto); */
		/* grid-template-rows: auto; */
		/* grid-gap: 1rem; */
		/* position: fixed; */
		bottom: auto;
		left: auto;
		width: 100%;
		height: auto;
	}
	
	.menu-toggler {
		display: none;
	}
	
	.btn-1 {order: 0}
	.btn-2 {order: 0}
	.btn-3 {order: 0}
	
	
	.btn-alt {
		display: flex;
		flex-direction: column;
		background-color: transparent !important;
		width: auto;
		align-self: stretch;
		grid-column: auto
	}
	
	.btn-alt .ico {
		background-color: rgba(0,0,0,.2) !important;
	}
	
	.btn-alt p {
		margin: .5rem 0 0 0;
		font-size: 85%;
		text-align: center;
		line-height: 100%;
		color: white;
	}
	
	.nav-slim .main-nav {
		grid-template-columns: auto;
		width: 4.5rem;
		border-radius: 0
	}
	
	.nav-slim .main-nav:hover {
		width: 300px;
		grid-template-columns: repeat(4, auto);
	}
	
	.nav-slim .main-nav .btn-main-nav {
		grid-column: 1
	}
	
	.nav-slim .main-nav:hover .btn-main-nav {
		grid-column: 4 span
	}
	
	.nav-slim .main-nav .btn-main-nav.btn-alt {
		display: none;
	}
	
	.nav-slim .main-nav:hover .btn-main-nav.btn-alt {
		grid-column: auto;
		display: flex;
	}
	
	.nav-slim .main-nav .btn-main-nav.menu-toggler {
		/*display: flex;*/
		background-color: transparent;
	}
	
	.nav-slim .main-nav .btn-main-nav.menu-toggler .ico {
		background-color: rgba(0,0,0,.2);
	}
	
	.nav-slim .main-nav .btn-main-nav.menu-toggler .ico svg {
		stroke: white !important;
	}
	
	.nav-slim .main-nav:hover .btn-main-nav.menu-toggler {
		display: none;
	}
	
	.nav-slim .main-nav .btn-main-nav p {
		display: none;
		width: auto;
	}
	
	.nav-slim .main-nav:hover .btn-main-nav p {
		display: inline-block;
	}
	
	.nav-slim .evento-back {
		margin-left: 1rem;
	}
	
	
	.home-grid.interna {
		padding: 0
	}
	
	.live-grid .header-home,
	.home-grid.interna .header-home {
		display: block;
	}
	
	.conteudo .container {
		margin-left: 0!important;
		margin-right: 0!important;
	}
	
	
	.mob-header {
		align-self: flex-end;
	
		position: initial;
		top: auto;
		left: auto;
		z-index: inherit;
		background-color: transparent;
	}
	
	.mob-header:after {
		display: none;
	}
	
	
	.mob-header .back-botao {
		display: none;
	}
	
	.mob-header {
		align-self: flex-end;
		min-height: auto;
	}
	
	.home-grid.interna .conteudo {
		padding-top: 0
	}
	
	.full-banner img {
		border-radius: 1rem;
	}
	
	.feed-item .feed-detalhe {
		margin-top: -1rem;
		margin-left: 4rem;
		margin-bottom: 2rem;
	}
	
	
	.lista-conteudo {
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: auto
		
	}
	
	.lista-conteudo .listagem {
		padding: 1.5rem;
		max-width: 400px
	}
	
	.lista-conteudo-interna .listagem {
		display: block;
	}
	
	.cont-detalhe {
		display: block;
		padding: 1rem;
		position: relative;
	}
	
	.cont-detalhe:before {
		content: "";
		position: absolute;
		width: 2px;
		height: 60%;
		background-color: white;
		left: 0;
		top: 20%;
	}
	
	.detal-header {
		padding: 1rem;
	}
	
	.detal-body {
		padding: 1rem;
	}
	
	.chat-msgs {
		/*height: 300px;*/
		/*overflow-y: auto;*/
	}
	
	.chat-network {
		height: 460px;
	}
	
	.pesquisa-contatos {
		position: sticky;
		top: 0;
	}
	
	.chat-network .listagem-contatos {
		height: 460px;
		overflow-y: auto;
	}
	
	.chat-network #rolagem-pai {
		overflow-y: auto;
		height: 316px;
	}
	
	.live-chat #rolagem-pai {
		overflow-y: auto;
		height: 300px;
	}
	
	.lista-conteudo-interna .mob-header h2 {
		display: block;
	}
	
	.lista-conteudo-interna .detal-header {
		position: initial;
		top: auto;
		right: auto;
		z-index: initial;
	
		width: auto;
		height: auto;
	}
	
	
	.list-scrol-mob {
		overflow-y: initial;
	}
	
	.scroller {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.scroller .filezinho {
		margin-bottom: 1rem;
		width: 29%
	}
	
	.colado .live-container {
		position: inherit;
		top: auto;
		left: auto;
		height: 200px;
		width: 100%;
		z-index: 200
	}
	
	
	.live-grid {
		display: grid;
		grid-template-columns: auto 1fr 375px; 
		grid-template-rows: auto 1fr auto;
		overflow: hidden;
		height: 100vh;
	}
	
	.live-grid .header-home {
		background:#FFF;
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 2;
		border-radius: 0;
	}
	
	.live-grid .detalhe-header-home h2 {
		max-width: initial;
	}
	
	
	.live-grid .mob-header {
		display: none;
	}
	
	.live-grid .live-container {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 3;
		height: auto;
		width: auto;
		z-index: inherit;
	}
	
	.live-grid .live-container.text-content {
		grid-column-start: 1;
		grid-column-end: 4;
		grid-row-start: 2;
		grid-row-end: 4;
	}
	
	.live-grid .nav-slim {
		grid-column-start: 1;
		grid-column-end: 2;
		grid-row-start: 2;
		grid-row-end: 4;
		padding-right: 1rem;
	
		overflow-y: scroll;
	}
	
	.live-grid .dados-live {
		display: grid;
		grid-template-columns: 1fr 0.6fr;
		grid-template-rows: 1fr;
		background: var(--bds-color-neutral-100);
		color: var(--bds-color-neutral-900);
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 3;
		grid-row-end: 4;
		padding-block: 1rem;

		& div:first-child {
			gap: 1rem;
		}
	}
	
	.live-grid .conteudo {
		position: relative;
		grid-column-start: 3;
		grid-column-end: 4;
		grid-row-start: 1;
		grid-row-end: 4;
		background-color: white;
		border-radius: 1rem 0 0 1rem;
	
		overflow-x: auto;
	  min-height: 100vh; /* Use vh as a fallback for browsers that do not support Custom Properties */
	  min-height: calc(var(--vh, 1vh) * 100);
		padding-bottom: 1rem;
	}

}

@media (max-width: 992px) {
	.home-grid {
		display: grid;
		grid-template-columns: 1fr;
		height: 100svh;
	}
}