.main-logo-10 { grid-area: header-left; }
.pub-topo-728x90 { grid-area: header; }
.main-logo { grid-area: header-right; }
.escudos-clubes-home { grid-area: escudos; }
.pub-middle-300x250 { grid-area: pub-300-250; }
.pub-inferior-728x90 { grid-area: pub-inferior-728x90; }

.block-top { display: grid; grid-template-areas: 'header-left header header-right'; gap: 10px; padding: 10px; }
.main-logo-160 {
	height: 100px;
}
.block-header-home {
	display: grid;
    gap: 10px;
    padding: 10px;
}
.block-header-home .header {
	display: flex;
	width: 100%;
}
.block-header-home .header .saudacao {
	display: flex;
	justify-content: left;
	width: 50%;
}

.block-header-home .header .saudacao .data span .timer{ opacity: 0.30; left: 0px; top: -15px; position: absolute; width: 20px; height: 20px; background: url(/img/time.png) no-repeat;}

.block-header-home .header .botoes_topo {
	display: flex;
	justify-content: right;
	width: 50%;
}
.block-header-home .header .botoes_topo a {
	margin: 0px 3px;
}
.pub-topo-728x90 { 
	width: 728px;
	height: 90px;
	border: 1px solid #ccc;
	background-color: #ddd;
}
.block-menu-home { 
	font-size: 1.4em;
    font-weight: bold;
    justify-content: center;
    flex-grow: 10;
    text-align: center;
    display: flex;
    align-items: stretch;
    color: white;
    gap: 1em;
	background: linear-gradient(0deg, #246D26 0%, #246D26 50%, #246D26 100%);
	padding: 0.5em 1em;
}
.carrousel { outline: 1px solid blue; min-width: 800px; height: 400px; display: flex;  position: relative; }
.carrousel .slider {
	width: 100%; height: 100%; display: flex; overflow-x: scroll; overflow-y: hidden;
	scroll-snap-type: mandatory; scroll-snap-type: x mandatory; scroll-snap-points-x: repeat(100%);
	-ms-overflow-style: none; scrollbar-width: none;
}
.carrousel .slider::-webkit-scrollbar { display: none; }
.carrousel .buttons { position: absolute; right: 2rem; bottom: 8rem; z-index: 1; }
.carrousel .buttons button { border: 1px solid black; background: white; border-radius: 100px; height: 10px; width: 10px; }
.carrousel .buttons button.selected { border: 1px solid white; background: black; }
.carrousel .slide { background-size: cover; background-position: center center; height: 100%; width: 100%; flex-basis: 100%; flex-shrink: 0; position: relative; scroll-snap-align: start; }
.carrousel .slide div { background-image: url(https://www.srgoool.com.br/imagens//layout/bg-chamada-principal.png); background-repeat: repeat-x; background-position: left bottom; width: 100%; height: 100%; }
.carrousel .slide h2 { color: white; position: absolute; bottom: 4rem; left: 2rem; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 4rem); overflow: hidden; }
.carrousel .slide p { color: white; position: absolute; bottom: 2rem; left: 2rem; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 4rem); overflow: hidden; }

.block-Destaque { display: grid; grid-template-areas: 'block block'; gap: 10px; padding: 10px; }
.block-Destaque .slider-destaque {
	/* width: 800px; */
	height: 400px;
	border: 1px solid #ccc;
}
.block-Destaque .jogo-dia-destaque {
	width: 100%;
	height: 400px;
	border: 1px solid #ccc;
}

.block-escudos { display: grid; grid-template-areas: 'escudos escudos escudos  pub-300-250'; gap: 10px; padding: 10px; }
.block-escudos .escudos-clubes-home {
	border: 1px solid #ccc;
	width: 100%;
}
.block-escudos .pub-middle-300x250 {
	width: 300px;
	height: 250px;
	border: 1px solid #ccc;
	background-color: #ddd;	
}

.block-middle { display: grid; grid-template-areas: 'block block'; gap: 10px; padding: 10px; }
.block-middle .comparativo-jogos-home {
	/* width: 800px; */
	height: 400px;
	border: 1px solid #ccc;
}
.block-middle .proximos-jogos-home {
	width: 100%;
	height: 400px;
	border: 1px solid #ccc;
}

.block-ranking { display: grid; grid-template-areas: 'block block'; gap: 10px; padding: 10px; }
.block-ranking .simulador-home {
	/* width: 800px; */
	height: 400px;
	border: 1px solid #ccc;
}
.block-ranking .ranking-publico-home {
	width: 100%;
	height: 400px;
	border: 1px solid #ccc;
}

/* .block-ranking-publico {
	display: flex;
    flex-flow: row-reverse;
} */

.block-ranking-publico .pub-inferior-300x250 {
    width: 300px;
    height: 250px;
    border: 1px solid #ccc;
    background-color: #ddd;
	float:left;
}

.pub-direita-middle {
    float: left;
    width: 25%;
}

.pub-direita-middle .pub-direita-middle-300x250 {
	/* width: 300px;
    height: 250px; */
    border: 1px solid #ccc;
    background-color: #ddd;
	/* float:left; */

	display: flex;
    flex-direction: row;
    /* align-items: center; */
    width: 95%;
    height: 400px;
    margin-left: 14px;
}

.block-ranking-publico .ranking-publico-home {
	width: 75%;
	height: 400px;
	border: 1px solid #ccc;
	float:left;
}

.pub-middle-728x90 {
	width: 728px;
	height: 90px;
	margin: 10px auto;
	border: 1px solid #ccc;
	background-color: #ddd;
}

.block-ferramentas { display: grid; grid-template-areas: 'block block block block'; gap: 10px; padding: 10px; }
.block-ferramentas .classificacao-home {
	width: 100%;
	height: 400px;
	border: 1px solid #ccc;
}
.block-ferramentas .tabela-home {
	width: 100%;
	height: 400px;
	border: 1px solid #ccc;
}
.block-ferramentas .simulador-home {
	width: 100%;
	height: 400px;
	border: 1px solid #ccc;
}
.block-ferramentas .ranking-publico-home {
	width: 100%;
	height: 400px;
	border: 1px solid #ccc;
}

.titulo-box { 
	font-size: 1.4em;
	font-weight: bold;
	justify-content: center;
	flex-grow: 10;
	text-align: center;
	display: flex;
	align-items: stretch;
	color: white;
	gap: 1em;
	background: linear-gradient(0deg, #246D26 0%, #246D26 50%, #246D26 100%);
	padding: 0.5em 1em;
}

.campeonato { 
	text-align: center;
    background: #ddd;
    padding: 0.5em 1em;
}

.block-inferior { display: grid; gap: 10px; padding: 10px; clear: both; }
.block-inferior .block-inferior-ferramentas {   }
.block-inferior .block-inferior-ferramentas .pub-inferior-728x90 { margin-bottom: 10px; width:728px; height: 90px; background-color: #ddd;}
.block-inferior .block-inferior-ferramentas .srgoool-responde-home { margin-right: 5px; float:left; width: 32%; height: 100px; border: 1px solid #ccc; background-image: url(https://fakeimg.pl/450x100);}
.block-inferior .block-inferior-ferramentas .contador-gols-home {  margin-right: 5px; float:left; width: 32%; border: 1px solid #ccc;}
.block-inferior .block-inferior-ferramentas .arbitros-home { float:left; width: 32%; height: 100px; border: 1px solid #ccc; background-image: url(https://fakeimg.pl/450x100);}
.block-inferior .pub-inferior-300x250 { width:300px; height: 200px; background-color: #ddd;}

.jogo-dia-destaque .jogo-dia-clubes .jogo-dia-home  {
	font-size: 1.4em;
	font-weight: bold;
	justify-content: center;
	flex-grow: 10;
	text-align: center;
	display: flex;
	align-items: stretch;
	color: white;
	gap: 1em;
	background: linear-gradient(0deg, #246D26 0%, #246D26 50%, #246D26 100%);
	padding: 0.5em 1em;
}


/* .jogo-dia-destaque .jogo-dia-clubes .jogo-dia-home { background: #ccc; z-index: 4; } */
.jogo-dia-destaque .jogo-dia-clubes .jogo-dia-home-campeonato { text-align: center; background: #ddd; z-index: 3; padding: 0.5em 1em;}
.jogo-dia-home-content .clube-nome-short { display: none; }
.jogo-dia-home-content .clube-nome { display: block; }
.jogo-dia-home-content {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0.5em 0em;
	height: 150px;
	justify-content: center;
}
.jogo-dia-home-content .clube {
	flex-basis: 30%;
	flex-grow: 10;
	flex-shrink: 10;
	min-width: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}
.jogo-dia-home-content .clube.mandante .clube-escudo {
    order: 1;
}
.jogo-dia-home-content .clube.mandante {
    text-align: right;
}
.jogo-dia-home-content .clube .clube-escudo {
	max-height: 4em;
}
.jogo-dia-home-content .clube .clube-nome-short,
.jogo-dia-home-content .clube .clube-nome {
	flex-basis: 100%;
	flex-grow: 10;
	flex-shrink: 10;
	font-weight: bold;
	font-size: 1.5em;
}
.jogo-dia-home-content .clube .clube-nome-short,
.jogo-dia-home-content .clube .clube-nome-suffix {
	display: none;
}
.jogo-dia-clubes .jogo-dia-home-texto-local {
	height: 100px;
    padding: 10px 30px;
}

.jogo-dia-home-texto-local .texto-arbitragem {
	font-size: 14px;
}

.jogo-dia-home-texto-local .texto-local .span-bold {
	font-weight: bold;
	font-size: 18px;
}
.jogo-dia-clubes .jogo-dia-home-footer {
	text-align: center; background: #ddd; z-index: 3; padding: 0.5em 1em;
}

.jogo-dia-home-footer {
	text-align: center; background: #ddd; z-index: 3; padding: 0.5em 1em; display: flex;
}

.top-tabs-header-clubes {
	list-style: none;
	padding-inline-start: 5px;
}
.top-tabs-header-clubes li {
	/* width: 31px; */
    padding: 5px;
    border: 1px solid #ccc;
    margin: 3px;
    vertical-align: middle;
	float: left;
}
.top-tabs-header-clubes li img {
    width: 3em;
}
.escudos-clubes-home-box {
	text-align: left;
    background: #ddd;
    padding: 1em 1em;
}
.escudos-clubes-home-box .escudos-clubes-home-select {
	float: right;
}

.comparativo-jogos-home .comparativo-stats { margin-top: 3em; margin-bottom: 3em; }
.comparativo-jogos-home .select-row { display: flex; justify-content: center; align-items: center; gap: 10px; }
.comparativo-jogos-home .select-row .select { width: 300px; }
.comparativo-jogos-home .select-row .select_1 .clube { justify-content: end; }
.comparativo-jogos-home .select-row .select_1 .clube-escudo { order: 3; }
.comparativo-jogos-home .total { text-align: center; }
.comparativo-jogos-home .table { border: 1px solid lightgray; }
.comparativo-jogos-home .table .row:not(:first-child) { border-top: 1px solid lightgray; }
.comparativo-jogos-home .table .row .right,
.comparativo-jogos-home .table .row .left { width: 2em; flex-basis: auto; flex-grow: 0; flex-shrink: 0; text-align: center; background: #eee; }
.comparativo-jogos-home .table .row .titulo { flex-basis: 100%; flex-shrink: 10; flex-grow: 10; text-align: center; }
.comparativo-jogos-home .comparativo-title { text-align: center; padding: 1em; }
.comparativo-jogos-home .nao-aconteceu { text-align: center; padding: 1em; color: gray; }
.comparativo-jogos-home .table .row .right, .comparativo-jogos-home .table .row .left {
    width: 2em;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    background: #eee;
}
.escudos-clubes-home-box-escudos .clube-nome-short, .escudos-clubes-home-box-escudos .clube-nome-suffix { display: none; }
.escudos-clubes-home-box-escudos .clube-nome { display: block; }

.comparativo-jogos-home .clube .clube-nome-short, .comparativo-jogos-home .clube .clube-nome {
    flex-basis: 100%;
    flex-grow: 10;
    flex-shrink: 10;
    font-weight: bold;
    font-size: 1.5em;
}

.comparativo-jogos-home .comparativo-jogos-home-footer { text-align: center; background: #ddd; z-index: 3; padding: 0.5em 1em;}
.comparativo-jogos-home .comparativo-jogos-home-titulo { font-size: 1.4em;
	font-weight: bold;
	justify-content: center;
	flex-grow: 10;
	text-align: center;
	display: flex;
	align-items: stretch;
	color: white;
	gap: 1em;
	background: linear-gradient(0deg, #246D26 0%, #246D26 50%, #246D26 100%);
	padding: 0.5em 1em; }
.comparativo-jogos-home .comparativo-jogos-home-titulo-campeonato { text-align: center; background: #ddd; z-index: 3; padding: 0.5em 1em; }
.comparativo-jogos-home  .escudos-clubes-home-box-escudos { padding: 34px 0px;}


.proximos-jogos-home-box .jogo-dia-home { 
	font-size: 1.4em;
    font-weight: bold;
    justify-content: center;
    flex-grow: 10;
    text-align: center;
    display: flex;
    align-items: stretch;
    color: white;
    gap: 1em;
    background: linear-gradient(0deg, #246D26 0%, #246D26 50%, #246D26 100%);
    padding: 0.5em 1em;
}

.proximos-jogos-home-box .jogo-dia-home-campeonato {
	text-align: center;
	background: #ddd;
	z-index: 3;
	padding: 0.5em 1em;
}

.proximos-jogos-home-box .jogo-dia-home-footer {
	background: #ddd;
    display: flex;
    align-items: center;
    padding: 0.5em 1em;
}

.jogo-dia-home-footer .left, .jogo-dia-home-footer .title {
	text-align:center;
}

.proximos-jogos-home-box .jogo-dia-home-texto-local {
	margin: 24px;
}

.tabela-home .jogo-dia-home-footer {
    background: #ddd;
    display: flex;
    align-items: center;
    padding: 0.5em 1em;
}
.jogo-dia-home-content .gols {
	font-size: 52px;
}

.jogo-dia-home-content .gols-txt {
	font-size: 24px;
	margin-left: 10px;
}
.contador-gols-home .ano {
	text-align: right;
    margin-right: 10px;
    padding-top: 10px;
}

.contador-gols-home .jogo-dia-home-footer .right,
.contador-gols-home .jogo-dia-home-footer .left { width: 2em; flex-basis: auto; flex-grow: 0; flex-shrink: 0; text-align: center; background: #eee; }
.contador-gols-home .jogo-dia-home-footer .titulo { flex-basis: 100%; flex-shrink: 10; flex-grow: 10; text-align: center; }

@media (max-width: 1200px) {
	.jogo-dia-home-content .clube .clube-nome { display: none; }
	.jogo-dia-home-content .clube .clube-nome-short { display: inline; }
	.jogo-dia-home-content .clube .clube-escudo { max-height: 3em; }

	.escudos-clubes-home-box-escudos .clube .clube-nome { display: none; }
	.escudos-clubes-home-box-escudos .clube .clube-nome-short, .escudos-clubes-home-box-escudos .clube-nome-suffix  { display: inline; }
	.escudos-clubes-home-box-escudos .clube .clube-escudo { max-height: 3em; }
}