/* CSS Blindado – Grêmio Copero */
.post-container-copero {
font-family: ‘Arial’, sans-serif !important;
color: #333 !important;
line-height: 1.8 !important;
}

.featured-header-copero {
position: relative !important;
width: 100% !important;
height: 450px !important;
background-image: linear-gradient(transparent, rgba(0,0,0,0.9)), url(‘https://blogger.googleusercontent.com/img/a/AVvXsEiAi9X7IlnGlDErqrmM3tYaSLXymsnJJWekAsDntDVNxfzPJbOBavPjvl04eJPjGM3BvbKa3_BjvR1yKJ9iUe9XmHdZHeAtednW0HFbOiqjfnS1jq0ZZmS6fnrMnaPYpRI_CAxVqzbonwgWJYQ68DlVfpxLMpvMbJm-jm1i9WmMHy3e6w0tqpZf3ZFyzMvM=s1600’); /* USE A IMAGEM GERADA AQUI */
background-size: cover !important;
background-position: center !important;
border-radius: 12px !important;
margin-bottom: 25px !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
padding: 35px !important;
box-sizing: border-box !important;
}

.tag-copero {
background: #00adef !important;
color: #fff !important;
padding: 5px 12px !important;
font-size: 11px !important;
font-weight: bold !important;
text-transform: uppercase !important;
border-radius: 3px !important;
display: table !important;
margin-bottom: 12px !important;
}

.title-copero {
color: #fff !important;
font-size: 34px !important;
font-weight: 900 !important;
margin: 0 !important;
line-height: 1.1 !important;
text-shadow: 2px 2px 5px rgba(0,0,0,0.8) !important;
}

.post-content-copero h2 {
color: #005691 !important;
border-left: 6px solid #00adef !important;
padding-left: 15px !important;
margin: 35px 0 15px !important;
}

.post-content-copero p {
font-size: 18px !important;
margin-bottom: 22px !important;
}

.opiniao-box {
background: #f1f1f1 !important;
border-left: 8px solid #00adef !important;
padding: 25px !important;
margin-top: 45px !important;
border-radius: 0 10px 10px 0 !important;
}

.opiniao-box h4 {
margin: 0 0 10px 0 !important;
text-transform: uppercase !important;
font-weight: 900 !important;
}

@media (max-width: 768px) {
.featured-header-copero { height: 320px !important; padding: 20px !important; }
.title-copero { font-size: 24px !important; }
}

Finalista!

Haja coração! Grêmio despacha o Juventude nos pênaltis e decide o Gauchão no Gre-Nal

O Grêmio está na final do Campeonato Gaúcho de 2026! Em uma partida carregada de dramaticidade e pouca inspiração técnica no Alfredo Jaconi, o Imortal mostrou que sabe sofrer. Após o empate em 1 a 1 no tempo regulamentar, a estrela do goleiro Weverton brilhou nas cobranças de pênaltis, garantindo a vitória por 4 a 1 e a nona final consecutiva do Tricolor.

Primeiro tempo: Esquema de Castro trava e Juventude sai na frente

A aposta inicial de Luís Castro em um tripé de volantes (Noriega, Dodi e Arthur) se mostrou ineficaz na primeira etapa. Sem criatividade, o Grêmio abusou dos lançamentos longos para Carlos Vinícius, que ficou isolado. O castigo veio aos 23 minutos: Viery cometeu pênalti ao tocar com a mão na bola, e Gabriel Taliari não perdoou, abrindo o placar para os donos da casa.

A Redenção: Viery marca e Gabriel Mec muda o jogo

Na volta do intervalo, Castro desfez o esquema conservador e lançou Gabriel Mec e Enamorado. O time ganhou vida. O heroi improvável foi justamente o vilão do primeiro tempo: aos 25 minutos, o zagueiro Viery recebeu na entrada da área, girou como centroavante e soltou uma bomba para empatar o confronto.

Pênaltis: Perfeição tricolor e brilho de Weverton

Nas cobranças decisivas, o Grêmio foi cirúrgico. Carlos Vinícius, Noriega, Gabriel Mec e Marlon converteram suas batidas com frieza. Do lado jaconero, a pressão pesou: Weverton defendeu a cobrança de Rodrigo e viu Juan Christian carimbar o travessão em uma tentativa de cavadinha. Festa azul na Serra!

Agora, o foco é total no clássico. A decisão do título será contra o Internacional, com o primeiro jogo acontecendo na Arena. As datas oficiais ainda aguardam confirmação da FGF.

.related-posts-container{
background:#fff;
padding:40px 20px;
border-top:4px solid #0066cc;
border-bottom:4px solid #000;
border-radius:8px;
max-width:1200px;
margin:40px auto;
font-family:Arial,sans-serif;
}
.related-posts-header h2{
font-size:24px;
font-weight:800;
margin-bottom:25px;
}
.posts-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px;
}
.post-card{
text-decoration:none;
background:#fff;
border-left:4px solid #0066cc;
border-bottom:3px solid #000;
display:block;
transition:.3s ease;
}
.post-card:hover{
transform:translateY(-6px);
}
.post-img-box img{
width:100%;
height:180px;
object-fit:cover;
}
.post-content{padding:15px;}
.post-title{
font-size:16px;
font-weight:700;
color:#111;
line-height:1.4;
}
.post-footer{
font-size:12px;
color:#0066cc;
margin-top:10px;
display:flex;
justify-content:space-between;
text-transform:uppercase;
}
.cta-btn{
display:inline-block !important;
margin:30px auto 0 !important;
padding:14px 30px !important;
background:#0066cc !important;
color:#ffffff !important;
font-size:14px !important;
font-weight:800 !important;
text-decoration:none !important;
text-align:center !important;
border-radius:6px !important;
text-transform:uppercase !important;
line-height:normal !important;
letter-spacing:0.5px !important;
visibility:visible !important;
opacity:1 !important;
}
.cta-btn:hover{
background:#000 !important;
color:#fff !important;
}

function extrairPrimeiraImagem(html){
var temp = document.createElement(“div”);
temp.innerHTML = html;
var img = temp.querySelector(“img”);
return img ? img.src : “https://via.placeholder.com/600×400?text=Gremio+1903”;
}

function mostrarPosts(json){
var container = document.getElementById(“feed-container”);
container.innerHTML = “”;

if(!json.feed.entry){
container.innerHTML = “Nenhuma notícia encontrada.”;
return;
}

json.feed.entry.forEach(function(entry){

var titulo = entry.title.$t;

var linkObj = entry.link.find(function(l){
return l.rel === “alternate”;
});
var link = linkObj ? linkObj.href : “#”;

var data = new Date(entry.published.$t).toLocaleDateString(“pt-BR”);

// 🔥 Aqui pegamos a imagem DIRETO do conteúdo do post
var conteudo = entry.content ? entry.content.$t : “”;
var imagem = extrairPrimeiraImagem(conteudo);

container.innerHTML += `

${titulo}

${data}
Ler mais →

`;
});
}