/* Start custom CSS */.mundial-calendario{
  max-width:1100px;
  margin:0 auto;
  padding:40px 18px;
  font-family:inherit;
}

.mundial-calendario h2{
  font-size:40px;
  font-weight:900;
  margin-bottom:10px;
  color:#020B24;
}

.intro{
  color:#5b6475;
  font-size:17px;
  margin-bottom:38px;
}

.dia-partidos{
  margin-bottom:48px;
}

.dia-partidos h3{
  font-size:24px;
  font-weight:800;
  margin-bottom:18px;
  padding-left:16px;
  border-left:5px solid #1D6FFF;
  color:#020B24;
}


/* TARJETAS */

.partido-card{

  display:flex;

  gap:22px;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8faff 100%
    );

  border-radius:22px;

  padding:22px;

  margin-bottom:18px;

  border:1px solid rgba(17,35,71,.06);

  box-shadow:
    0 8px 24px rgba(2,11,36,.06);
}


/* HORA */

.partido-hora{

  min-width:96px;

  background:
    linear-gradient(
      135deg,
      #1D6FFF 0%,
      #0A2F7A 45%,
      #020B24 100%
    );

  color:#fff;

  border-radius:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-weight:900;
  font-size:21px;

  padding:14px;
}


/* INFO */

.partido-info{
  flex:1;
}


/* FASE */

.fase{

  display:inline-block;

  font-size:12px;
  font-weight:800;

  color:#1D6FFF;

  margin-bottom:14px;

  text-transform:uppercase;
}


/* LINK */

.partido-link{
  color:inherit;
  text-decoration:none;
  display:block;
}


/* EQUIPOS */

.equipos{

  display:grid;

  grid-template-columns:
    1fr auto 1fr;

  align-items:center;

  gap:18px;

  margin-bottom:16px;
}


.equipo{

  display:flex;
  align-items:center;

  gap:12px;

  font-size:22px;
  font-weight:900;

  color:#020B24;
}


.equipo:last-child{
  justify-content:flex-end;
}


/* BANDERAS */

.bandera-img{

  width:38px;
  height:38px;

  object-fit:cover;

  border-radius:50%;

  border:2px solid #fff;

  box-shadow:
    0 4px 10px rgba(2,11,36,.15),
    0 0 0 1px rgba(2,11,36,.08);

  background:#fff;
}


/* VS */

.vs{

  font-size:12px;
  font-weight:900;

  color:#9aa3b2;
}


/* DETALLES */

.detalles{

  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:10px 14px;

  font-size:14px;

  color:#5d6677;
}


.detalles span{

  background:#f5f7fc;

  padding:7px 11px;

  border-radius:999px;

  border:1px solid rgba(17,35,71,.05);
}


/* TV INLINE */

.tv-inline{

  display:flex;
  align-items:center;

  gap:8px;
}


.tv-icon-small{

  height:16px;
  width:auto;

  object-fit:contain;

  opacity:.95;

  transition:
    transform .2s ease,
    opacity .2s ease;

  filter:
    drop-shadow(
      0 1px 1px rgba(0,0,0,.06)
    );
}


.tv-icon-small:hover{

  transform:scale(1.08);

  opacity:1;
}


/* MOBILE */

@media (max-width:767px){

  .mundial-calendario{
    padding:28px 14px;
  }

  .mundial-calendario h2{
    font-size:32px;
  }

  .partido-card{
    flex-direction:column;
    padding:18px;
  }

  .partido-hora{
    width:100%;
    min-height:56px;
  }

  .equipos{
    grid-template-columns:1fr;
    text-align:center;
    gap:14px;
  }

  .equipo,
  .equipo:last-child{
    justify-content:center;
  }

  .bandera-img{
    width:42px;
    height:42px;
  }

  .detalles{
    justify-content:center;
  }

}/* End custom CSS */