Suspensão por “Atuação Temerária” gera incerteza e impacta planejamento do tricolor gaúcho
O Impacto imediato e a incerteza para a final do Gauchão
O histórico da expulsão e o Artigo 254-II do CBJD
Planejamento tático e alternativas para o meio-campo
.related-posts-container {
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
border-top: 5px solid #0066cc;
border-bottom: 5px solid #1a1a1a;
padding: 40px 20px;
margin: 40px 0;
border-radius: 8px;
box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
max-width: 1200px;
margin-left: auto;
margin-right: auto;
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
}
.related-posts-header h2 {
font-size: 28px;
color: #1a1a1a;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 30px;
display: flex;
align-items: center;
gap: 15px;
}
.related-posts-header h2::before {
content: ”;
width: 6px;
height: 30px;
background: #0066cc;
border-radius: 3px;
}
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
}
.post-card {
background: #ffffff;
border-radius: 6px;
overflow: hidden;
transition: all 0.3s ease;
border-left: 5px solid #0066cc;
border-bottom: 3px solid #1a1a1a;
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
text-decoration: none;
}
.post-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 28px rgba(0, 102, 204, 0.15);
}
.post-img-box {
width: 100%;
height: 180px;
overflow: hidden;
}
.post-img-box img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.post-card:hover .post-img-box img { transform: scale(1.1); }
.post-content { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; }
.post-title {
font-size: 17px;
font-weight: 700;
color: #1a1a1a;
margin-bottom: 15px;
line-height: 1.4;
}
.post-footer {
margin-top: auto;
padding-top: 15px;
border-top: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
font-weight: 700;
color: #0066cc;
text-transform: uppercase;
}
.cta-btn {
display: block !important;
width: fit-content !important;
margin: 30px auto 0 !important;
background: #0066cc !important;
color: #ffffff !important; /* Força o texto a ser branco */
padding: 14px 35px !important;
border-radius: 5px !important;
text-decoration: none !important;
font-weight: 800 !important;
text-transform: uppercase !important;
font-size: 13px !important;
text-align: center !important;
border: none !important;
visibility: visible !important;
opacity: 1 !important;
}
.cta-btn:hover { background: #1a1a1a !important; color: #ffffff !important; }
