:root {
  --color-white: #fff;
  --color-black: #000;
  --color-light-gray: #e6e6e6;
  --color-yellow: #eedf00;
  --color-magenta: #e03d87;
}

@font-face {
  font-family: "TuskerGrotesk";
  font-weight: 500;
  src: url("../fonts/TuskerGrotesk-3500Medium.woff2") format("woff2"), url("../fonts/TuskerGrotesk-3500Medium.woff") format("woff"), url("../fonts/TuskerGrotesk-3500Medium.ttf") format("truetype");
}
@font-face {
  font-family: "TuskerGrotesk";
  font-weight: 700;
  src: url("../fonts/TuskerGrotesk-3700Bold.woff2") format("woff2"), url("../fonts/TuskerGrotesk-3700Bold.woff") format("woff"), url("../fonts/TuskerGrotesk-3700Bold.ttf") format("truetype");
}
/*********/
/*********/
/*********/
a:hover {
  text-decoration: none;
}

/*********/
/*********/
/*********/
html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: var(--os-default-font);
  background-color: var(--site-bg-color);
  color: var(--text-color);
}
body.make-it-mupi {
  overflow: hidden;
}
body.make-it-mupi .canvas {
  transform: rotate(-90deg) translate(-56.25%, 0) scale(0.5625);
  transform-origin: top left;
}

a {
  color: var(--primary-color);
}
a:hover {
  color: var(--text-color);
}

img {
  max-width: 100%;
}

/*********/
/*********/
/*********/
.canvas {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 0;
  padding-top: 177.77778%;
  font-family: "TuskerGrotesk", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  background-image: url(../img/bg-default-01.jpg);
  background-color: #000;
  background-position: center center;
  background-size: cover;
  color: var(--color-white);
}
.canvas > * {
  position: absolute;
  z-index: 2;
}
.canvas .estoril-open-logo {
  top: 3.7%;
  left: 50%;
  width: 20%;
  height: 0;
  transform: translateX(-50%);
}
.canvas .estoril-open-logo img {
  width: 100%;
}
.canvas .jc-decaux-dynamic-content-logo {
  bottom: 0;
  left: 0;
  width: 37%;
}
.canvas .jc-decaux-dynamic-content-logo img {
  width: 100%;
}
.canvas .atp-logo {
  bottom: 3.3%;
  right: 4.2%;
  width: 11.5%;
}
.canvas .atp-logo svg {
  width: 100%;
}
.canvas.live-match {
  background-color: #a0531e;
  background-image: url(/assets/img/bg-live-01.jpg);
}
.canvas.live-match .page-title {
  top: 22%;
  left: 0;
  width: 100%;
  font-size: 9.7vw;
  font-weight: 700;
  line-height: 0.85em;
  text-align: center;
}
.canvas.live-match .metadata {
  top: 28.8%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 7vw;
  font-size: 5vw;
  color: var(--color-yellow);
}
.canvas.live-match .metadata > * {
  display: flex;
  gap: 1vw;
}
.canvas.live-match .metadata > * .icon {
  width: 5vw;
  background: no-repeat center center;
}
.canvas.live-match .metadata > * .icon.icon-court {
  width: 7vw;
  background-image: url(/assets/img/icon-court.svg);
  transform: translateY(-4%);
}
.canvas.live-match .metadata > * .icon.icon-timer {
  background-image: url(/assets/img/icon-timer.svg);
  transform: translateY(-5%);
}
.canvas.live-match .match {
  top: 63.2%;
  left: 9%;
  width: 82%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6vw;
  transform: translateY(-50%);
  border: 0.5vw solid #fff;
}
.canvas.live-match .match .player {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5vw;
  padding: 4vw 0;
}
.canvas.live-match .match .player .player-name {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5vw;
}
.canvas.live-match .match .player .player-name .player-first-name {
  font-size: 6vw;
  line-height: 0.8em;
  color: var(--color-yellow);
}
.canvas.live-match .match .player .player-name .player-last-name {
  position: relative;
  display: flex;
  gap: 1vw;
  align-items: center;
  font-size: 9vw;
  font-weight: 700;
  line-height: 1em;
}
.canvas.live-match .match .player .player-name .player-last-name .player-inicial-name {
  font-size: 8vw;
  font-weight: 400;
  color: var(--color-yellow);
}
.canvas.live-match .match .player .player-name.serving .player-last-name:after {
  position: absolute;
  left: calc(100% + 2vw);
  width: 8vw;
  height: 100%;
  background: url(/assets/img/icon-raquet.svg);
  transform: scale(2);
  content: "";
}
.canvas.live-match .match .player .player-score {
  display: flex;
  gap: 0.2vw;
  font-size: 7vw;
  font-weight: 400;
  color: #000;
}
.canvas.live-match .match .player .player-score > * {
  width: 16vw;
  background: #fff;
  text-align: center;
}
.canvas.live-match .match .player .player-score .set {
  position: relative;
}
.canvas.live-match .match .player .player-score .set .tie-break {
  position: absolute;
  top: 0;
  left: 60%;
  font-size: 3vw;
}
.canvas.live-match .match .player .player-score .set.active {
  background: var(--color-light-gray);
}
.canvas.live-match .match .player .player-score .set.won:not(.active) {
  color: var(--color-magenta);
}
.canvas.live-match .match .player .player-score .current-set {
  background: var(--color-yellow);
}
.canvas.live-match .match:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.5vw;
  transform: translateY(-50%);
  background-color: #fff;
  content: "";
}
.canvas.live-match .match.finished .current-set {
  display: none;
}
.canvas.results {
  background-color: #30688d;
  background-image: url(/assets/img/bg-results-01.jpg);
}
.canvas.results .page-title {
  top: 22%;
  left: 0;
  width: 100%;
  font-size: 9.7vw;
  font-weight: 700;
  line-height: 0.85em;
  text-align: center;
}
.canvas.results .page-title span {
  color: var(--color-yellow);
}
.canvas.results .matches {
  top: 53%;
  left: 0;
  width: 100%;
  padding: 0 9%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8vw;
  transform: translateY(-50%);
}
.canvas.results .matches .match {
  position: relative;
  width: 100%;
  padding-left: 2vw;
  border-left: 0.8vw solid var(--color-white);
}
.canvas.results .matches .match::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 2vw;
  right: 0;
  height: 0.1vw;
  background: var(--color-white);
  transform: translateY(-0.3vw);
  opacity: 0.66;
  content: "";
}
.canvas.results .matches .match .team {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  font-size: 6vw;
}
.canvas.results .matches .match .team .players {
  padding: 1vw 0;
}
.canvas.results .matches .match .team .players .player {
  line-height: 1.2em;
}
.canvas.results .matches .match .team .players .player .player-amp {
  color: var(--color-yellow);
}
.canvas.results .matches .match .team .players .player .player-initial {
  display: none;
}
.canvas.results .matches .match .team .players .player span:not(:last-child) {
  margin-right: 1vw;
}
.canvas.results .matches .match .team .team-score {
  display: flex;
  gap: 0.6vw;
  background: var(--color-white);
  font-weight: 700;
  color: #000;
}
.canvas.results .matches .match .team .team-score .set {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 8vw;
}
.canvas.results .matches .match .team .team-score .set .tie-break {
  position: absolute;
  bottom: calc(0em + 50%);
  left: calc(0.5em + 50%);
  font-size: 3vw;
}
.canvas.results .matches .match .team .team-score .set.won {
  background: var(--color-yellow);
}
.canvas.results .matches .match .team .team-score .set.won:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1vw;
  background-color: var(--color-yellow);
  content: "";
}
.canvas.results .matches .match .team.winner .players {
  position: relative;
}
.canvas.results .matches .match .team.winner .players:after {
  position: absolute;
  left: calc(100% + 2vw);
  top: 50%;
  width: 4vw;
  height: 4vw;
  background: url(/assets/img/icon-check.svg);
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-65%);
  content: "";
}
.canvas.results .matches .match .team.winner .player {
  color: var(--color-yellow);
}
.canvas.results .matches .match .team.winner .player .player-amp {
  color: var(--color-white);
}
.canvas.results .matches .match .team.loser .player {
  opacity: 0.5;
}
.canvas.results .matches .match .team.loser .player .player-amp {
  color: var(--color-white);
}
.canvas.results .matches .match .team:first-child .team-score .set.won:after {
  bottom: 100%;
}
.canvas.results .matches .match .team:last-child .team-score .set.won:after {
  top: 100%;
}
.canvas.results .matches .match .upcoming-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 25.2vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1vw;
  background-color: var(--color-white);
  color: var(--color-black);
}
.canvas.results .matches .match .upcoming-panel .next {
  font-size: 8vw;
  font-weight: 700;
  line-height: 1em;
}
.canvas.results .matches .match .upcoming-panel .stadium {
  font-size: 3vw;
  line-height: 1em;
}
.canvas .placeholder {
  z-index: 1;
  inset: 0 0 0 0;
  background: url(../img/placeholder-04.jpg) no-repeat center center;
  background-size: contain;
  opacity: 0.33;
  display: none;
}

/*# sourceMappingURL=base.css.map */