section.tem_evento { padding: 45px 0px 25px 0px }
section { padding: 100px 0px 25px 0px }

.hot { -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow:hidden; }
.hot ul li i { padding-left:10px; }

.semregistro { width: 100%; padding: 0px 0px 40px 0px; height: auto; position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto-1); font-size: 24px; line-height: 40px; text-align: left; }
.semregistro i { color: var(--cor-primaria); font-size: 30px; padding: 0px 10px 0px 0px; line-height: 40px; }
.semregistro p { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); color: var(--cor-texto-1); font-size: 15px; text-align: left; }

.conteudo { width: 100%; display: inline-block; vertical-align: top; position: relative; height: auto; font-size: 15px; font-weight: 400; text-align: left; color: #000000; line-height: 26px; }
.conteudo .avatar { width: 200px; height: auto; float: left; position: relative; opacity: 1;  background-color: #f4f6f8; margin: 0px 20px 20px 0px;  overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.conteudo .avatar img { width: 100%; height: auto; display: block; position: relative; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.conteudo p { width: 100%; position: relative; height: auto; padding-bottom: 15px;font-size: 18px; font-weight: 600; text-align: left; color: #000000; line-height: 30px; }

/*EVENTOS*/
.eventos_pagina { width: 100%; height: auto; position: relative; background: #eaeaea; margin: 20px 0px 50px 0px; text-align: center; display:inline-block; vertical-align:top; }
.eventos_pagina ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; padding: 0px; display: flex; gap: 12px; justify-content: flex-start; flex-wrap: wrap; }
.eventos_pagina ul li { width:220px; box-sizing: border-box; padding: 15px 0px; height: auto; text-align: center; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); background:#f3f3f3; display: inline-block; vertical-align:top; position:relative; margin: 5px 0px; }
.eventos_pagina ul li.jogo_hoje { width:216px; border: 2px solid #00cf2e; box-sizing: border-box; padding: 15px 0px; height: auto; text-align: center; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); background:#f3f3f3; display: inline-block; vertical-align:top; position:relative; margin: 5px 0px; }
.eventos_pagina ul li .aovivo { width: 6px; height:6px; position:absolute; left:0px; top: 50%; transform: translate(-50%,-50%); background-color: red; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.eventos_pagina ul li .lado1, .eventos_pagina ul li .lado2 { width: 55px; height: 40px; position:relative; display:inline-block; vertical-align:top; text-align:center; }
.eventos_pagina ul li .lado1 img, .eventos_pagina ul li .lado2 img { width:auto; height:auto; position:relative; display:inline-block; vertical-align:top; max-height:65%; max-width:75%; margin-bottom:3px; }
.eventos_pagina ul li .lado1 .qual_lado, .eventos_pagina ul li .lado2 .qual_lado { width:100%; height:auto; position:relative; text-align:center; color: var(--cor-texto-1); font-size: 8px; font-weight: 600; }
.eventos_pagina ul li .centro_evento { width: 99px; height:40px; position:relative; display:inline-block; vertical-align:top; text-align:center; font-size: 8px;line-height:10px; font-family: var(--fonte-padrao); color: var(--cor-texto-1); }
.eventos_pagina ul li .centro_evento p { width:100%; height:auto; font-size: 18px; text-align:center; line-height:24px; border-bottom: 1px solid #eaeaea; font-family: var(--fonte-padrao); color: var(--cor-texto-1); font-weight: 700; padding-bottom:2px; margin-bottom:6px; }
.eventos_pagina ul li .centro_evento p span { color: rgba(0, 0, 0, 0.1); position:relative; display:inline-block; vertical-align:top; padding:0px 5px; }
.eventos_pagina ul li .centro_evento p label { font-size:13px; }
.eventos_pagina ul li:hover { margin: 0px 0px 10px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; }

/*MATERIAS*/
.conteudo-home .coluna-esquerda { width: 800px; height: auto; display: inline-block; vertical-align: top; position: relative; text-align: left; padding: 0px; }
.conteudo-home .coluna-esquerda ol { width: 100%; height: auto; padding: 0px; position: relative; clear: both; overflow: hidden; text-align: left; }
.conteudo-home .coluna-esquerda ol li { overflow: hidden; width: 100%; height: auto !important; margin: 5px 0px 20px 0px; position: relative; display: inline-block; text-align:left; vertical-align:top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.conteudo-home .coluna-esquerda ol li img { width: 250px; height: 200px; object-position: center; object-fit: cover; margin: 0px; text-align: center; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow:hidden; display:block; float:left; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); }
.conteudo-home .coluna-esquerda ol li .infor { width: -moz-calc(100% - 270px); width: -webkit-calc(100% - 270px); width: -o-calc(100% - 270px); width: calc(100% - 270px); height: auto; position: absolute; right: 0px; top: 50%; transform:  translate(0, -50%); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 15px 0px 15px 10px; }
.conteudo-home .coluna-esquerda ol li .infor .qual { width: 100%; height: auto; position: relative; color: var(--cor-texto-1); font-size: 18px; line-height: 22px; font-family: var(--fonte-padrao); font-weight: 700; text-align: left; padding: 0px 0px 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:block; }
.conteudo-home .coluna-esquerda ol li .infor h3 { width: auto; height: auto; position: relative;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; z-index: 101; line-height: 20px; padding: 0px; color: var(--cor-texto-1); font-size: 14px; font-weight: 400; }
.conteudo-home .coluna-esquerda ol li .infor .leia_mais { width: auto; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; z-index: 101; line-height: 12px; padding: 10px 0px 0px 0px; color: var(--cor-texto-2); font-size: 12px; letter-spacing: 0px; font-weight: 300; }
.conteudo-home .coluna-esquerda ol li:hover img { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); }
.conteudo-home .coluna-esquerda ol li:hover .qual { padding: 7px 0px; }
.conteudo-home .coluna-esquerda ol li:hover .infos { right: 5px; }

/* BANNER 230 1 */
.banner2301 { width: 280px; height: 240px; position: relative; margin: 40px 0px; text-align: center; overflow: hidden; }
.banner2301 .slides li { width: 280px; height: 240px; cursor: pointer; position: relative; padding: 0px; border: 0px; margin: 0px; overflow: hidden; }

/* BANNER 230 2 */
.banner2302 { width: 280px; height: 530px; position: relative; margin: 15px 0px; text-align: center; overflow: hidden; }
.banner2302 .slides li { width: 280px; height: 530px; cursor: pointer; position: relative; padding: 0px; border: 0px; margin: 0px; overflow: hidden; }

/*BANNER LISTAGEM*/
.banner_listagem { width: 100%; height: auto; position: relative; margin: 25px 0px 0px 0px; text-align: center; display:inline-block; vertical-align:top; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow:hidden; }
.banner_listagem ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: left; padding: 0px; display:inline-block; vertical-align:top; }
.banner_listagem ul li { width: 100%; padding: 0px; height: auto; margin: 0px; float: left; position: relative; text-align:left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.banner_listagem ul li .avatar { width: 100%; height: auto; position: relative; margin: 0px; overflow: hidden; vertical-align: top; display: inline-block; -moz-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; overflow: hidden; text-align:center; }
.banner_listagem ul li .avatar img { position: relative; width: 100%; height: auto; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; display:block; -webkit-border-radius: var(--radius); -moz-border-radius: var(--radius); border-radius: var(--radius); overflow:hidden; }
.banner_listagem ul li:hover .avatar img { -webkit-transform: scale(0.98); -moz-transform: scale(0.98); -ms-transform: scale(0.98); -o-transform: scale(0.98); transform: scale(0.98); }

@media screen and (max-width: 1100px) {
	section.tem_evento { padding: 25px 0px 25px 0px }
	section { padding: 100px 0px 25px 0px }

	.hot { width: 96%; padding: 10px 2%; }
	.hot ul li i { padding-left: 0px; }

	/*EVENTOS*/
	.eventos_pagina { width: 96%; padding: 20px 2% 0px 2%; margin-bottom:20px; }
	.eventos_pagina ul { display: inline-block; gap: initial; justify-content: initial; flex-wrap: initial; }
	.eventos_pagina ul li { width:100%; padding: 15px 0px; }
	.eventos_pagina ul li .lado1, .eventos_pagina ul li .lado2 { width: 26%; }
	.eventos_pagina ul li .centro_evento { width: 45%; }

	.conteudo-home { margin: 10px 0px 20px 0px; }
	.conteudo-home .coluna-esquerda { width: 96%; padding: 0px 2%; float: none; border-top: 0px; }
	.conteudo-home .coluna-esquerda ol { text-align: center; }
	.conteudo-home .coluna-esquerda ol li { width: 100%; text-align:center; height:auto !important; margin: 5px 0px 25px 0px; }
	.conteudo-home .coluna-esquerda ol li img { width: auto; max-width: 100%; float: none; display: inline-block; }
	.conteudo-home .coluna-esquerda ol li .infor { width: 94%; position: relative; right: initial; top: initial; transform:  translate(0,0); padding:15px 3%; }
	.conteudo-home .coluna-esquerda ol li .infor .leia_mais { text-align:center; width:100%; }
	.conteudo-home .coluna-esquerda ol li .infor .qual { text-align:center; }
	.conteudo-home .coluna-esquerda ol li:hover .infor { right: initial; }
}