*{
    --color-blanco:#FBFBFB;
    --color-oscuro:#282828;
    --color-formulario-label:#9F9F9F;
    --botones:#2E76EF;
}
/*-----Video inicial-----*/
.panel-video{
    position: relative;
    width: 100%;
    max-height: 550px;
    aspect-ratio:16/9 ;
    overflow: hidden;
}
.contenedor__capa{
    width: 100%;
    height: 800px;
}


.panel__capa{
    width: 100%;
    max-height: 700px;
    background: linear-gradient(0deg, rgba(19, 19, 19, 0.788) 0%, rgba(20, 20, 20, 0.6) 100%);
}

video{
    width: 100%;
}
/*Panel Inicial (Video) Responsive*/
@media screen and (max-width:768px) {
.panel-video{
    width: 100%;
    height: 515px;
}
video{
    width: 100%;
    position: relative;
    z-index: -1;
    object-position: center;
    object-fit: cover;
    height: 515px;
}
}

/*-----Fing de Video de Inicio-----*/

/*-----Seccion de Automoviles-----*/
.automoviles{
    width: 100%;
    height: auto;
    background-color:#EFEFEF ;
    display: flex;
    justify-content: center;
    margin-top: 61px;
}
.contenedor-automoviles{
    max-width: 1500px;
    padding: 10px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, minmax(100px,500px));
    grid-template-rows: repeat(1,minmax(100px,500px));
    gap: 30px;
}
.automoviles-1{
    max-width:436px;
    min-width: 300px;
    height: 411px;
    background-color:var(--color-oscuro);
    border-radius: 10px;
    padding: 10px;
}
.img-automovil-1{
    background-image: url('/img/imagenes/van-mercedes-benz-sprinter.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 215px;
}
.titulo-automoviles{
    font-size: 22px;
    color: var(--color-blanco);
    margin: 0px;
    margin-top: 10px;
}
.contenedor-datos-automovil{
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 50px;

}
.datos-automovil{
    list-style: none;
    color: var(--color-blanco);
    margin-top: 0px;
}
.enlace-automovil{
    color: var(--color-blanco);
    text-decoration: none;
    padding: 5px 6px;
    background-color: var(--botones);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    border-radius: 5px;
}
.contenedor-enlace-automovil{
    width: 100%;
}

/*-----Seccion automovil 2*/
.automoviles{
    width: 100%;
    height: auto;
    background-color:#EFEFEF ;
    display: flex;
    justify-content: center;
    margin-top: 61px;
}
.contenedor-automoviles{
    max-width: 1500px;
    padding: 10px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, minmax(100px,500px));
    grid-template-rows: repeat(1,minmax(100px,500px));
    gap: 30px;
}
.automoviles-2{
    max-width:436px;
    min-width: 300px;
    height: 411px;
    background-color:var(--color-oscuro);
    border-radius: 10px;
    padding: 10px;
}
.img-automovil-2{
    background-image: url('/img/imagenes/Chevrolet\ Suburban.webp');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 215px;
}
.titulo-automoviles{
    font-size: 22px;
    color: var(--color-blanco);
    margin: 0px;
    margin-top: 10px;
}
.contenedor-datos-automovil{
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 50px;

}
.datos-automovil{
    list-style: none;
    color: var(--color-blanco);
    margin-top: 0px;
}
.enlace-automovil{
    color: var(--color-blanco);
    text-decoration: none;
    padding: 5px 6px;
    background-color: var(--botones);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    border-radius: 5px;
}
.contenedor-enlace-automovil{
    width: 100%;
}
/*-----Seccion 3 de automovil-----*/
.automoviles{
    width: 100%;
    height: auto;
    background-color:#EFEFEF ;
    display: flex;
    justify-content: center;
    margin-top: 61px;
}
.contenedor-automoviles{
    max-width: 1500px;
    padding: 5px;

    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, minmax(100px,500px));
    grid-template-rows: repeat(1,minmax(100px,500px));
    gap: 20px;
}
.automoviles-3{
    max-width:436px;
    min-width: 300px;
    height: 411px;
    background-color:var(--color-oscuro);
    border-radius: 10px;
    padding: 10px;
}
.img-automovil-3{
    background-image: url('/img/imagenes/toyota.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 215px;
}
.titulo-automoviles{
    font-size: 22px;
    color: var(--color-blanco);
    margin: 0px;
    margin-top: 10px;
}
.contenedor-datos-automovil{
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 30px;

}
.datos-automovil{
    list-style: none;
    color: var(--color-blanco);
    margin-top: 0px;
}
.enlace-automovil{
    color: var(--color-blanco);
    text-decoration: none;
    padding: 5px 6px;
    background-color: var(--botones);
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    border-radius: 5px;
}
.contenedor-enlace-automovil{
    width: 100%;
}

@media screen and (max-width:1023px) {
    .automoviles{
    width: 100%;
    height: auto;
    background-color:#EFEFEF ;
    display: flex;
    justify-content: center;
    margin-top: 61px;
}
.contenedor-automoviles{
    max-width: 1500px;
    padding: 10px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3, minmax(100px,500px));
    grid-template-rows: repeat(1,minmax(100px,500px));
    gap: 30px;
}
}

/*-----Version Responsive Celular (Automoviles)-----*/
@media screen and (max-width:768px) {
    .contenedor-automoviles {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 25px;
        padding: 15px;
    }

    .automoviles-1, 
    .automoviles-2, 
    .automoviles-3 {
        max-width: 100%;
        min-width: 100%;
        height: auto;
        padding-bottom: 15px;
    }

    .contenedor-datos-automovil {
        margin-bottom: 25px;
    }
}