@import url(https://fonts.googleapis.com/css2?family=Mina:wght@400;700&display=swap);
@import url(//fonts.googleapis.com/css?family=Mina);
@import "classF1.css";
@import "classFE.css";
@import "classTC.css";

:root {
  --main-bg-color: #bb0000;
  --main-font-color: #343a40;
  --main-font-color-selected: #ffffff;
  --main--table-color: var(--main-font-color);
  --main-font-family: "Mina", sans-serif;
  --teamColor-17: 231 31 56;
  --teamColor-22: 255 128 0;
  --teamColor-15: 47 102 191;
  --teamColor-23: 35 242 204;
  --teamColor-178: 31 142 102;
  --teamColor-28: 173 177 181;
  --teamColor-170: 0 136 197;
  --teamColor-180: 91 135 255;
  --teamColor-180: 91 135 255;
  --teamColor-27: 89 188 255;
  --teamColor-25: 72 222 72;
  --teamColor-188: 0 0 0;
  --teamColor-189: 27 24 55;
  --teamColor-193: 0 20 137;
  --teamColor-194: 255 128 0;
  --teamColor-184: 0 201 0;
  --teamColor-191: 203 166 95;
  --teamColor-185: 237 49 36;
  --teamColor-186: 0 51 160;
  --teamColor-182: 195 0 47;
  --teamColor-187: 0 0 0;
  --teamColor-192: 0 0 0;
  --teamColor-336: 0 123 255; /* Azul - Chevrolet (Camaro) */
  --teamColor-337: 220 53 69; /* Rojo - Ford (Mustang) */
  --teamColor-332: 40 167 69; /* Verde - Torino (Torino NG) */
  --teamColor-335: 33 37 41; /* Dodge (Challenger) */
  --teamColor-334: 108 117 125; /* Gris / Plateado - Toyota (Camry) */
}

body {
  font-size: 12px;
  font-family: var(--main-font-family);
  color: var(--main-font-color);
}

.text-primary {
  color: var(--main-font-color) !important;
}

.automovilismo div .torneo {
  font-size: 30px;
}

.automovilismo #calendario .fechas .fecha.current {
  display: block;
}

.automovilismo #calendario .fechas .fecha {
  display: none;
}

.automovilismo #calendario table tr td {
  color: var(--main-font-color);
}

.automovilismo #calendario .dropdown .dropdown-item.active,
.automovilismo #calendario .dropdown .dropdown-item:active,
.automovilismo #calendario .dropdown .dropdown-item:hover {
  color: var(--main-font-color-selected) !important;
  background-color: var(--main-bg-color);
}

.automovilismo #calendario .dropdown .dropdown-item:hover {
  cursor: pointer;
}

.automovilismo #calendario .dropdown .dropdown-item,
.automovilismo #calendario .dropdown .dropdown-item {
  background-color: #fff0;
}

.automovilismo table th,
.automovilismo .pie {
  background-color: #fff0;
  color: var(--main-font-color);
  font-size: 10px;
}

.table > :not(caption) > * > * {
  color: var(--main-font-color);
}

.automovilismo .footerCtn .logo {
  background-image: url(../images/icons_sheet.png);
  width: 129px;
  height: 24px;
  margin: 0 auto;
  line-height: 24px;
  display: block;
  background-position: -224px -134px;
}

.automovilismo .nav-tabs .nav-item.show .nav-link,
.automovilismo .nav-tabs .nav-link.active {
  color: var(--main-font-color-selected) !important;
  background-color: var(--main-bg-color);
  border: 0 solid lightgray;
  border-top-left-radius: 10px;
}

.automovilismo .nav-tabs .nav-link {
  border-top-left-radius: 10px;
  border: 1px solid lightgrey;
  border-right: none;
  border-top-right-radius: 0;
}

.automovilismo .nav-tabs .nav-link .fill-svg {
  fill: var(--main-font-color);
}

.automovilismo .nav-tabs .nav-link {
  background-color: #fff0;
}

.automovilismo .nav-tabs .nav-link.active svg path {
  fill: var(--main-font-color-selected);
}

.automovilismo #pilots .card-header {
  margin-bottom: 0;
  background-color: #f8f8f8;
  clip-path: polygon(12% 0, 100% 0, 100% 100%, 6% 100%);
  height: 32px;
  border-top-right-radius: 10px;
  box-shadow: inset 2px 3px 0 0 rgb(0 0 0 / 5%);
}

.automovilismo #pilots .card-body {
  background-color: #f8f8f8;
  border-top-left-radius: 10px;
  border-left-width: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px;
  clip-path: polygon(0% 0, 100% 0%, 100% 80%, 0% 205%);
}

.automovilismo #pilots .pilot .data {
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 268 84"><defs><mask id="b" x="0" y="-8.23" width="268" height="115.45" maskUnits="userSpaceOnUse"><g id="c"><path d="M0,11.58c0-2.76,2.24-5,5-5h201.11c1.22,0,2.39-.44,3.31-1.25l4.64-4.09c.91-.8,2.09-1.25,3.3-1.25h45.64c2.76,0,5,2.24,5,5v57.2c0,2-1.19,3.8-3.02,4.59l-35.55,15.31c-.61.26-1.28.4-1.95.41l-222.45,1.46c-2.77.02-5.03-2.23-5.03-5V11.58Z" fill="%23343a40"/></g></mask></defs><path d="M0,11.58c0-2.76,2.24-5,5-5h201.11c1.22,0,2.39-.44,3.31-1.25l4.64-4.09c.91-.8,2.09-1.25,3.3-1.25h45.64c2.76,0,5,2.24,5,5v57.2c0,2-1.19,3.8-3.02,4.59l-35.55,15.31c-.61.26-1.28.4-1.95.41l-222.45,1.46c-2.77.02-5.03-2.23-5.03-5V11.58Z" fill="%23343a40"/><g mask="url(%23b)"><g opacity=".03"><rect x=".02" y="-8.22" width="133.98" height="38.28" fill="%23f4f4f4"/><rect x="114.85" y="-8.22" width="19.14" height="19.14"/><rect x="95.71" y="10.91" width="19.14" height="19.14"/><rect x="76.61" y="-8.22" width="19.14" height="19.14"/><rect x="38.26" y="-8.22" width="19.14" height="19.14"/><rect x="0" y="-8.22" width="19.14" height="19.14"/><rect x="57.44" y="10.91" width="19.14" height="19.14"/><rect x="19.15" y="10.91" width="19.14" height="19.14"/><rect x=".02" y="30.06" width="133.98" height="38.28" fill="%23f4f4f4"/><rect x="114.85" y="30.06" width="19.14" height="19.14"/><rect x="95.71" y="49.19" width="19.14" height="19.14"/><rect x="76.61" y="30.06" width="19.14" height="19.14"/><rect x="38.26" y="30.06" width="19.14" height="19.14"/><rect x="0" y="30.06" width="19.14" height="19.14"/><rect x="57.44" y="49.19" width="19.14" height="19.14"/><rect x="19.15" y="49.19" width="19.14" height="19.14"/><rect x=".02" y="68.95" width="133.98" height="38.28" fill="%23f4f4f4"/><rect x="114.85" y="68.95" width="19.14" height="19.14"/><rect x="76.61" y="68.95" width="19.14" height="19.14"/><rect x="38.26" y="68.95" width="19.14" height="19.14"/><rect x="0" y="68.95" width="19.14" height="19.14"/><rect x="134" y="68.94" width="133.98" height="38.28" fill="%23f4f4f4"/><rect x="153.14" y="68.94" width="19.14" height="19.14"/><rect x="191.41" y="68.94" width="19.14" height="19.14"/><rect x="229.7" y="68.94" width="19.14" height="19.14"/><rect x="134" y="30.66" width="133.98" height="38.28" fill="%23f4f4f4"/><rect x="134" y="49.8" width="19.14" height="19.14"/><rect x="153.14" y="30.66" width="19.14" height="19.14"/><rect x="172.24" y="49.8" width="19.14" height="19.14"/><rect x="210.59" y="49.8" width="19.14" height="19.14"/><rect x="248.86" y="49.8" width="19.14" height="19.14"/><rect x="191.41" y="30.66" width="19.14" height="19.14"/><rect x="229.7" y="30.66" width="19.14" height="19.14"/><rect x="134" y="-8.23" width="133.98" height="38.28" fill="%23f4f4f4"/><rect x="134" y="10.91" width="19.14" height="19.14"/><rect x="153.14" y="-8.23" width="19.14" height="19.14"/><rect x="172.24" y="10.91" width="19.14" height="19.14"/><rect x="210.59" y="10.91" width="19.14" height="19.14"/><rect x="248.85" y="10.91" width="19.14" height="19.14"/><rect x="191.41" y="-8.23" width="19.14" height="19.14"/><rect x="229.7" y="-8.23" width="19.14" height="19.14"/></g></g></svg>');
  background-repeat: no-repeat;
  height: 84px;
  width: 268px;
  background-size: contain;
  margin-bottom: 45px;
}

.automovilismo #pilots .pilot .data {
  color: var(--main-font-color-selected);
}

.automovilismo #pilots .pilot .columna2 .teamShield img {
  height: 70px;
  width: 100%;
}

.automovilismo #pilots .pilot .columna2 .points,
.automovilismo #pilots .pilot .columna2 .position {
  font-size: 58px;
}

.automovilismo #pilots .pilot .columna2 .bottom .position .col:first-child {
  clip-path: polygon(15% 0, 100% 0, 100% 70%, 60% 100%, 0 100%, 0 15%);
  max-width: 66px;
  border-radius: 6px;
  height: 77px;
}

.automovilismo #pilots .pilot .columna2 .points span,
.automovilismo #pilots .pilot .columna2 .position .col:last-child {
  font-size: 20px;
}

.automovilismo #pilots .pilot .columna2 .bottom .points {
  height: 60px;
}

.automovilismo #pilots .pilot .birthDate,
.automovilismo .pilot .country,
.automovilismo .pilot .name {
  flex: none;
}

.automovilismo #calendario .circuit img {
  width: 220px;
  height: 100%;
  max-height: fit-content;
}

.automovilismo #calendario .details li {
  border: 0;
}

.automovilismo #calendario .details li .ref span {
  display: flex;
  width: 3px;
  height: 14px;
}

.automovilismo #calendario .details li .ref .color01 {
  background: #12c000;
}

.automovilismo #calendario .details li .ref .color02 {
  background: #f0f;
}

.automovilismo #calendario .details li .ref .color03 {
  background: #000;
}

.automovilismo #calendario .data.bg-lineas-diagonales {
  background: repeating-linear-gradient(
    45deg,
    #fff0 1px,
    #fff0 8px,
    #d0d0d0 0,
    #d0d0d0 10px
  );
}

.automovilismo table .linea .position,
.automovilismo table .linea.mobile td {
  border-bottom-width: 1px;
  border-bottom-color: #e2e5e9 !important;
}

.automovilismo #calendario .data.bg-lineas-diagonales .card-body {
  background-color: #fff;
  border-top-left-radius: 20px;
  border: 1px solid;
  border-color: #fff;
  border-left-color: #000;
  border-top-color: #000;
  font-size: 16px;
  color: var(--main-font-color);
}

.automovilismo #calendario .data.bg-lineas-diagonales .card-body .card-title {
  font-size: 25px;
  font-weight: 700;
  color: var(--main-font-color);
}

.automovilismo
  #calendario
  .data.bg-lineas-diagonales
  .card-body
  .card-text
  .text-body-secondary {
  color: var(--main-font-color);
}

.automovilismo
  #calendario
  .data.bg-lineas-diagonales
  .card-body
  .card-title
  .text-body-secondary
  .fw-bold {
  font-weight: 700;
}

.automovilismo #calendario .card.countdown .card-header:not(h4) {
  margin-bottom: 0;
  background-color: #343a40;
  clip-path: polygon(30% 0, 100% 0, 100% 104%, 27% 104%);
  height: 18px;
  border-top-right-radius: 24px;
}

.automovilismo #calendario .data.bg-lineas-diagonales .countdown .card-header {
  color: #fff;
}

.automovilismo #calendario .data.bg-lineas-diagonales .countdown {
  background-color: #fff0;
}

.automovilismo #calendario .data.bg-lineas-diagonales .countdown .row {
  background-color: #343a40 !important;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.automovilismo #calendario .data.bg-lineas-diagonales .countdown .card-body {
  background-color: #343a40;
  color: #fff;
  border-bottom-left-radius: 20px;
}

.automovilismo #pilots table .linea .shield img,
.automovilismo #calendario table .linea .shield img {
  max-height: 24px;
  height: 100%;
  max-width: 100px;
}

.automovilismo table .linea .position,
.automovilismo table .linea.mobile td {
  border-left-width: 3px;
  height: 100%;
}

.automovilismo .progress-bar-striped {
  background-image: linear-gradient(
    45deg,
    #ffffff 25%,
    transparent 25%,
    transparent 50%,
    #ffffff 50%,
    #ffffff 75%,
    transparent 75%,
    transparent
  );
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.automovilismo .progress {
  border-radius: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 5px;
}

.card-footer img {
  width: 100%;
  max-width: 46px;
}

.card-title .position {
  height: 50px;
  width: 50px;
  line-height: 52px;
}

.card-title .position,
.card-title .points {
  font-size: 32px;
  font-weight: 700;
  height: 50px;
  width: 50px;
  line-height: 52px;
}

.card-title .points {
  width: 100%;
  height: 45px;
  margin-bottom: 5px;
  align-items: baseline;
  max-width: 100px;
}

.card-title .points .text {
  font-size: 12px;
}

.card-title .shield,
.card-footer .pilot {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.automovilismo #constructor .card .card-header {
  margin-bottom: 0;
  background-color: #f8f8f8;
  clip-path: polygon(30% 0, 100% 0, 100% 100%, 27% 100%);
  height: 12px;
  border-top-right-radius: 10px;
}

.automovilismo #constructor .card-title {
  background-color: #f8f8f8;
}

.automovilismo #constructor .card .card-body.pilot {
  background-color: #f8f8f8;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px;
}

.automovilismo #constructor .card-title .data img {
  max-height: 25px;
  width: 100%;
}

.automovilismo #pilots .avatar img {
  max-width: 200px;
}

.automovilismo #calendario table tr td.cabezal {
  background-color: var(--main-bg-color);
  color: var(--main-font-color-selected) !important;
}