*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: sans-serif;
}

body{
    height: auto;
    background-color: #080F16;
    font-family: sans-serif;
    position: relative;
    float: none;
    height: auto;
    overflow-x: hidden;
    touch-action: pan-y;
}

body.remueve-cortinilla{  
    overflow-y: scroll;
}

body::-webkit-scrollbar {
    -webkit-appearance: none;
}

body::-webkit-scrollbar:vertical {
    width:10px;
}

body::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
    display: none;
} 

body::-webkit-scrollbar:horizontal {
    height: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: #BC0F0F;
    border-radius: 20px;
    border: 2px solid transparent;
}

body::-webkit-scrollbar-track {
    border-radius: 20px; 
    background-color: transparent;
}

.seccion-general{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    position: relative;
}

.seccion-general header{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.seccion-general header.fija-header{
    position: fixed;
    background-color: #0b1722;
}

.contenedor-menu-header{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-menu-header .logo{
    width: 80px;
    height: 80px;
    background-color: transparent;
    float: left;
}

.contenedor-menu-header .logo img{
    width: 80px;
    height: 80px;
    background-color: transparent;
    float: left;
}

.contenedor-menu-header nav{
    width: 700px;
    height: auto;
    background-color: transparent;
    float: left;
}

.contenedor-menu-header nav ul{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
    list-style: none;
    margin-top: 28px;
}

.contenedor-menu-header nav ul li{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
}

.contenedor-menu-header nav ul li a{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    text-decoration: none;
    cursor: pointer;
}

.contenedor-menu-header nav ul li a:hover{
    color: #BC0F0F;
}

.btn-reservacion{
    width: 200px;
    height: 60px;
    background-color: #BC0F0F;
    float: left;
    padding: 20px;
    display: inline-flex;
    justify-content: space-between;
    margin-top: 11px;
    border-radius: 5px;
    cursor: pointer;
}

.btn-reservacion span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    margin-top: -4px;
}

.btn-reservacion img{
    width: 20px;
    height: 20px;
    background-color: transparent;
    float: left;
    margin-top: 1px;
}

.btn-reservacion:hover{
    background-color: #FF0101;
}







.contenedor-btns-flotantes{
    width: 280px;
    height: 60px;
    background-color: transparent;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 1000;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.btn-whatsapp{
    width: 200px;
    height: 60px;
    background-color: #00D757;
    float: left;
    padding: 20px;
    display: inline-flex;
    justify-content: space-between;
    border-radius: 5px;
    cursor: pointer;
    transform: translateX(350px);
    transition: ease .4s transform;
    transition-delay: .2s;
}

.btn-whatsapp.muestra-botones-wc{
    transform: translateX(0px);
    transition: ease .4s transform;
    transition-delay: .2s;
}

.btn-whatsapp img{
    width: 20px;
    height: 20px;
    background-color: transparent;
    float: left;
    margin-top: 1px;
}

.btn-whatsapp span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    margin-top: -4px;
}

.btn-whatsapp:hover{
    background-color: #008069;
}

.btn-llamda{
    width: 60px;
    height: 60px;
    float: left;
    background-color: #BC0F0F;
    border-radius: 5px;
    position: relative;
    transform: translateX(350px);
    transition: ease .4s transform;
}

.btn-llamda.muestra-botones-wc{
    transform: translateX(0px);
    transition: ease .4s transform;
}

.btn-llamda img{
    width: 40px;
    height: 40px;
    float: left;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.btn-llamda:hover{
    background-color: #FF0101;
}

.seccion-inicio{
    width: 100%;
    height: 100vh;
    background-color: transparent;
    float: left;
    position: relative;
    display: inline-flex;
    justify-content: center;
    overflow: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.seccion-inicio video{
    position: fixed;
    top: 50%; left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    opacity: .5;
}

.contenedor-redes-sociales-inicio{
    width: 30px;
    height: 100%;
    float: left;
    position: absolute;
    left: 40px;
    top: 0;
    background-color: transparent;
}

.redes-sociales-inicio{
    width: 30px;
    height: 240px;
    float: left;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.redes-sociales-inicio a{
    width: 30px;
    height: 30px;
    float: left;
    background-color: transparent;
    margin-bottom: 30px;
}

.redes-sociales-inicio a img{
    width: 30px;
    height: 30px;
    float: left;
    background-color: transparent;
}

.contenedor-general-inicio{
    width: 1400px;
    height: 100%;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
    position: relative;
}

.contenedor-titulos-inicio{
    width: 50%;
    height: 100%;
    background-color: transparent;
    float: left;
    position: relative;
}

.titulos-inicio{
    width: 100%;
    height: 250px;
    float: left;
    background-color: transparent;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.titulos-inicio h1{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-size: 62px;
    font-style: italic;
    color: #FFFFFF;
    line-height: 60px;
    letter-spacing: -1px;
}

.titulos-inicio p{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 20px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: .5px;
    color: #FFFFFF;
}

.titulos-inicio a{
    width: 200px;
    height: 60px;
    background-color: #BC0F0F;
    float: left;
    padding: 20px;
    display: inline-flex;
    justify-content: space-between;
    margin-top: 40px;
    border-radius: 5px;
    cursor: pointer;
}

.titulos-inicio a span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    margin-top: -4px;
}

.titulos-inicio a img{
    width: 20px;
    height: 20px;
    background-color: transparent;
    float: left;
    margin-top: 1px;
}

.titulos-inicio a:hover{
    background-color: #FF0101;
}

.conetenedor-img-inicio{
    width: 46%;
    height: 100%;
    background-color: transparent;
    float: left;
    position: relative;
}

.conetenedor-img-inicio img{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
}







.linea-seccion{
    width: 20px;
    height: 3px;
    float: left;
    background-color: #BC0F0F;
}

.titulo-seccion-d,
.titulo-seccion-c{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    margin-top: 1px;
    margin-top: 20px;
    text-align: left;
}

.titulo-seccion-c{
  text-align: center;
}

.titulo-seccion-d span,
.titulo-seccion-c span{
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #BC0F0F;
}







.seccion-nosotros{
    width: 100%;
    height: auto;
    background-color: #080F16;
    float: left;
    padding-bottom: 60px;
    padding-top: 120px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.contenedor-general-nosotros{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-img-nosotros{
    width: 48%;
    height: 680px;
    float: left;
    background-color: transparent;
}

.img-nosotros{
    width: 75%;
    height: 100%;
    position: relative;
    background-color: #2A2A2A;
    transform:skewX(-7deg);
    margin-left: 40px;
    background: url('../assets/img-nosotros.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.puntos-destacados{
    width: 280px;
    height: 250px;
    background-color: transparent;
    float: left;
    position: absolute;
    right: -25%;
    bottom: 40px;
}

.punto-destacado{
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    float: left;
    margin-bottom: 20px;
    border-radius: 0px;
    padding: 20px;
    display: inline-flex;
    justify-content: start;
    position: relative;
    padding-left: 80px;
}

.punto-destacado-2{
    margin-left: -50px;
}

.punto-destacado-3{
    margin-left: -100px;
}

.punto-destacado img{
    width: 70px;
    height: 100%;
    background-color: #BC0F0F;
    float: left;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0px;
    padding: 10px;
}

.punto-destacado p{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #080F16;
    margin-top: 1px;
}

.contenedor-info-nosotros{
    width: 48%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-top: 20px;
}

.contenedor-info-nosotros h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-size: 62px;
    font-style: italic;
    color: #FFFFFF;
    line-height: 60px;
    letter-spacing: .5px;
    margin-top: 20px;
}

.contenedor-info-nosotros p{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 40px;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    color: #FFFFFF;
}

.contenedor-btns-nosotros{
    width: 100%;
    height: auto;
    float: left;
    padding-top: 40px;
    margin-top: 60px;
    border-top: #BC0F0F 2px dashed;
    display: inline-flex;
    justify-content: start;
}

.btn-telefono{
    width: auto;
    height: auto;
    background-color: transparent;
    display: inline-flex;
    justify-content: start;
    text-decoration: none;
}

.btn-telefono img{
    width: 60px;
    height: 60px;
    background-color: #BC0F0F;
    border-radius: 5px;
    padding: 15px;
}

.btn-telefono span{
    width: auto;
    height: auto;
    background-color: transparent;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: .5px;
    color: #FFFFFF;
    margin-left: 15px;
    margin-top: 10px;
}

.btn-telefono:hover img{
    background-color: #FF0101;
}

.btn-telefono:hover span{
    color: #FF0101;
}

.linea-div-v{
    width: 1px;
    height: 60px;
    background-color: #BC0F0F;
    float: left;
    margin-left: 60px;
    margin-right: 60px;
}

.btn-reservar{
    width: 200px;
    height: 60px;
    background-color: #BC0F0F;
    float: left;
    padding: 20px;
    display: inline-flex;
    justify-content: space-between;
    border-radius: 5px;
    cursor: pointer;
}

.btn-reservar span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    margin-top: -4px;
}

.btn-reservar img{
    width: 20px;
    height: 20px;
    background-color: transparent;
    float: left;
    margin-top: 1px;
}

.btn-reservar:hover{
    background-color: #FF0101;
}







.seccion-servicios{
    width: 100%;
    height: auto;
    background-color: #080F16;
    float: left;
    padding-top: 60px;
    padding-bottom: 60px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.contenedor-general-servicios{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}

.contenedor-general-servicios h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-size: 62px;
    font-style: italic;
    color: #FFFFFF;
    line-height: 60px;
    letter-spacing: 1px;
    margin-top: 20px;
    text-align: center;
}

.contenedor-general-servicios h4{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 20px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: .5px;
    color: #FFFFFF;
    text-align: center;
}

.contenedor-carrusel-servicios{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 40px;
    overflow: hidden;
}

.carrusel-servicios{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.servicios{
    width: 25%;
    height: 500px;
    background-color: transparent;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}

.servicios a{
    width: 100%;
    height: 500px;
    border-radius: 5px;
    background-color: #080F16;
    float: left;
    cursor: pointer;
}

.contenedor-img-servicio{
    width: 100%;
    height: 250px;
    float: left;
    background-color: #080F16;
    position: relative;
    overflow: hidden;
}

.contenedor-img-servicio .img-servicio{
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transition: ease .4s opacity;
}

.contenedor-img-servicio .icono-servicio{
    width: 60px;
    height: 60px;
    background-color: #BC0F0F;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity ease .4s, transform ease .4s;
}

.servicios a:hover .contenedor-img-servicio .icono-servicio{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity ease .4s, transform ease .4s;
}

.servicios a:hover .contenedor-img-servicio .img-servicio{
    opacity: .3;
    transition: ease .4s opacity;
}

.contenedor-info-servicio{
    width: 100%;
    height: 220px;
    background-color: transparent;
    float: left;
    padding-top: 10px;
    position: relative;
}

.contenedor-info-servicio h4{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: .5px;
    color: #FFFFFF;
    text-align: center;
}

.contenedor-info-servicio p{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 10px;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .5px;
    color: #FFFFFF;
    text-align: center;
}

.btn-servicio{
    width: 100%;
    height: auto;
    float: left;
    background-color: #BC0F0F;
    padding: 20px;
    display: inline-flex;
    justify-content: space-between;
    margin-top: 20px;
    border: 5px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.btn-servicio span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    margin-top: -4px;
}

.btn-servicio span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    margin-top: -4px;
}

.btn-servicio img{
    width: 20px;
    height: 20px;
    background-color: transparent;
    float: left;
    margin-top: 1px;
}

.servicios a:hover .btn-servicio{
    background-color: #FF0101;
}

.contenedor-btns-nav{
    width: 100%;
    height: auto;
    margin-top: 0px;
    float: left;
    display: none;
    justify-content: center;
    visibility: hidden;
}

.contenedor-btns-nav button{
    width: 50px;
    height: 50px;
    background-color: transparent;
    border-radius: 5px;
    border: solid 1px #FFFFFF;
    appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
}


.contenedor-btns-nav button img{
    width: 30px;
    height: 30px;
    background-color: transparent;
    float: left;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.contenedor-btns-nav button:hover{
    border: solid 2px #BC0F0F;
    background-color: #BC0F0F;
}







.seccion-unidades{
    width: 100%;
    height: auto;
    background-color: #080F16;
    float: left;
    display: inline-flex;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    z-index: 10;
}

.contenedor-general-unidades{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-info-unidades{
    width: 46%;
    height: auto;
    float: left;
    background-color: transparent;
}

.contenedor-info-unidades h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-size: 62px;
    font-style: italic;
    color: #FFFFFF;
    line-height: 60px;
    letter-spacing: 1px;
    margin-top: 20px;
}

.contenedor-info-unidades p{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 40px;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    color: #FFFFFF;
}

.contenedor-btn-unidades{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 40px;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contenedor-btn-unidades input[type="radio"]{
    display: none;
    visibility: hidden;
}

.contenedor-btn-unidades label{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
    border-radius: 5px;
    border-bottom: solid 3px #BC0F0F;
    padding: 20px;
    margin-bottom: 40px;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.contenedor-btn-unidades label img{
    width: 90px;
    height: 90px;
    background-color: transparent;
    float: left;
}

.contenedor-btn-unidades label span{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    margin-top: 20px;
    text-align: center;
}

.contenedor-btn-unidades input[type="radio"]:checked + label{
    background-color: #BC0F0F;
    border-bottom: solid 3px #BC0F0F;
}

.contenedor-btn-unidades input[type="radio"]:hover + label{
    background-color: #BC0F0F;
    border-bottom: solid 3px #BC0F0F;
}

.contenedor-visor-automovil{
    width: 46%;
    height: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    overflow: hidden;
}

.carrusel-visor-automoviles{
    width: 200%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: center;
}

.automovil{
    width: 50%;
    height: auto;
    float: left;
    background-color: transparent;
    padding-right: 20px;
    padding-left: 20px;
}

.automovil .img-auto{
    width: 100%;
    height: 320px;
    float: left;
    background-color: transparent;
}

.automovil h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-size: 46px;
    font-style: italic;
    color: #FFFFFF;
    line-height: 56px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 40px;
}

.automovil p{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 10px;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    color: #FFFFFF;
    text-align: center;
}

.contenedor-caracteristicas-auto{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: center;
    margin-top: 30px;
}

.carcateristica{
    width: 140px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: 20px;
    margin-right: 20px;
}

.carcateristica img{
    width: 60px;
    height: 60px;
    background-color: transparent;
    border-radius: 60px;
    padding: 15px;
    border: solid 1px #FFFFFF;
}

.carcateristica span{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 10px;
    font-family: "Oxygen", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: .5px;
    color: #FFFFFF;
    text-align: center;
}








.seccion-comentarios{
    width: 100%;
    height: auto;
    background-color: #080F16;
    float: left;
    display: inline-flex;
    justify-content: center;
    padding-bottom: 60px;
    padding-top: 60px;
    position: relative;
}

.contenedor-general-comentarios{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
}

.contenedor-general-comentarios h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-size: 62px;
    font-style: italic;
    color: #FFFFFF;
    line-height: 60px;
    letter-spacing: 1px;
    margin-top: 20px;
    text-align: center;
}

.contenedor-general-comentarios h4{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 20px;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: .5px;
    color: #FFFFFF;
    text-align: center;
}

.contenedor-carrusel-comentarios{
    width: 100%;
    height: 250px;
    background-color: transparent;
    float: left;
    margin-top: 60px;
    overflow: hidden;
}

.carrusel-comentarios{
    width: 200%;
    height: 250px;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.comentario{
    width: 50%;
    height: 250px;
    background-color: transparent;
    float: left;
    padding-left: 40px;
    padding-right: 40px;
}

.contenedor-comentario{
    width: 100%;
    height: auto;
    background-color: #080F16;
    float: left;
    border-radius: 5px;
    padding: 0px;
}

.contenedor-img-nombre-comentario{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-img-nombre-comentario figure{
    width: 100px;
    height: 100px;
    float: left;
    background-color: transparent;
    overflow: hidden;
    border-radius: 5px;
}

.contenedor-img-nombre-comentario figure img{
    width: 100%;
    height: 100%;
    float: left;
    background-color: transparent;
    object-fit: cover;
    object-position: center;
}

.nombre-comentario{
    width: 78%;
    height: auto;
    background-color: transparent;
    float: left;
    padding-left: 20px;
}

.nombre-comentario h4{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: Kanit, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: 0.5px;
    color:#FFFFFF;
    text-align: left;
}

.nombre-comentario .p-puesto{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: italic;
    color: #BC0F0F;
    margin-top: 0px;
    text-align: left;
}

.txt-comentario{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 20px;
}

.txt-comentario p{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    color: #FFFFFF;
}

.contenedor-btns-nav-comentarios{
    width: 100%;
    height: auto;
    margin-top: 20px;
    float: left;
    display: inline-flex;
    justify-content: center;
}

.contenedor-btns-nav-comentarios button{
    width: 50px;
    height: 50px;
    background-color: transparent;
    border-radius: 5px;
    border: solid 1px #FFFFFF;
    appearance: none;
    outline: none;
    cursor: pointer;
    margin-right: 20px;
    margin-left: 20px;
    position: relative;
}


.contenedor-btns-nav-comentarios button img{
    width: 30px;
    height: 30px;
    background-color: transparent;
    float: left;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}

.contenedor-btns-nav-comentarios button:hover{
    border: solid 2px #BC0F0F;
    background-color: #BC0F0F;
}






.seccion-reservacion{
    width: 100%;
    height: auto;
    background-color: #080F16;
    float: left;
    display: inline-flex;
    justify-content: center;
    padding-bottom: 120px;
    position: relative;
    z-index: 10;
    padding-top: 60px;
}

.contenedor-general-reservacion{
    width: 1400px;
    height: auto;
    background-color: #0b1722;
    padding: 60px;
    display: inline-flex;
    justify-content: space-between;
    border-radius: 5px;
}

.contenedor-formulario-reservacion{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
}

.contenedor-formulario-reservacion form{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.input-100,
.input-btn-formulario{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-bottom: 40px;
}

.input-btn-formulario{
    display: inline-flex;
    justify-content: center;
}

.input-50{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-bottom: 40px;
}

.input-30{
    width: 30%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-bottom: 40px;
}

.titulo-campo{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-bottom: 5px;
    font-family: "Oxygen", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    letter-spacing: .5px;
    color: #FFFFFF;
    text-align: left;
    padding-left: 5px;
}

.input-form{
    width: 100%;
    height: 60px;
    padding: 5px;
    background-color: #FFFFFF;
    float: left;
    appearance: none;
    outline: none;
    border: none;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    color: #080F16;
    border-radius: 5px;
}

.input-btn-formulario button{
    width: 200px;
    height: 60px;
    background-color: #BC0F0F;
    float: left;
    padding: 20px;
    display: inline-flex;
    justify-content: space-between;
    border-radius: 5px;
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
}
    
.input-btn-formulario button span{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-style: normal;
    color: #FFFFFF;
    margin-top: -4px;
}

.input-btn-formulario button img{
    width: 20px;
    height: 20px;
    background-color: transparent;
    float: left;
    margin-top: 1px;
}

.input-btn-formulario button:hover{
    background-color: #FF0101;
}

.contenedor-info-reservacion{
    width: 46%;
    height: auto;
    background-color: transparent;
    float: left;
}

.contenedor-info-reservacion h3{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    font-size: 46px;
    font-style: italic;
    color: #FFFFFF;
    line-height: 56px;
    letter-spacing: 1px;
    text-align: left;
    margin-top: 20px;
}

.contenedor-info-reservacion p{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 40px;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    color: #FFFFFF;
}

.contenedor-datos-contacto{
    width: 100%;
    height: auto;
    background-color: transparent;
    float: left;
    margin-top: 40px;
}

.btn-telefono-contacto,
.btn-email-contacto,
.btn-direccion-contacto{
    width: 100%;
    height: auto;
    background-color: transparent;
    display: inline-flex;
    justify-content: start;
    text-decoration: none;
    margin-bottom: 20px;
}

.btn-telefono-contacto img,
.btn-email-contacto img,
.btn-direccion-contacto img{
    width: 60px;
    height: 60px;
    background-color: #BC0F0F;
    border-radius: 5px;
    padding: 15px;
}

.btn-telefono-contacto span,
.btn-email-contacto span{
    width: auto;
    height: auto;
    background-color: transparent;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 27px;
    line-height: 37px;
    letter-spacing: .5px;
    color: #FFFFFF;
    margin-left: 15px;
    margin-top: 10px;
}

.btn-direccion-contacto span{
    width: auto;
    height: auto;
    background-color: transparent;
    font-family: "Kanit", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: .5px;
    color: #FFFFFF;
    margin-left: 15px;
}

.btn-telefono-contacto:hover img,
.btn-email-contacto:hover img,
.btn-direccion-contacto:hover img{
    background-color: #FF0101;
}

.btn-telefono-contacto:hover span,
.btn-email-contacto:hover span,
.btn-direccion-contacto:hover span{
    color: #FF0101;
}

.contenedor-rss-contacto{
    width: 100%;
    margin-top: 20px;
    height: auto;
    background-color: transparent;
    float: left;
}

.contenedor-rss-contacto a{
    width: 60px;
    height: 60px;
    float: left;
    margin-top: 5px;
    margin-right: 20px;
    background-color: #BC0F0F;
    border-radius: 5px;
    overflow: hidden;
    padding: 15px;
}

.contenedor-rss-contacto a img{
    width: 30px;
    height: 30px;
    float: left;
    background-color: transparent;
}

.contenedor-rss-contacto a:hover{
    background-color: #FF0101;
}







footer{
    width: 100%;
    height: auto;
    background-color: #080F16;
    float: left;
    display: inline-flex;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.contenedor-general-footer{
    width: 1400px;
    height: auto;
    background-color: transparent;
    float: left;
    margin-bottom: 40px;
    display: inline-flex;
    justify-content: space-between;
}

.contenedor-general-footer a,
.contenedor-general-footer p{
    width: auto;
    height: auto;
    background-color: transparent;
    float: left;
    font-family: "Oxygen", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    letter-spacing: .5px;
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
}

.contenedor-general-footer a:hover{
    color: #FF0101;
}

#menuMobile{
    display: none;
}

#menuMobile{
    position: relative;
    height: 70px;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px 10px;
    background-color: #0B1722;
    z-index: 9999;
}

#menuMobile .logo img{
    width: 50px;
    height: 50px;
}

#menuMobile .menu-button{
    cursor: pointer;
}

#menuMobile .menu-button img{
    width: 40px;
    height: 40px;
}

#menuMobileContent{
    width: 100%;
    height: 100vh;
    background-color: #0B1722;
    z-index: 999999;
    position: fixed;
    top: 0;
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
}

#menuMobileContent .close-modal{
    position: absolute;
    top: 10px;
    right: 60px;
    width: 40px;
}

#menuMobileContent .close-modal img{
    width: 100%;
}

#menuMobileContent .logo{
    margin-right: 50px;
}

#menuMobileContent .logo img{
    width: 30%;
    display: block;
    margin: 0 auto;
    margin-top: 80px;
}

#menuMobileContent .menuContent{
    margin-top: 50px;
    margin-right: 50px;
    text-align: center;
}

#menuMobileContent .menuContent ul li{
    margin-bottom: 20px;
}

#menuMobileContent .menuContent ul li a{
    font-size: 30px;
    color: #FFF;
}

#menuMobileContent .menuContent .btn-reservacion{
    float: unset;
}

#menuMobileContent.open{
    transform: translateX(0);
}

@media (max-width: 1200px){
    .seccion-general header{
        padding: 20px;
    }

    .contenedor-menu-header nav{
        width: 600px;
    }

    .titulos-inicio{
        left: 100px;
    }

    .titulos-inicio h1{
        font-size: 50px;
    }

    .titulos-inicio p{
        font-size: 20px;
    }

    .titulos-inicio a{
        margin-top: 30px;
    }

    .contenedor-info-nosotros h3{
        font-size: 50px;
    }

    .btn-telefono span{
        font-size: 20px;
    }

    .linea-div-v{
        margin-left: 30px;
        margin-right: 30px;
    }

    .contenedor-btns-nosotros{
        margin-top: 40px;
    }

    .contenedor-general-servicios h3{
        font-size: 50px;
    }

    .contenedor-general-servicios h4{
        font-size: 20px;
    }

    .seccion-unidades{
        padding: 60px 20px;
    }

    .contenedor-general-unidades{
        width: 100%;
    }

    .automovil{
        padding: 0px;
    }

    .contenedor-info-unidades h3{
        font-size: 50px;
    }

    .automovil h3{
        font-size: 40px;
    }

    .contenedor-general-comentarios h3{
        font-size: 50px;
    }

    .contenedor-general-comentarios h4{
        font-size: 20px;
    }

    .contenedor-carrusel-comentarios{
        padding: 0px 20px;   
    }

    .comentario{
        height: 280px;
    }

    .txt-comentario{
        padding: 20px;
    }

    .contenedor-info-reservacion h3{
        font-size: 40px;
    }

    .btn-telefono-contacto span, .btn-email-contacto span{
        font-size: 20px;
    }

    .titulo-campo{
        min-height: 32px;
    }

    footer{
        padding: 0px 20px;
    }
}

@media (max-width: 1024px){
    .contenedor-menu-header{
        width: 100%;
    }

    .contenedor-menu-header nav{
        width: 500px;
        padding: 0px 10px;
    }

    .btn-reservacion{
        height: 50px;
        padding: 15px;
        margin-top: 17px;
    }

    .contenedor-titulos-inicio{
        width: 60%;
    }

    .titulos-inicio a{
        height: 50px;
        padding: 15px;
    }

    .contenedor-info-nosotros h3{
        font-size: 30px;
        line-height: 40px;
    }

    .contenedor-info-nosotros p{
        margin-top: 20px;
    }

    .btn-telefono img{
        width: 50px;
        height: 50px;
        padding: 10px;
    }

    .linea-div-v{
        margin-left: 10px;
        margin-right: 10px;
    }

    .btn-telefono{
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .btn-telefono span{
        margin-left: 5px;
        font-size: 15px;
        margin-top: unset;
    }

    .btn-telefono img{
        width: 40px;
        height: 40px;
    }

    .btn-reservar{
        height: 50px;
        padding: 15px;
        margin-top: 5px;
    }

    .contenedor-info-nosotros p{
        font-size: 16px;
    }

    .titulos-inicio p{
        line-height: 25px;
    }

    .titulos-inicio h1{
        line-height: 50px;
    }

    .punto-destacado{
        padding: 15px;
        margin-bottom: 10px;
        padding-left: 80px;
    }

    .puntos-destacados{
        width: 270px;
        right: -30%;
    }

    .contenedor-general-servicios h3{
        font-size: 40px;
        line-height: 40px;
    }

    .contenedor-general-servicios h4{
        font-size: 16px;
    }

    .contenedor-info-servicio{
        height: 300px;
    }

    .servicios{
        height: 600px;
    }

    .contenedor-info-unidades h3{
        font-size: 40px;
        line-height: 40px;
    }

    .btn-servicio{
        height: 50px;
        padding: 15px;
    }

    .contenedor-info-unidades p{
        font-size: 16px;
    }

    .contenedor-general-comentarios h3{
        font-size: 40px;
        line-height: 40px;
    }

    .contenedor-general-comentarios h4{
        font-size: 20px;
        line-height: 20px;
    }

    .contenedor-general-comentarios{
        width: 100%;
    }

    .carrusel-comentarios{
        display: block;
    }

    .seccion-comentarios{
        padding: 60px 20px;
    }

    .contenedor-rss-contacto a{
        width: 50px;
        height: 50px;
        padding: 10px;
    }
}

@media (max-width: 768px){
    #menuMobile{
        display: flex;
    }

    #headerMenu{
        display: none;
    }

    .titulos-inicio h1{
        font-size: 40px;
        line-height: 40px;
    }

    .titulos-inicio p{
        font-size: 16px;
        line-height: 20px;
    }

    .contenedor-general-nosotros{
        width: 100%;
        flex-direction: column;
    }

    .contenedor-img-nosotros,
    .contenedor-info-nosotros{
        width: 100%;
        padding: 0px 20px;
    }

    .contenedor-info-nosotros{
        text-align: center;
    }

    .titulo-seccion-d, .titulo-seccion-c{
        text-align: center;
    }

    .linea-seccion{
        float: unset;
        margin: 0 auto;
    }

    .linea-div-v {
        margin-left: 20px;
        margin-right: 20px;
    }

    .contenedor-general-servicios{
        width: 100%;
    }

    .contenedor-general-servicios h3{
        font-size: 30px;
        line-height: 40px;
    }

    .carrusel-servicios{
        display: block;
    }

    .servicios{
        width: 50%;
        height: 550px;
    }

    .contenedor-info-servicio{
        height: 250px;
    }

    .contenedor-general-unidades{
        flex-direction: column;
        text-align: center;
    }

    .contenedor-info-unidades,
    .contenedor-visor-automovil{
        width: 100%;
    }

    .contenedor-general-reservacion{
        width: 100%;
        flex-direction: column;
    }

    .contenedor-formulario-reservacion,
    .contenedor-info-reservacion{
        width: 100%;
        text-align: center;
    }

    .contenedor-info-reservacion h3{
        text-align: center;
        font-size: 40px;
        line-height: 40px;
    }

    .btn-direccion-contacto span{
        text-align: left;
    }

    .contenedor-rss-contacto label{
        text-align: center;
    }

    .contenedor-rss-contacto label .rss-contacto{
        margin: 0 auto;
        display: table;
        margin-top: 20px;
    }

    .contenedor-rss-contacto label .rss-contacto a:last-child{
        margin-right: 0px;
    }
}