* { list-style-type: none; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; }
a:hover { text-decoration: none; transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -webkit-transition: color 0.2s ease-in-out; }
body { /*background:url(../img/ABW7Rru.jpg?s=3) no-repeat -85px 99px;*/
background: url(../img/background.jpg?s=3) no-repeat center 0px; }
.container { padding: 0 15px; margin-bottom: 20px; }
.container-fluid { padding: 0; }
#tela_preta { position: fixed; background: #000; z-index: 100000000; width: 100%; min-height: 100%; height: 100%; opacity: .8; display: none }
#pop { position: absolute; /*	left: 400px;
	top: 135px;	*/
width: 300px; height: 403px; z-index: 1000000000; display: none; }
#pop .close { float: right; width: 36px; height: 36px; cursor: pointer; opacity: 1; background-image: url('../img/fancybox_sprite.png'); }
.span5 { max-width: 300px; }
.span8 { margin: 0; }
/* HEADER **********************************************************/
.header { overflow: hidden; margin: 15px 0 35px; }
/* HEADER H1 **********************************************************/
h1 { text-align: center; }
/* HEADER BANNER TOP**********************************************************/
.banner-top { float: right;     margin-top: 0;  min-height: 100px;  }
/* HEADER LOGIN **********************************************************/
.login { overflow: hidden; float: left; margin-right: 20px; }
/* HEADER GOOGLE SEARCH **********************************************************/
.google-search { overflow: hidden; }
/* HEADER MENU **********************************************************/
.menu { width: 100%; display: block; overflow: hidden; margin-top: 43px; }
.menu li { border-right: 1px solid #B5B5B5; }
.menu a:hover { background: #51A351; }
.menu .login-redes { margin-top: 35px; }
.menu .redes-sociais a { background: none; }
/* END HEADER **********************************************************/


/* NOTÍCIAS **********************************************************/
	/* MANCHETE MAIOR **********************************************************/
.manchete-maior { margin-bottom: 15px; }
.manchete-maior a { display: block; color: #51A351; font-size: 25px; line-height: 30px; }
.manchete-maior a:hover { color: #999999; }
.manchete-maior img { display: block; margin-bottom: 8px; }
/* NOTÍCIAS MENOR **********************************************************/
.manchete-menor { margin-bottom: 25px; }
.manchete-menor a { color: #427f42; display: block; }
.manchete-menor a:hover { color: #333333; }
.manchete-menor img { display: block; margin-bottom: 5px; }
/* ÚLTIMAS NOTÍCIAS **********************************************************/
/* Mesma causa: a coluna esquerda ja era <h2> e o seletor continuava em h4. */
.noticias .titulo-secao, .noticias h2, .noticias h4 { color: #427f42; font-size: 20px; padding: 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 15px; vertical-align: middle; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
ul.ultimas-noticias { margin: 0 0 40px 0; }
.ultimas-noticias li { padding: 20px 0; border-bottom: 1px solid #E5E5E5; }
.ultimas-noticias li a { display: block; color: #444; }
.ultimas-noticias li a:hover { color: #999999; }
.ultimas-noticias li a span { color: #427f42; }
/* COLUNA DIREITA **********************************************************/
	/* BANNER **********************************************************/
.banner300x250, .facebook { margin-bottom: 30px; }
/* FACEBOOK **********************************************************/
.fb-like-box { }
/* MAIS LIDAS **********************************************************/
.mais-lidas { margin-bottom: 30px; border-bottom: 1px solid #E5E5E5;}
.mais-lidas .line { margin-bottom: 20px; }
/* O gerador ja emitia <h2> e este seletor era por elemento: o cabecalho estava
   sem estilo no ar. Passa a casar pela classe, com o h2 cobrindo o arquivo
   gerado que ainda nao tem a classe. */
.mais-lidas .titulo-mais-lidas, .mais-lidas h2, .mais-lidas h4 { color: #427f42; font-size: 20px; padding: 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 15px; vertical-align: middle; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.mais-lidas a { display: block; color: #427f42; }
.mais-lidas a:hover { color: #999999; }
.mais-lidas a img{min-height: 102px; max-height:102px;    width: 100%;
    object-fit: cover;
    object-position: top; margin-bottom: 5px;  }
.mais-lidas p { margin: 5px 0; line-height: 15px; }
/* FÓRUM **********************************************************/
.forum { margin-bottom: 30px; }
.forum .line { margin-bottom: 15px; }
.forum h4 { font-size: 20px; padding: 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 15px; vertical-align: middle; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.forum a { color: #333333; display: block; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.forum a:hover { color: #999999; }
.forum span { color: #427f42; }
/* GATAS **********************************************************/
.gatas { margin-bottom: 30px; }
.gatas h4 { height: 43px; margin-top: 0; padding: 21px 15px 0; font-size: 20px; display: block; background: url(../img/bg-titulo.jpg) no-repeat 0 0; }
/* CLASSIFICAÇÃO **********************************************************/
.classificacao { margin-bottom: 30px; }
.classificacao h4 { font-size: 20px; padding: 15px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); margin-bottom: 15px; vertical-align: middle; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
/* PRÓXIMO JOGO */
.proximos_jogos{width: 100%!important; max-width: 100%!important}
.jogos { overflow: hidden; }
.jogos img { height: 30px; }
.jogos .placar-x { display: flex;
    align-items: center; }
.jogos .proximo-jogo { overflow: hidden; margin-bottom: 15px; border-bottom: 1px solid #EAEAEA; padding-bottom: 15px; }
.jogos .proximo-jogo h3 { color: #333333; margin: 0 0 2px 0; font-size: 20px; background: none; padding: 0; padding-left: 5px; font-weight: bold; display: block; text-align: center }
.jogos .proximo-jogo .clubes { width: 100%; height: 64px; display: block; position: relative;  
text-decoration: none; }
.jogos .proximo-jogo .clubes span { color: #888; font-size: 14px; display: block; padding: 5px 0 5px; text-align: center; font-weight: normal; }
.jogos .proximo-jogo .clubes span.nome { font-size: 17px; }
.jogos .proximo-jogo .clubes .time-mandante { position: absolute; margin: 0; left: 5px; width: 125px; bottom: 0; }
.jogos .proximo-jogo .clubes .time-mandante .jogo-escudo-mandante { float: left; margin: 0; margin-right: 4px; }
.jogos .proximo-jogo .clubes .time-visitante { position: absolute; right: 5px; margin: 0; width: 125px; bottom: 0; }
.jogos .proximo-jogo .clubes .time-visitante .jogo-escudo-visitante { float: right; margin: 0; margin-left: 4px; }

/* ================================================================================================================================================================================================================================================================================== */
	/* ÚLTIMO JOGO */
.jogos .ultimo-jogo { overflow: hidden; padding-bottom: 1.8rem;}
.jogos .ultimo-jogo h3 { color: #333333; margin: 0 0 2px 0; font-size: 20px; font-weight: bold; background: none; padding: 0; padding-left: 5px; text-align: center; display: block; }
.jogos .ultimo-jogo .clubes { width: 100%; height: 64px; display: block; position: relative; 
text-decoration: none; }
.jogos .ultimo-jogo .clubes span { color: #888; font-size: 14px; display: block; padding: 5px 0 5px; text-align: center; font-weight: normal; }
.jogos .ultimo-jogo .clubes span.nome { font-size: 15px; }
.jogos .ultimo-jogo .clubes .time-mandante { position: absolute; margin: 0; left: 5px; width: 140px; bottom: 0; }
.jogos .ultimo-jogo .clubes .time-mandante .jogo-escudo-mandante { float: left; margin: 0; margin-right: 4px; }
.jogos  .clubes .placar { position: absolute;    left: 50%;    width: 60px;    bottom: 0;    margin: 0;    display: flex;    justify-content: space-evenly;    align-items: center;    transform: translateX(-50%);}
.jogos  .clubes  .placar .placar-mandante { text-align: right; font-size: 18px; color: #444444; font-weight: bold; }
.jogos  .clubes  .placar .placar-visitante {  text-align: left; font-size: 18px; color: #444444; font-weight: bold; }
.jogos .ultimo-jogo .clubes .time-visitante { position: absolute; margin: 0; right: 5px; width: 140px; bottom: 0; }
.jogos .ultimo-jogo .clubes .time-visitante .jogo-escudo-visitante { float: right; margin: 0; margin-left: 4px; }


/* FOOTER **********************************************************/
.footer { padding: 20px 0; background: url(../img/bg-footer.jpg) repeat-x 0 0; }
.footer .container { text-align: center; }
.footer .container p { color: #444444; }
.footer .container a { color: #00B242; }
.footer .container a:hover { color: #000; }
.footer .anchorLink { clear: both; }
.footer .icon-circle-arrow-up { margin-top: 6px; }
/* INTERNAS **********************************************************/
.interna .titulo { display: block; color: #444444; font-weight: bold; letter-spacing: -1px; margin: 20px 0; text-align: left; }
.interna .sub-titulo { display: block; color: #888888; font-size: 25px; font-weight: bold; line-height: 30px; }
.interna p { margin-bottom: 25px; text-align: justify; font-weight: normal; font-size: 18px; line-height: 25px; }
.interna img { display: block; margin-bottom: 15px; }
/* INTERNA - BOX COMMENTS */
.box-comments .box-titulo { overflow: hidden; margin-bottom: 15px; padding: 10px; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 3px; o-border-radius: 3px; ms-border-radius: 3px; moz-border-radius: 3px; webkit-border-radius: 3px; }
.box-comments .box-titulo span.data { overflow: hidden; float: left; color: #444444; padding: 5px 0 0 25px; margin-right: 15px; background: url(../img/icon-clock.png) no-repeat 4px 8px; }
.box-comments .box-titulo span.nick a { overflow: hidden; float: left; color: #C91B04; padding: 5px 0 0 0; }
.box-comments .box-titulo span.nick a:hover { color: #000000; }
.box-comments .box-titulo ul.avaliacao { overflow: hidden; float: right; margin: 0; }
.box-comments .box-titulo ul.avaliacao li { overflow: hidden; height: 22px; float: left; padding: 0 8px; border-right: 1px solid #CCC; margin: 0; }
.box-comments .box-titulo ul.avaliacao li.desbordar { border: none; }
.box-comments .box-titulo ul.avaliacao li.desbordar span { float: left; }
.box-comments .box-titulo ul.avaliacao li a { overflow: hidden; height: 22px; color: #333; display: block; }
.box-comments .box-titulo ul.avaliacao li a.positivo { float: left; }
.box-comments .box-titulo ul.avaliacao li a.negativo { float: right; }
.box-comments .box-titulo ul.avaliacao li span { overflow: hidden; font-weight: bold; padding: 1px 8px; display: inline-block; }
.box-comments .box-foto img { width: 70px; margin: 0 8px 8px 0; }
.face-comments { border-bottom: 1px solid #E5E5E5; margin-top: 25px; }
.box-comments { padding: 15px; margin-bottom: 15px; background-color: #f5f5f5; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, #ffffff, #f8f8f8); background-image: -o-linear-gradient(top, #ffffff, #f8f8f8); background-image: linear-gradient(to bottom, #ffffff, #f8f8f8); background-image: -moz-linear-gradient(top, #ffffff, #f8f8f8); background-repeat: repeat-x; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e5e5e5 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

@media screen and (min-width: 992px) {
.container_topo { padding-top: 22px }
}

@media screen and (max-width: 768px) {
/*body{     margin-top: 136px;}*/
.menu { margin-top: 33px; }
.banner-top { float: none !important; width: 100% !important; height: auto !important }
}

@media only screen and (max-width: 632px) {
.fb-comments { width: 100% !important; }
.fb-comments iframe[style] { width: 100% !important; }
.fb-like-box { width: 100% !important; }
.fb-like-box iframe[style] { width: 100% !important; }
.fb-comments span { width: 100% !important; }
.fb-comments iframe span[style] { width: 100% !important; }
.fb-like-box span { width: 100% !important; }
.fb-like-box iframe span[style] { width: 100% !important; }
}
#fb-root { display: none; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }
/*COMPARTILHAR***********************************************************/
.interna .compartilhe { width: 100%; overflow: hidden; padding: 15px 0; }
.interna .compartilhe strong { float: left; color: #888888; font-size: 12px; margin-right: 15px; padding-top: 3px; text-transform: uppercase; }
.interna .compartilhe span { font-size: 10px; }
.interna .compartilhe .curtir { float: left; width: 115px; height: 24px; }
.interna .compartilhe .face-frame { float: left; width: 106px; height: 24px; }
.interna .compartilhe .google-plus { float: left; width: 70px; height: 24px; }
.interna .compartilhe .twitter { float: left; width: 100px; height: 24px; }
.interna .compartilhe .curtir-2 { float: left; width: 95px; height: 24px; }
.interna .compartilhe .face-frame-2 { float: left; width: 140px; height: 24px; }
.interna .compartilhe .google-plus-2 { float: left; width: 73px; height: 24px; }
.interna .compartilhe .twitter-2 { float: left; width: 100px; height: 24px; }
.pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul > .active > span { cursor: pointer; background: #fff; color: #048C02 }

/* --- Perfil editorial do autor, portado do torcidaflamengo em 01/09/2026 --- */

/* Perfil editorial do autor (autor.asp) e credito na materia (news.asp).
   Dimensoes fixas para nao deslocar o layout enquanto a imagem carrega. */
.autor-foto {
    width: 140px;
    height: 140px;
    object-fit: cover;
    border-radius: 50%;
    margin-bottom: 10px;
}
.autor-bio { margin-bottom: 10px; }
.autor-redes a { display: inline-block; margin-right: 12px; }
.autor-credito-foto {
    width: 24px;
    height: 24px;
    object-fit: cover;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 4px;
}
.h2-titulo { color: #427f42; letter-spacing: -1px; text-transform: uppercase; font-size: 25px; padding-top: 15px; border-top: 20px solid #E5E5E5; }
/* .section: usada pelo autor.asp. O flamengo tambem nao a define em css proprio;
   fica sem estilo, o que nao quebra o layout porque o span8 ja posiciona. */

/* Texto so para leitor de tela. O Bootstrap 2.2.2 nao traz .sr-only, e sem ela
   um <label> de campo apareceria na tela. Usada tambem pelo <h1> da home. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* GRADE: float do Bootstrap 2 substituido por CSS Grid.
   Motivo medido em 31/08/2026: a grade fluida soma 65,812% + 2,564% + 31,623%
   = 99,999%, e em 1280px sobravam 0,03px. Qualquer arredondamento (zoom, barra
   de rolagem, densidade de tela) fazia o segundo float nao caber e descer, e a
   coluna da direita ia parar embaixo da materia.
   Grid nao tem esse problema: as colunas sao fracoes, nao percentuais somados.

   O HTML nao muda: continua .row-fluid com .spanN, e as classes seguem valendo.
   Sem gap de proposito: a pagina tem filhos de largura zero (script, div vazia)
   dentro das linhas, e com gap cada um deles abriria espaco vertical. O respiro
   vem de padding no filho com margem negativa na linha, como no Bootstrap 3.
   Medido depois da troca: pagina de 7873px para 4352px de altura, sem barra
   horizontal, e as duas colunas lado a lado. */
.row-fluid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    margin-left: -10px;
    margin-right: -10px;
    align-items: start;
}
.row-fluid::before,
.row-fluid::after { display: none !important; }

.row-fluid > * {
    grid-column: span 12;
    min-width: 0;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}
.row-fluid > [class*="span"] {
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
}
.row-fluid > .span1  { grid-column: span 1; }
.row-fluid > .span2  { grid-column: span 2; }
.row-fluid > .span3  { grid-column: span 3; }
.row-fluid > .span4  { grid-column: span 4; }
.row-fluid > .span5  { grid-column: span 5; }
.row-fluid > .span6  { grid-column: span 6; }
.row-fluid > .span7  { grid-column: span 7; }
.row-fluid > .span8  { grid-column: span 8; }
.row-fluid > .span9  { grid-column: span 9; }
.row-fluid > .span10 { grid-column: span 10; }
.row-fluid > .span11 { grid-column: span 11; }
.row-fluid > .span12 { grid-column: span 12; }

/* Elemento em linha filho direto da linha nao deve esticar.
   No grid todo item ocupa a celula inteira, e o selo da data
   (<span class="label label-important">, filho direto de .row-fluid interna)
   virava uma barra vermelha de ponta a ponta. Medido: 695px antes, 90px depois. */
.row-fluid > span,
.row-fluid > a,
.row-fluid > em,
.row-fluid > strong,
.row-fluid > small,
.row-fluid > label,
.row-fluid > button,
.row-fluid > img { justify-self: start; }

/* No celular tudo empilha, que e o que a grade fluida ja fazia abaixo de 768px. */
@media (max-width: 767px) {
    .row-fluid { grid-template-columns: 1fr; margin-left: 0; margin-right: 0; }
    .row-fluid > * { grid-column: span 1 !important; }
}

/* O rotulo de data era filho direto do <ul class="ultimas-noticias">, e <ul> so
   aceita <li>, <script> e <template>. O <li> existe para a lista ser valida;
   display:contents faz ele nao gerar caixa, entao o rotulo mantem a geometria
   exata de antes, sem herdar o padding e a borda de .ultimas-noticias li. */
.ultimas-noticias > li.dia-lista { display: contents; }

/* O widget de classificação do SofaScore trunca o nome dos times quando tem menos
   de 355px. Medido em 01/09/2026: com 350px sai "Palm…", "Flam…", "Coriti…"; com
   355px não corta. A coluna da direita tem 370px e o padding de 10px do grid
   deixava 350px, cinco abaixo do limiar.
   Conferido que NÃO é efeito do grid: simulando a grade fluida antiga a largura dá
   351px, igualmente abaixo. O widget nunca coube nesta coluna.
   A margem negativa devolve os 20px só a este bloco, sem mexer no resto da coluna.
   Medido depois: iframe de 350 para 370px, sem barra horizontal. */
.row-fluid > [class*="span"] > .clasificacao { margin-left: -10px; margin-right: -10px; }

/* Segunda estrutura do mesmo widget. No verdaoweb o alvo do fetch (.tabcontent) e
   filho DIRETO de uma .row-fluid, entao herda o padding de 10px do grid e o iframe
   cai para 330px, ainda mais longe do limiar de 355 em que o SofaScore trunca o
   nome dos times. No flamengo o alvo esta dentro de .clasificacao e quem resolve e
   a regra acima.
   Medido em 01/09/2026 no verdaoweb: 330px antes; so tirar o padding leva a 350,
   ainda abaixo; tirar o padding E aplicar a margem negativa leva a 370. */
.row-fluid > .tabcontent {
    padding-left: 0;
    padding-right: 0;
    margin-left: -10px;
    margin-right: -10px;
}

/* O rotulo de data (.label-info) e texto branco sobre o azul do Bootstrap 2, que da
   4.00:1 e reprova o minimo de 4.5:1 para texto normal. Medido em 01/09/2026.
   #31708f da 5.46:1 e e o tom que o proprio Bootstrap 3 passou a usar. Escurece o
   fundo mantendo o branco, que e o que preserva a leitura do numero. */
.label-info, .badge-info { background-color: #31708f; }
.label-info[href], .badge-info[href] { background-color: #266073; }

@media (max-width:768px){.mob-ad-reserve{aspect-ratio:1/1;width:100%;overflow:hidden}}
/* Anuncio pushdown do Clever entra como filho direto do body e empurra a pagina inteira; fora do fluxo para nao deslocar o conteudo. O id do elemento varia com a unidade de anuncio (pushdownSponsorClick ou pushdown), por isso o seletor casa so por "pushdown". */
body>div[id*="pushdown"]{position:absolute!important;top:0!important;left:0!important}

/* remove contorno de foco em links e botoes clicaveis */
a:focus, a:active,
button:focus, button:active,
.btn:focus, .btn:active,
input[type=button]:focus, input[type=submit]:focus{outline:none;box-shadow:none;}

/* Rotulo de data das ultimas noticias. O azul global acima serve aos demais
   usos de .label-info; dentro da lista o rotulo passa a usar o verde do portal
   (#427f42, o mesmo ja usado nos titulos e links), que com texto branco da
   4.83:1 e atende o minimo de 4.5:1 para texto normal. O text-shadow claro do
   Bootstrap 2 sai: sobre fundo escuro ele so borra a letra. */
.ultimas-noticias .label-info { background-color: #427f42; color: #fff; text-shadow: none; }
.ultimas-noticias .label-info[href]:hover { background-color: #356635; color: #fff; }

/* Botao "Mais noticias" / "Ver todas as noticias". O btn-success e o btn-danger
   do Bootstrap 2 sao claros demais para texto branco (2.51:1 e 3.27:1). Mesmo
   verde do rotulo acima, sem o gradiente e sem o text-shadow que o clareavam. */
.btn-anteriores,
.btn-anteriores:link,
.btn-anteriores:visited { background-color: #427f42; background-image: none; filter: none; color: #fff; text-shadow: none; border-color: #356635; }
.btn-anteriores:hover,
.btn-anteriores:focus,
.btn-anteriores:active,
.btn-anteriores.active { background-color: #356635; background-image: none; filter: none; color: #fff; text-shadow: none; border-color: #2b512b; }

/* Alvo de toque no celular: o .btn do Bootstrap 2 fica por volta de 30px de
   altura e o .btn-small abaixo disso. 44px e o minimo do criterio 2.5.8 da
   WCAG 2.2. O respiro embaixo separa o botao do bloco seguinte. */
@media (max-width: 767px) {
    .btn-anteriores { min-height: 44px; padding-top: 11px; padding-bottom: 11px; line-height: 20px; margin-bottom: 16px; }
}

/* Os titulos da grade viraram cabecalho (h2 na manchete, h3 nos cards e na mais lidas).
   O bootstrap 2 da a todo heading margin:10px 0, font-weight:bold e line-height:20px, e um
   font-size proprio; antes esses titulos eram texto solto dentro do <a> e nao tinham nada
   disso. Com font-size:inherit o cabecalho fica do tamanho que o texto solto tinha, que e o
   do elemento que o contem. */
.manchete-maior h2,.manchete-menor h3,.mais-lidas .line h3{
margin:0;font-size:inherit;font-weight:normal;line-height:inherit;color:inherit;text-rendering:auto}

/* Teto de 3rem para todo , decisao do dono em 17/09/2026. Medido antes: o h1 sem classe cai no bootstrap 2, que da 38,5px,
   e 3rem sao 48px, entao nenhum h1 dos cinco portais passa do teto hoje e a tela nao muda.
   Padronizado nos cinco em 17/09/2026, por decisao do dono: clamp de piso 20px, fluido por
   4vw e teto 30px, que e o tamanho que o flamengo ja usava. O h1 da home e
   visually-hidden e nao e afetado; onde isso pesa e a listagem e a materia. */
h1{font-size:clamp(1.25rem, 4vw, 1.875rem)}

/* Teto de 3rem: a unica regra do tema que passa de 48px e a do bootstrap 2 para  dentro
   de .hero-unit, com 60px. Ela e mais especifica que o h1 puro e passaria por cima do teto.
   Aqui ela e reescrita com a mesma especificidade, numa folha que carrega depois do
   bootstrap, entao vence por ordem. O teto e o mesmo do h1 base: o pedido e teto de 3rem para todo h1. */
.hero-unit h1{font-size:clamp(1.25rem, 4vw, 1.875rem)}