/* Container principal */
.match-header {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding-bottom: 16px;
gap: 10px;
color: #ffffff;
}

/* Topo */
.match-header_top {
width: 100%;
height: 40px;
background-color: rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 10px;
box-sizing: border-box;
}

.competition-logo {
width: 16px; /* 15px → 16px */
height: 16px;
border-radius: 2px;
}

.competition-info {
display: flex;
gap: 8px;
}

.competition-name {
font-size: 13px;
font-weight: 500;
}

.competition-info a {
  color: #ffffff;
  text-decoration: none;
}

.competition-round {
font-size:12px;
color: rgba(255, 255, 255, 0.8);
}

/* Times */
.match-teams {
display: flex;
gap: 10px;
text-align: center;
font-size: 20px;
padding: 0 10px;
box-sizing: border-box;
width:100%;
}

.match-teams .score-section{
  margin-top:10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.match-teams .scorers{
  font-size:12px;
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  font-weight: 500;
  line-height: 18px;
}

.match-teams .scorers .time{
  font-weight: 300;
  line-height: 18px;
}


.team {
  flex: 1;
display: flex;
flex-direction: column;
align-items: center;
}

.team-logo {
width: 75px;
height: 75px;
border-radius: 2px;
overflow: hidden;
}

.team-logo img {
object-fit: contain;
}

.team-name {
  font-weight: 500;
  line-height: 18px;
  display:flex;
  flex-direction:column;
}



.team-name span{
  font-size: 10px;
  color: rgba(255, 255, 255, 0.8);
}

/* VS */
.match-score {
padding: 10px 20px;
border-radius: 40px;
background-color: rgba(255, 255, 255, 0.2);
font-size: 30px;
}

.match-score .prol {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.match-score .prol span {
  font-size: 24px;
}

.extra-score{
  font-size:10px;
  color: rgba(255, 255, 255, 0.8);
}

/* Divider */
.match-divider {
width: 80%;
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
}

/* Meta info */
.match-meta {
width: 320px;
display: flex;
justify-content: center;
gap: 8px;
font-size:12px;
}

.match-meta__item {
display: flex;
align-items: center;
gap: 4px;
}

.match-meta__icon {
width: 16px;
height: 16px;
}

.match-score a,
.team-name a,
.match-teams .scorers a
{
  color:white !important;
}

.match-header-extra-score {
  text-align: center;
  font-size: 12px;
  line-height: 18px;
  color: #cacaca;
}