.body {
  position: relative;
  font-family: Helvetica;
  background-color: rgb(255, 255, 255);
}
.wrapper {
  width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.header {
  position: sticky;
  z-index: 999;
  background: linear-gradient(270deg, rgba(30,30,30,1) 0%, rgba(6,15,38,1) 100%);
  height: 56px;
  top: 0;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 20px 1px rgba(106, 203, 255, 0.22);
}
.header-logo-link {
  display: flex;
  height: 100%;
  margin-right: 20px;
  justify-content: center;
  align-items: center;
  padding-left: 18px;
  padding-right: 18px;
}
.header-logo {
  height: 80%;
}
.ul-reset {
  padding-left: 0;
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
}
.header-menu-link {
  color: rgb(255, 255, 255);
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 600;
  font-size: 16px;
  transition: .2s;
}
.header-menu-link:hover {
  color: rgb(12, 210, 255);
}
.header-menu {
  display: flex;
  height: 100%;
  width: 100%;
}
.search-ico {
  height: 100%;
  width: 50px;
  background-image: url("https://liga-campeones.mx/assets/img/64e0788d5f240e7a49037b2da8d4ada2.png");
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center;
  transition: .2s;
}
.search-ico:hover {
  background-image: url("https://liga-campeones.mx/assets/img/dfb8855a4e6a6b9b28afa7de4c3b11cb.png");
}
.width100per {
  width: 100%;
}
.search-box {
  display: flex;
  justify-content: flex-end;
  padding-right: 20px;
}
.first-screen {
  height: calc((100vh - 56px));
  background-image: url("https://liga-campeones.mx/assets/img/29370524c00ba746d463739504121e86.webp");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}
.first-screen-content {
  display: block;
  background: url("https://liga-campeones.mx/assets/img/c82a1fa1e3be32340091898427bf9d37.webp");
  height: 90%;
  width: 80%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
  position: relative;
  background-position-x: left;
  background-position-y: 0px;
}
.first-screen-teams {
  height: 10%;
  width: 100%;
  background: rgb(30, 30, 30);
  min-height: 70px;
}
.first-screen-schedule {
  position: absolute;
  display: flex;
  background: #1e1e1e;
  width: 380px;
  top: 12%;
  right: 12%;
  z-index: 2;
  flex-direction: column;
  overflow-y: hidden;
  max-height: 66vh;
}
.first-screen-content-info {
  z-index: 1;
  position: absolute;
  background: linear-gradient(355deg, rgba(30,30,30,0.4) 0%, rgba(30,30,30,0) 100%);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-left: 15%;
  padding-bottom: 8%;
}
.league-label {
  color: rgb(0, 0, 0);
  text-transform: uppercase;
  font-size: 14px;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
  background: #5dffff;
  padding-top: 12px;
  font-weight: 600;
  width: 92px;
}
.first-screen-title {
  font-size: 36px;
  font-weight: 600;
  color: rgb(255, 255, 255);
  padding-top: 26px;
  text-transform: uppercase;
  padding-bottom: 20px;
}
.first-screen-title:hover {
  color: rgba(255, 255, 255, 0.5);
}
.img-arrow-w80 {
  width: 80px;
}
.first-screen-schedule-title {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  height: 50px;
  line-height: 50px;
  font-weight: 600;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 3px;
  margin-bottom: 30px;
}
.first-screen-schedule-day {
  height: 30px;
  background-color: rgb(0, 115, 255);
  box-shadow: 0px 8px 10px rgba(33, 42, 90, 0.64) inset;
  display: flex;
  align-items: center;
  font-size: 16px;
  padding-left: 12px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-family: Helvetica;
  font-weight: 600;
}
.first-screen-schedule-event {
  display: flex;
  height: 60px;
  color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(30,30,30,0) 0%, rgba(30,30,30,1) 45%, rgba(0,0,0,.7) 100%);
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  column-gap: 8px;
  justify-content: space-between;
  min-height: 60px;
}
.first-screen-schedule-event-link {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  align-items: center;
  column-gap: 10px;
  justify-content: space-between;
  width: 22%;
  display: flex;
  transition: .3s;
}
.first-screen-schedule-event-link:hover {
  color: rgb(131, 158, 255);
}
.first-screen-schedule-event-img {
  object-fit: contain;
  width: 36%;
}
.first-screen-schedule-event-time {
  height: 32px;
  background-color: rgb(118, 218, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(23, 23, 23);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  font-family: Impact;
  letter-spacing: 2px;
  width: 20%;
  font-size: 13px;
}
.first-screen-schedule-event-channel {
  height: 32px;
}
.first-screen-teams-container {
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  height: 100%;
}
.first-screen-teams-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.first-screen-teams-item:hover {
}
.first-screen-teams-img {
  object-fit: contain;
  transition: 0.2s;
  max-width: 60%;
}
.first-screen-teams-img:hover {
  scale: 1.1;
}
.section-watch {
  height: 308px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  background-image: url("https://liga-campeones.mx/assets/img/43341d1c351d9ea556a5a22e4ebeb7e5.webp");
  display: flex;
  align-items: center;
}
.watch-block {
  height: 180px;
  background: #fff;
  display: flex;
}
.watch-left {
  background: linear-gradient(90deg, rgba(0,28,167,1) 0%, rgba(0,75,255,1) 100%);
  width: 50%;
  height: 100%;
  padding-left: 32px;
  display: flex;
}
.watch-img {
  height: 100%;
}
.watch-left-text {
  padding-left: 32px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  align-items: flex-start;
  justify-content: center;
  font-size: 16px;
  color: rgb(255, 255, 255);
  font-weight: 600;
}
.watch-right {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 50%;
}
.watch-right-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.watch-team-name {
  width: 50%;
  text-align: center;
}
.watch-team-logo {
  max-width: 30%;
  margin-bottom: 8px;
}
.watch-date {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
}
.watch-time-container {
  display: flex;
  justify-content: space-between;
}
.watch-timer-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.NewClass-42 {
}
.watch-timer-dig {
  font-size: 36px;
  font-weight: 600;
}
.watch-timer-text {
  font-size: 12px;
  font-weight: 600;
}
.color-white {
  color: rgb(255, 255, 255);
}
.section-news {
  padding-top: 40px;
  padding-bottom: 50px;
}
.news-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
.news-head:hover {
}
.more-news-link {
  color: rgb(0, 0, 0);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.more-news-link:hover {
  color: rgb(90, 90, 90);
}
.section-news-title {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
}
.arrow-fz16 {
  height: 24px;
}
.section-news-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.section-news-container:hover {
  display: grid;
}
.news-item-big {
  display: flex;
  height: 430px;
  background: #1e1e1e;
  color: rgb(255, 255, 255);
  font-size: 16px;
  text-decoration: none;
  transition: .3s;
}
.news-item-big:hover {
  color: rgb(211, 175, 55);
}
.section-news-grid1 {
  grid-area: 1 / 1 / 2 / 3;
}
.news-item-big-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: .2s;
}
.news-item-big-img:hover {
  transform: scale(1.06);
}
.news-item-category {
  color: rgb(93, 255, 255);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.news-item-desc {
  color: rgb(255, 255, 255);
}
.news-item-big-info {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  row-gap: 16px;
  font-size: 14px;
  width: 50%;
}
.news-item-big-img-box {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.section-news-grid2 {
  grid-area: 1/3/1/5;
}
.news-item {
  color: rgb(255, 255, 255);
  text-decoration: none;
  display: flex;
  background: #1e1e1e;
  flex-direction: column;
  transition: .3s;
}
.news-item:hover {
  color: rgb(211, 175, 55);
}
.news-item-img-box {
  height: 60%;
  width: 100%;
  overflow: hidden;
}
.news-item-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: .2s;
}
.news-item-img:hover {
  transform: scale(1.08);
}
.news-item-info {
  width: 100%;
  height: 40%;
}
.section-sponsors {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  padding-bottom: 40px;
  padding-top: 20px;
}
.grid-5x1 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.sponsors-link {
  color: rgb(0, 0, 0);
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.grid-4x1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.f-row {
  display: flex;
  flex-direction: row;
}
.section-cards {
  background-image: url("https://liga-campeones.mx/assets/img/55677cd76e848190852e38eacd4bf2bf.webp");
  height: 512px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  background-attachment: fixed;
}
.footer {
  height: 508px;
  background-image: url("https://liga-campeones.mx/assets/img/d98d1c0e9f758c38f96a407a9867eac9.webp");
  padding-top: 30px;
}
.card-container {
  display: flex;
  column-gap: 20px;
}
.my-card {
  height: 384px;
  width: 24%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px -98px 50px rgba(0, 0, 0, 0.57) inset;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: row;
  position: relative;
  padding-bottom: 24px;
}
.card-link {
  width: 80%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  background: linear-gradient(87deg, rgba(1,0,255,1) 0%, rgba(2,0,212,1) 69%, rgba(3,0,133,1) 100%);
  transition: 1s;
  position: relative;
  z-index: 2;
}
.card-link:hover {
  background: linear-gradient(87deg, rgba(158,158,252,1) 0%, rgba(150,149,235,1) 27%, rgba(255,255,255,1) 100%);
  color: rgb(0, 25, 255);
}
.card-img {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.footer-container {
  display: flex;
  justify-content: space-between;
  padding-top: 48px;
}
.footer-logo {
  height: 98px;
  width: 24%;
}
.footer-block {
  width: 24%;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
}
.footer-menu-link {
  color: rgb(255, 255, 255);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: color .2s;
  max-width: 320px;
  text-transform: uppercase;
}
.footer-menu-link:hover {
  color: rgb(76, 186, 255);
}
.footer-menu-item {
  margin-bottom: 16px;
}
.footer-menu-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 24px;
}
.footer-down-right {
}
.footer-down-left {
  display: flex;
  width: 56%;
  justify-content: space-between;
}
.footer-img-powered {
  width: 96px;
  padding-left: 16px;
}
.privacy-container {
  padding-bottom: 48px;
  background-color: rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image: url("https://liga-campeones.mx/assets/img/d98d1c0e9f758c38f96a407a9867eac9.webp");
  background-attachment: fixed;
}
.privacy-title-bg {
  background-image: url("https://liga-campeones.mx/assets/img/29370524c00ba746d463739504121e86.webp");
  height: 144px;
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: cover;
}
.privacy-title {
  font-size: 36px;
  color: rgb(245, 245, 245);
  text-transform: uppercase;
  line-height: 144px;
}
.privacy-subtitle {
  font-size: 24px;
  margin-bottom: 24px;
}
.privacy-num-li {
  margin-bottom: 16px;
}
.privacy-sublist {
  list-style: upper-roman inside;
}
.wrap-news {
  padding-top: 24px;
}
.mb24 {
  margin-bottom: 24px;
}
.post-first-screen {
  background-image: url("https://liga-campeones.mx/assets/img/29370524c00ba746d463739504121e86.webp");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 600px;
}
.post-first-screen-info {
  height: 100%;
  background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
}
.post-title-container {
  display: flex;
  align-items: flex-end;
  width: 700px;
  height: 100%;
  padding-bottom: 62px;
  font-size: 40px;
  font-weight: 600;
  color: rgb(255, 255, 255);
}
.post-article {
  padding-bottom: 24px;
  padding-top: 24px;
}
.post-author {
  display: flex;
  column-gap: 32px;
  font-size: 12px;
  font-family: Verdana;
  font-weight: 100;
  margin-bottom: 48px;
}
.post-text-600 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 32px;
}
.post-link-promo {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
  width: 980px;
  margin-right: auto;
  margin-left: auto;
}
.post-link-promo-img {
  width: 980px;
}
.post-article-title {
  font-size: 24px;
  font-weight: 600;
  width: 100%;
  text-align: center;
  margin-bottom: 32px;
}
.post-article-p {
}
.post-more-news {
  background: #f0f0f0;
  padding-bottom: 48px;
  padding-top: 48px;
}
.post-more-news-grid {
  grid-template-rows: 1fr;
}
.post-more-news-title {
  margin-bottom: 48px;
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 600;
}
.video-live-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-live {
  background-image: url("https://liga-campeones.mx/assets/img/c5e997dddc899dbfc34e17577c0976fe.webp");
  width: 1440px;
  height: 90%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  box-shadow: 0px 0px 30px 2px rgba(67, 178, 203, 0.68);
  position: relative;
  overflow: hidden;
}
.playback-container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .2s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.playback-container:hover {
  transform: scale(1.15);
}
.post-news-first-screen {
  background-image: url("https://liga-campeones.mx/assets/img/c5e997dddc899dbfc34e17577c0976fe.webp");
}
.history-container {
  padding-top: 24px;
  padding-bottom: 24px;
}
.history-block {
  background: #1e1e1e;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  margin-bottom: 20px;
}
.history-block-content {
  display: flex;
  padding-top: 20px;
}
.history-block-content-img {
  object-fit: cover;
  height: 400px;
  margin-right: 24px;
  width: 520px;
}
.history-block-content-txt {
  color: rgb(255, 255, 255);
}
.table-container {
  padding-bottom: 24px;
  padding-top: 24px;
}
.table-head {
  display: grid;
  grid-template-columns: 10fr repeat(6, 2fr) 3fr;
  height: 40px;
  background: #1e1e1e;
  color: rgb(255, 255, 255);
  font-size: 14px;
  font-weight: 600;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
  text-transform: uppercase;
}
.text-center {
  text-align: center;
}
.table-team {
  grid-template-columns: 0.5fr 9.5fr repeat(6, 2fr) 3fr;
  padding-left: 12px;
  padding-right: 12px;
  height: 64px;
  color: rgb(255, 255, 255);
  align-items: center;
  display: grid;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.6) inset;
  background: #1e1e1e;
}
.table-team-name {
  text-transform: uppercase;
  cursor: pointer;
  transition: .3s;
}
.table-team-name:hover {
  color: rgb(211, 175, 55);
}
.table-team-name-img {
  height: 36px;
  margin-right: 12px;
  width: 36px;
  object-fit: contain;
}
.table-team-forms {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 12px;
}
.table-team-forms-disk {
  height: 16px;
  width: 16px;
  border-radius: 100%;
  background: #909090;
}
.bg-green {
  background: #00ff35;
}
.bg-red {
  background: #ff0000;
}
.bg-yellow {
  background: #f3ff00;
}
.bold {
  font-weight: 600;
}
.bg-cyan {
  background: rgb(93, 255, 255);
  color: rgb(0, 0, 0);
}
.bg-gray-400 {
  background: rgb(210, 210, 210);
  color: rgb(0, 0, 0);
}
.bg-red-400 {
  background: #e32b2b;
}
.calendar-container {
  padding-top: 24px;
  padding-bottom: 24px;
}
.calendar-bg {
  background-image: url("https://liga-campeones.mx/assets/img/47e9ce60aa4449aac9fda4df18b04c27.jpg");
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 144px;
  background-attachment: fixed;
  height: 1280px;
}
.calendar {
  position: relative;
  z-index: 3;
}
.calendar-head {
  background: linear-gradient(90deg, rgba(0,28,167,1) 0%, rgba(0,0,0,1) 100%);
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.calendar-subhead {
  background: #1e1e1e;
  height: 32px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  align-items: center;
  display: flex;
  justify-content: center;
  font-weight: 600;
  font-size: 12px;
}
.calendar-day {
  font-family: Tahoma;
}
.calendar-day-head {
  height: 32px;
  background: #001ca7;
  box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.6) inset;
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-weight: 600;
}
.result-day-event {
  background: #1e1e1e;
  height: 104px;
  display: flex;
  flex-direction: column;
}
.calendar-day-match-event {
  height: 64px;
  display: grid;
  grid-template-columns: 10fr 2fr 10fr;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
}
.calendar-day-match-place {
  background-color: rgb(237, 237, 237);
  height: 40px;
  grid-template-columns: 10fr 2fr 10fr;
  display: grid;
}
.calendar-link-team {
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-decoration: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 16px;
  padding-left: 16px;
  column-gap: 16px;
}
.calendar-link-team:hover {
  opacity: 0.6;
}
.calendar-team-ico {
  width: 36px;
}
.calendar-day-event {
  display: flex;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  height: 72px;
  background: #1e1e1e;
  font-size: 16px;
  font-weight: 600;
  padding-left: 36px;
  align-items: center;
  column-gap: 24px;
  box-shadow: 0px 100px 20px rgba(0, 25, 255, 0.19) inset;
  border-style: solid;
  border-width: 0;
  border-bottom-width: 1px;
  border-color: rgba(40, 40, 40, 0.27);
}
.calendar-place {
  justify-content: flex-start;
  color: rgb(8, 0, 255);
  font-size: 16px;
  align-items: center;
  height: 100%;
  font-weight: 600;
  font-family: Tahoma;
}
.calendar-place:hover {
  color: rgb(46, 76, 228);
  opacity: 1;
}
.flex-start {
  justify-content: flex-start;
}
.flex-start:hover {
}
.result-match {
  background: linear-gradient(270deg, rgba(0,28,167,1) 0%, rgba(0,0,0,.3) 100%);
  width: 100px;
  height: 42px;
  color: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}
.result-goals {
  display: flex;
  flex-direction: column;
  font-size: 10px;
  flex-wrap: wrap;
  height: 64px;
  row-gap: 4px;
  column-gap: 6px;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 15px;
  padding-top: 15px;
  text-transform: none;
}
.result-ball-img {
  height: 12px;
  width: 12px;
}
.results-goal-item {
  display: flex;
  align-items: center;
  column-gap: 6px;
  line-height: 15px;
}
.calendar-event-name {
  display: flex;
  align-items: center;
  width: 38%;
}
.calendar-event-place {
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 12px;
  padding-left: 20px;
  padding-right: 20px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-transform: none;
}
.calendar-event-place:hover {
  text-decoration: underline;
}
.calendar-stat-link {
  align-items: center;
  display: flex;
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-transform: none;
  font-size: 13px;
  column-gap: 12px;
  transition: .2s;
  padding-left: 24px;
  width: 22%;
  justify-content: flex-start;
}
.calendar-stat-link:hover {
  text-decoration: underline;
  padding-right: 0;
  column-gap: 20px;
}
.calendar-stat-img {
  height: 32px;
  margin-right: 12px;
}
.calendar-stat-img:hover {
}
.calendar-head-logo {
  height: 60px;
}
.calendar-stat-arrow {
  height: 24px;
}
.calendar-stat-arrow:hover {
}
.calendar-event-detail {
  display: flex;
  align-items: center;
  color: rgb(255, 255, 255);
  height: 48px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  background: linear-gradient(270deg, rgba(0,28,167,1) 0%, rgba(0,0,0,.3) 100%);
  margin-left: auto;
  margin-right: auto;
  transition: ,2і;
}
.calendar-event-detail:hover {
  box-shadow: 0px 0px 8px 1px rgba(0, 160, 255, 0.2);
}
.calendar-lf-bor-white-h40 {
  height: 40px;
  border-color: rgb(79, 79, 79);
  border-style: solid;
  border-width: 0;
  border-left-width: 1px;
}
.color-blue {
  color: rgb(5, 0, 132);
}
.watch-link {
  color: rgb(0, 0, 0);
  transition: .3s;
  text-decoration: none;
}
.watch-link:hover {
  color: rgb(88, 91, 255);
}
.jcend {
  justify-content: flex-end;
}
.jcc {
  justify-content: center;
}
.c-gap-24 {
  column-gap: 24px;
}
.pag-link {
  align-items: center;
  border: 1px solid #fff;
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
  height: 28px;
  width: 28px;
  border-radius: 4px;
  color: rgb(0, 10, 100);
  text-decoration: none;
  transition: .3s;
  background: #fff;
}
.pag-link:hover {
  background: #000a64;
  color: rgb(255, 255, 255);
}
.pag-arrow {
  align-items: center;
  background-image: url("https://liga-campeones.mx/assets/img/49b113143c0e5b37d8b7616a15b1eb65.png");
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  transition: .3s;
  background-size: 80% 80%;
}
.pag-arrow:hover {
  background-image: url("https://liga-campeones.mx/assets/img/68e3f2d2fa076be10b92438a67fc7310.png");
}
.grid-3x3-g24 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 24px;
}
.video-card {
  background: #000a64;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: rgb(255, 255, 255);
  text-decoration: none;
  transition: .3s;
  border: 1px solid #000a64;
}
.video-card:hover {
  color: rgb(211, 175, 55);
  border: 1px solid #d3af37;
}
.ov-hidden {
  overflow: hidden;
}
.relative {
  position: relative;
}
.h-260 {
  height: 260px;
}
.img-100-cover {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.playback-absolute {
  background: radial-gradient(circle, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.4) 100%);
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: .3s;
}
.playback-absolute:hover {
  scale: 1.1;
}
.img-72 {
  height: 72px;
  width: 72px;
  object-fit: contain;
}
.p-16 {
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
}
.fz-14 {
  font-size: 14px;
}
.aic {
  align-items: center;
}
.space-between {
  justify-content: space-between;
}
.color-gold {
  color: rgb(211, 175, 55);
}
.color-gold:hover {
  color: rgb(211, 175, 55);
}
.img-20 {
  height: 20px;
  width: 20px;
  object-fit: contain;
}
.c-gap-12 {
  column-gap: 12px;
}
.grid-4x1-g24 {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(4, 1fr);
}
.news-item-title {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.live-item {
  align-items: center;
  background-image: url("https://liga-campeones.mx/assets/img/29370524c00ba746d463739504121e86.webp");
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  grid-template-columns: 3fr 1fr 2fr;
  margin-bottom: 24px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
}
.live-teams-grid {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(5, 1fr);
  padding-left: 24px;
  padding-right: 24px;
}
.main-last-team {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  column-gap: 16px;
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-transform: uppercase;
  transition: .3s;
}
.main-last-team:hover {
  color: rgb(211, 175, 55);
}
.live-left-team {
  grid-area: 1 / 1 / 3 / 6;
}
.fz-28 {
  font-size: 28px;
}
.live-vs {
  text-align: center;
  grid-area: 3 / 5 / 4 / 6;
  font-weight: 600;
}
.live-right-team {
  justify-content: flex-end;
  grid-area: 4 / 5 / 6 / 10;
}
.f-col {
  display: flex;
  flex-direction: column;
}
.r-gap-24 {
  row-gap: 24px;
}
.live-video-link {
  border-radius: 4px;
  height: 240px;
  overflow: hidden;
  position: relative;
}
.live-ico {
  height: 42px;
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
}
.grid-2x1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.team-card {
  background-image: url("https://liga-campeones.mx/assets/img/29370524c00ba746d463739504121e86.webp");
  background-repeat: no-repeat;
  background-size: cover;
  display: grid;
  grid-template-columns: 160px auto 160px;
  grid-template-rows: 1fr 80px;
}
.back-blur {
  backdrop-filter: blur(8px);
}
.team-card-cell {
  border-style: solid;
  border-width: 0;
  border-color: rgb(255, 255, 255);
  align-items: center;
  display: flex;
  border-bottom-width: 1px;
  justify-content: center;
  flex-direction: column;
  row-gap: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  flex: 1;
}
.fw-600 {
  font-weight: 600;
}
.fz-20 {
  font-size: 20px;
}
.border-l-white {
  border-style: solid;
  border-width: 0;
  border-color: rgb(255, 255, 255);
  border-left-width: 1px;
}
.border-r-white {
  border-style: solid;
  border-width: 0;
  border-color: rgb(255, 255, 255);
  border-right-width: 1px;
}
.team-card-name {
  align-items: center;
  backdrop-filter: blur(8px);
  display: flex;
  justify-content: center;
  font-size: 48px;
  grid-area: 2 / 1 / 3 / 4;
  color: rgb(255, 255, 255);
  text-decoration: none;
  transition: .3s;
}
.team-card-name:hover {
  color: rgb(211, 175, 55);
}
.bg-white {
  background: #fff;
}
.team-head {
  height: 100%;
  align-items: center;
  display: flex;
  column-gap: 48px;
  font-size: 48px;
  color: rgb(255, 255, 255);
}
.p-t-24 {
  padding-top: 24px;
}
.team-history-img {
  float: left;
  margin-right: 16px;
  height: 240px;
}
.grid-3x2-g24 {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
}
.season-matches-card {
  border: 1px solid lightgrey;
  border-radius: 4px;
  display: grid;
  grid-template-columns: 6fr 4fr;
  grid-template-rows: 1fr 1fr 1fr;
}
.circle-block {
  border-radius: 100%;
  height: 32px;
  width: 32px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: rgb(255, 255, 255);
  font-weight: 600;
}
.color-line-grid {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-area: 3/1/4/3;
  align-items: center;
  grid-gap: 4px;
}
.color-line {
  border-radius: 12px;
  height: 12px;
}
.stats-1-6 {
  grid-area: 1/1/2/6;
}
.stats-6-8 {
  grid-area: 1/6/2/8;
}
.stats-8-11 {
  grid-area: 1/8/2/11;
}
.stats-1-7 {
  grid-area: 1/1/2/7;
}
.stats-7-9 {
  grid-area: 1/7/2/9;
}
.stats-9-11 {
  grid-area: 1/9/2/11;
}
.grid-6x1-g24 {
  display: grid;
  align-items: center;
  grid-gap: 24px;
  grid-template-columns: repeat(6, 1fr);
}
.player-card {
  border-radius: 8px;
  display: grid;
  grid-template-rows: 204px 92px;
  overflow: hidden;
  color: rgb(0, 10, 100);
  transition: .3s;
  text-decoration: none;
  border: 1px solid lightgrey;
  background: #f1f3f8;
}
.player-card:hover {
  color: rgb(211, 175, 55);
}
.squad-field {
  background-image: url("https://liga-campeones.mx/assets/img/943ccd8fe41e2c6f700917a3f9a3aeaa.png");
  height: 760px;
  position: relative;
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  grid-template-columns: repeat(8, 1fr);
}
.player-on-field {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  transition: .3s;
}
.player-on-field:hover {
  scale: 1.1;
}
.shirt {
  background-image: url("https://liga-campeones.mx/assets/img/d3ebda468601aee5b922b03a57326d09.png");
  background-repeat: no-repeat;
  background-size: contain;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 96px;
  width: 96px;
  font-size: 32px;
}
.gk-l {
  grid-area: 2 / 1 / 4 / 2;
}
.lb {
  grid-area: 1 / 2 / 2 / 4;
}
.lcb {
  grid-area: 2 / 2 / 3 / 4;
}
.rcb {
  grid-area: 3 / 2 / 4 / 4;
}
.rb {
  grid-area: 4 / 2 / 5 / 4;
}
.lm {
  grid-area: 1 / 4 / 2 / 6;
}
.lcm {
  grid-area: 2 / 4 / 3 / 5;
}
.rcm {
  grid-area: 3 / 4 / 4 / 5;
}
.rm {
  grid-area: 4 / 4 / 5 / 6;
}
.cam {
  grid-area: 2 / 5 / 4 / 7;
}
.striker {
  grid-area: 2 / 7 / 4 / 8;
}
.img-100contain {
  height: 100%;
  object-fit: contain;
}
.player-bio-item {
  border-style: solid;
  border-width: 0;
  border-left-width: 1px;
  border-color: rgb(204, 204, 204);
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding-left: 16px;
}
.uppercase {
  text-transform: uppercase;
}
.penalty-card {
  border-radius: 2px;
  height: 26px;
  width: 18px;
  border: 1px solid lightgrey;
}
.review-head {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 600px;
}
.bg-2d3750 {
  background: #2d3750;
}
.review-head-right {
  background-image: url("https://liga-campeones.mx/assets/img/0148ce4429840fbbfaf3a75e9c121360.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  box-shadow: 60px 0px 40px rgb(45, 55, 80) inset;
}
.review-head-left {
  width: 720px;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.review-date {
  border-style: solid;
  border-width: 0;
  border-color: rgb(123, 123, 123);
  border-bottom-width: 1px;
  width: 100%;
  padding-bottom: 8px;
  display: flex;
  justify-content: center;
  color: rgb(209, 209, 209);
}
.color-grey {
  color: rgb(204, 204, 204);
}
.tac {
  text-align: center;
}
.review-event-grid {
  display: grid;
  grid-template-columns: 3fr 1fr 3fr;
}
.aiend {
  align-items: flex-end;
}
.w-720px {
  width: 720px;
}
.h-100per {
  height: 100%;
}
.max-w-120px {
  max-width: 120px;
}
.grid-stats-head {
  display: grid;
  grid-template-columns: 100px auto 100px;
  align-items: center;
}
.tar {
  text-align: right;
}
.NewClass-249 {
}
.grid-80-20 {
  grid-template-columns: 8fr 2fr;
  grid-gap: 4px;
  display: grid;
}
.stat-key-blue {
  border-radius: 8px;
  background: #0232ff;
  height: 6px;
}
.stat-key-light-blue {
  border-radius: 8px;
  height: 6px;
  background: #00e4eb;
}
.grid-90-10 {
  display: grid;
  grid-template-columns: 9fr 1fr;
  grid-gap: 4px;
}
.grid-25-75 {
  display: grid;
  grid-template-columns: 2.5fr 7.5fr;
  grid-gap: 4px;
}
.grid-20-80 {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: 2fr 8fr;
}
.grid-50-50 {
  grid-template-columns: 1fr 1fr;
  grid-gap: 4px;
  display: grid;
}
.grid-65-35 {
  display: grid;
  grid-gap: 4px;
  grid-template-columns: 6.5fr 3.5fr;
}
.lb-l {
  grid-area: 1 / 2 / 2 / 3;
}
.lcb-l {
  grid-area: 2 / 2 / 3 / 3;
}
.rcb-l {
  grid-area: 3 / 2 / 4 / 3;
}
.rb-l {
  grid-area: 4 / 2 / 5 / 3;
}
.lm-l {
  grid-area: 1/3/2/4;
}
.lcm-l {
  grid-area: 2 / 3 / 3 / 4;
}
.rcm-l {
  grid-area: 3 / 3 / 4 / 4;
}
.rm-l {
  grid-area: 4 / 3 / 5 / 4;
}
.cam-l {
  grid-area: 2 / 3 / 3/ 6;
}
.striker-l {
  grid-area: 3 / 4 / 4 / 5;
}
.l-st-r {
  grid-area: 3/5/5/6;
}
.shirt-red {
  align-items: center;
  background-image: url("https://liga-campeones.mx/assets/img/9d56ec2f275ed3672d4279ec2610bfbb.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  font-size: 32px;
  height: 96px;
  width: 96px;
  color: rgb(255, 255, 255);
}
.st-r {
  grid-area: 2/5/4/6;
}
.r-st-r {
  grid-area: 1/5/3/6;
}
.rm-r {
  grid-area: 1/6/3/7;
}
.cm-r {
  grid-area: 2/6/4/7;
}
.lm-r {
  grid-area: 3/6/5/7;
}
.lb-r {
  grid-area: 4/7/5/8;
}
.lcb-r {
  grid-area: 3/7/4/8;
}
.rcb-r {
  grid-area: 2/7/3/8;
}
.rb-r {
  grid-area: 1/7/2/8;
}
.gk-r {
  grid-area: 2/8/4/9;
}
.left-player-container {
  left: 0;
  top: 0;
}
.player-container {
  position: absolute;
  height: 100%;
  width: 320px;
  background: rgba(5, 7, 55, .7);
  display: flex;
  flex-direction: column;
}
.bg-transparent {
  background: transparent;
}
.h-180px {
  height: 180px;
}
.flex-1 {
  flex: 1;
}
.right-player-container {
  top: 0;
  right: 0;
}