@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";

: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;
/* -----COLORES EQUIPOS----- */

/* -- FORMULA UNO -- */
/*Ferrari*/
--teamColor-17:231 31 56;
/*McLaren*/
--teamColor-22:255 128 0;
/*Red Bull*/
--teamColor-15:47 102 191;
/*Mercedes*/
--teamColor-23:35 242 204;
/*Aston Martin*/
--teamColor-178:31 142 102;
/*Haas*/
--teamColor-28:173 177 181;
/*Alpine*/
--teamColor-170:0 136 197;
/*Visa Cash App RB*/
--teamColor-180:91 135 255;
/*Visa Cash App RB*/
--teamColor-180:91 135 255;
/*Williams Racing*/
--teamColor-27:89 188 255;
/*Stake F1 Teamg*/
--teamColor-25:72 222 72;

/* -- FORMULA E -- */
--teamColor-188: 0 0 0;
/*Mahindra*/
--teamColor-189: 27 24 55;
/*Maserati*/
--teamColor-193: 0 20 137;
/*McLAren*/
--teamColor-194: 255 128 0;
/*Envision*/
--teamColor-184: 0 201 0;
/*Penske*/
--teamColor-191: 203 166 95;
/*Andretti*/
--teamColor-185: 237 49 36;
/*Yamaha*/
--teamColor-186: 0 51 160;
/*Nissan*/
--teamColor-182: 195 0 47;
/*Jaguar - Kiro Race Co*/
--teamColor-187: 0 0 0;
/*Kiro Race Co*/
--teamColor-192: 0 0 0;
}


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: transparent;
}
.automovilismo  table th, 
.automovilismo .pie {
    background-color: transparent;
    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: 0px 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: 0px;
}
.automovilismo .nav-tabs .nav-link .fill-svg{
	fill: var(--main-font-color);
}
.automovilismo .nav-tabs .nav-link {
	background-color:transparent ;
}
.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 0px 0px 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: 219px;
    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: #FF00FF;
}
.automovilismo #calendario .details li .ref .color03 {
    background: #000;
}
.automovilismo #calendario .data.bg-lineas-diagonales {
    background: repeating-linear-gradient(
      45deg,
      rgba(0, 0, 0, 0) 1px,
      rgba(0, 0, 0, 0) 8px,
      #D0D0D0 0px,
      #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: #FFFFFF;
    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: bold;
	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: bold;

}

.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%;
}

/* Construtor */
.automovilismo .progress-bar-striped {
    background-image: linear-gradient(45deg, rgb(255 255 255) 25%, transparent 25%, transparent 50%, rgb(255 255 255) 50%, rgb(255 255 255) 75%, transparent 75%, transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.automovilismo .progress{
    border-radius: 0px;
    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: bold;
    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: normal;
    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;
}