/*#opt3 {
    display: none;
}*/

.header__video {
    margin-top: 65px
}

.header__phrase {
    font-size: max(2.8125vw, 30px);
    line-height: max(3.5vw, 38px);
    color: #fff;
    width: max(32vw, 340px);
    text-transform: uppercase;
    text-align: center;
}

.header__video__cabecera {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.banner--coche {
    padding-top: 80px;
    padding-bottom: 80px;
}

.header__text-home {
    width: max(32vw, 340px);
}

.box__text-border {
    border-bottom: 1px solid #666666;
    height: 100%;
    margin-bottom: 30px;
}

.prox-carrera {
    padding-top: 80px;
    padding-bottom: 100px;
}

.introduction__text {
    font-size: 1rem;
    font-family: ToyotaType-Regular;
    line-height: 1.4rem;
    margin-top: 20px;
}


.prox-carrera__cron-titulo {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 50px;
    font-family: DecimaMonoPro;
}


.prox-carrera__cron-container {
    width: 405px;
    height: 235px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.separator {
    color: #ff0022;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 1.2rem;
    padding-bottom: 11px;
}

.separator-ancla-destacados {
    width: 100%;
    height: 1px;
    background-color: #282830;
    margin-top: 10px;
    margin-bottom: 10px;
}

.prox-carrera__time {
    display: flex;
    align-items: center;
}

.prox-carrera__numbers {
    font-size: 2.5rem;
    font-family: DecimaMonoPro-BoldItalic;
}

.prox-carrera__units {
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999999;
    text-transform: uppercase;
    font-family: DecimaMonoProLt;
}

.prox-carrera__unit-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.prox-carrera__trazo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 42px;
}

.prox-carrera__trazo-img {
    width: 330px;
    height: auto;
}

.prox-carrera__trazo-text {
    position: absolute;
    top: 0;
    font-family: DecimaMonoPro-Bold;
    text-transform: uppercase;
    color: #fff;
    font-size: 1rem;
    width: 90%;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prox-carrera-nombre {
    line-height: 1.3rem;
}

.clasif__table {
    display: grid;
    grid-template-columns: 50px minmax(186px, auto) 186px 186px 186px;
    grid-gap: 20px;
    background-color: transparent;
    color: #000;
    width: fit-content;
    grid-column-gap: 24px;
    margin: 48px auto; /* Márgenes superior e inferior de 48px y laterales automáticos para centrar */
}

.text-aling-clasificacion {
    justify-content: center;
    align-content: center;
}

.box {
    display: flex;
    align-items: center;
}

.introduction {
    padding-top: 80px;
    padding-bottom: 60px;
}

.clasif__logo-img {
    width: 50px;
    height: auto;
    margin-right: 10px;
}

.box-elem {
    font-family: DecimaMonoPro;
}

.box-elem-logo {
    display: flex;
    align-items: center;
    font-family: DecimaMonoPro;
}

.box-title {
    font-family: DecimaMonoPro-Bold;
    font-size: 1rem;
    margin-bottom: 4px;
}

.button--clasif {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    font-family: DecimaMonoPro-Italic;
}

.button--clasif-fondo {
    background-color: #282830;
}

.button--banner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.7vw;
    font-family: DecimaMonoPro-Italic;
}

.box-elem--pos {
    padding-left: 7px;
}

.box-elem--puntos {
    justify-content: end;
}

.new-box__img {
    width: 100%;
    height: auto;
}

.banner__content--center {
    top: 36%;
}

.banner--home__text {
    font-size: 2.125rem;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    width: 90%;
    line-height: 3.2rem;
    font-family: DecimaMonoPro;
}

.margin-clasificacion {
    margin-bottom: 80px;
}


@media(max-width:1300px) {

    .prox-carrera {
        width: 90%;
    }

    .clasif__content {
        width: 95%;
    }
}

@media(max-width:900px) {


    .clasif__table {
        grid-template-columns: 50px minmax(240px, auto)32vw 65px 65px;
        grid-gap: 10px;
        background-color: transparent;
        color: #000;
        width: fit-content;
        grid-column-gap: 1vw;
    }
}

@media(max-width:768px) {

    .banner--coche {
    padding-bottom:40px;
    }
    .mobile-width {
        width: 100% !important;
    }

    .header__video__cabecera {
        height: 196px;
    }

    .prox-carrera {
        width: 90%;
    }

    .clasif__content {
        width: 90%;
    }

    .clasif__logo-text {
        display: none;
    }

    .clasif__logo-img {
        padding-left: 10px;
    }

    .clasif__table {
        grid-template-columns: 50px minmax(45vw, auto)15vw 58px;
        grid-gap: 10px;
        background-color: transparent;
        color: #000;
        width: fit-content;
        grid-column-gap: 1vw;
    }

    .clasif__img {
        height: 370px !important;
    }

    .box-elem-logo {
        display: none;
    }

    .box-equipo {
        display: none;
    }

    .box-1 {
        grid-column: 1;
        grid-row: 1;
    }

    .box-4 {
        grid-column: 1;
        grid-row: 2;
    }

    .box-7 {
        grid-column: 1;
        grid-row: 3;
    }

    .box-10 {
        grid-column: 1;
        grid-row: 4;
    }

    .box-13 {
        grid-column: 1;
        grid-row: 5;
    }

    .box-2 {
        grid-column: 1;
        grid-row: 6;
    }

    .box-5 {
        grid-column: 1;
        grid-row: 7;
    }

    .box-8 {
        grid-column: 1;
        grid-row: 8;
    }

    .box-11 {
        grid-column: 1;
        grid-row: 9;
    }

    .box-14 {
        grid-column: 1;
        grid-row: 10;
    }

    .box-3 {
        grid-column: 1;
        grid-row: 11;
    }

    .box-6 {
        grid-column: 1;
        grid-row: 12;
    }

    .box-9 {
        grid-column: 1;
        grid-row: 13;
    }

    .box-12 {
        grid-column: 1;
        grid-row: 14;
    }

    .box-15 {
        grid-column: 1;
        grid-row: 15;
    }

    .banner__content--center {
        top: 12%;
    }

    .introduction {
        padding-top: 50px;
    }

    .text-aling-clasificacion {
        margin-top: 24px;
    }

    .margin-clasificacion {
        margin-bottom: 0px;
    }

}

@media(max-width:500px) {

    .prox-carrera {
        padding-top: 30px;
        padding-bottom: 50px;
    }


    .title-clasif {
        display: block;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }


    .header__phrase {
        font-size: 8.33vw;
        width: 94.44vw;
        line-height: 9.5vw;
    }


    .introduction__text {
        font-size: 1rem;
        margin-top: 15px;
    }

    .prox-carrera__cron-container {
        width: 90%;
        margin-top: 30px;
    }

    .separator {
        margin-left: 2vw;
        margin-right: 2vw;
    }

    .clasif__table {
        font-size: 0.75rem;
        margin-top: 0;
        grid-template-columns: 65px minmax(37vw, auto)22vw 29px;
    }

    .box-title {
        font-size: 0.75rem;
    }

    .box-elem--puntos {
        padding-right: 13px;
    }

    .clasif__content {
        top: 30px;
    }

    .clasif__logo-img {
        padding-left: 6px;
    }

    .button--banner {
        margin-top: 7.125vw;
    }

    .button--clasif {
        margin-top: 5vw;
    }

    .banner--home {
        width: 100%;
    }

    .banner__content--center {
        top: 24%;
    }

    .clasif__img {
        width: 100%;
        height: auto;
        object-fit: unset;
    }

   
}