/* Estilo para resaltar campos de entrada inválidos */
.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23dc3545" class="bi bi-exclamation-triangle-fill" viewBox="0 0 16 16"%3E%3Cpath d="M7.83 1.322a1 1 0 0 1 1.732 0l6 10A1 1 0 0 1 14.732 13H1.268a1 1 0 0 1-.83-1.487l6-10zm.144 11.03a1.5 1.5 0 1 1-2.708 0L.274 2.363A1.5 1.5 0 0 1 1.732.88h12.536a1.5 1.5 0 0 1 1.458 1.484l-6 10z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/* Estilo para resaltar campos de entrada válidos */
.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%2328a745" class="bi bi-check2-circle-fill" viewBox="0 0 16 16"%3E%3Cpath d="M7.646 10.854l4-4a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7 9.293l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-1-1a.5.5 0 0 1 .708-.708z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}





@media (max-width: 767px) {
  /* Estilos para mobile */
  #carrusel-banners .carousel-item {
    height: 600px;
  }
  
}

@media (min-width: 768px) {
  /* Estilos para desktop */
  #carrusel-banners .carousel-item {
    height: 550px;
  }

}


.map-servicios-chevrolet {
    position: absolute;
    left: 26.17%;
    top: 53.5%;
    width: 13.83%;
    height: 9%;
    z-index: 2;
}

.map-servicios-nissan{
    position: absolute;
    left: 43.5%;
    top: 53.5%;
    width: 13.83%;
    height: 9%;
    z-index: 2;
}

.map-servicios-toyota{
    position: absolute;
    left: 63.67%;
    top: 53.5%;
    width: 13.83%;
    height: 9%;
    z-index: 2;
}

.map-servicios-omoda {
    position: absolute;
    left: 23.67%;
    top: 70.5%;
    width: 25.67%;
    height: 11.33%;
    z-index: 2;
}

.map-servicios-jaecoo {
    position: absolute;
    left: 51.67%;
    top: 70.5%;
    width: 25.67%;
    height: 11.33%;
    z-index: 2;
}



.seccion_marcas {
    top: 0rem;
    position: relative;
}
.frame_marcas{
    top: -37px;
}

.frame_usados{
    top: -50px;
}

input.form-newsletter::-webkit-input-placeholder {
    color: #000000 !important;
}

.form-newsletter {
    /* padding: 0.5rem !important; */
    font-size: 0.8rem !important;
    padding-left: 1rem !important;
    margin-bottom: 0.5rem;
}

.bg_rentacar{
    background-color: #7d8c9d;
}

.auto_rentacar {
    position: relative;
    left: -0px;
    top: -0px;
}

.auto_rentacar_2 {
    position: relative;
    top: -60px;
    padding-top: 4rem;
}


.logo-servicios{
    padding: 2rem;
}

.logo-s{
    margin-top: 1rem;
    position: relative;
    left: -5px;
}

.logo-m{
    position: relative;
    left: -5px;
}

.card-servicios{
    width: 150px;
}


.resumen {
    /* padding: 0.5rem !important; */
    color: #ffffff !important;
    font-size: 0.7rem !important;
    padding-top: 1rem !important;
    margin-bottom: 0.5rem;
    font-weight: 200;
}

.marcas {
    /* padding: 0.5rem !important; */
    color: #ffffff !important;
    font-size: 0.4rem !important;
    padding-top: 1rem !important;
    margin-bottom: 0.2rem;
}

.legal {
    /* padding: 0.5rem !important; */
    color: #ffffff !important;
    font-size: 0.4rem !important;
}
@media (max-width: 600px) {
    .banner_home{
        /*height: 70vh;*/calc(100vh - 50px);
    }
}

@media (min-width: 768px) {
    

    .seccion_marcas {
        top: 0rem;
        position: relative;
    }
    
    .seccion_servicios {
        top: -7rem;
        position: relative;
    }

    .frame_marcas{
        top: -110px;
    }

    .frame_rentacar{
        top: -70px;
    }    
    
    .frame_usados{
        top: -132px;
    }    
    
    input.form-newsletter::-webkit-input-placeholder {
        color: #000000 !important;
    }

    .form-newsletter {
        /* padding: 0.5rem !important; */
        font-size: 0.8rem !important;
        padding-left: 1rem !important;
        margin-bottom: 0.5rem;
    }

    .bg_rentacar{
        background-color: #7d8c9d;
    }

    .auto_rentacar {
        position: relative;
        left: -59px;
        top: -24px;
    }

    .auto_rentacar_2 {
        position: relative;
        top: -102px;
        padding-top: 4rem;
    }


    .logo-servicios{
        padding: 2rem;
    }

    .logo-s{
        margin-top: 9rem;
        position: relative;
        left: -5px;
    }

    .logo-m{
        position: relative;
        left: -5px;
    }

    .card-servicios{
        width: 250px;
        height: 484px;
    }


    .resumen {
        /* padding: 0.5rem !important; */
        color: #ffffff !important;
        font-size: 0.7rem !important;
        padding-top: 1rem !important;
        margin-bottom: 0.5rem;
        font-weight: 200;
    }

    .marcas {
        /* padding: 0.5rem !important; */
        color: #ffffff !important;
        font-size: 0.6rem !important;
        padding-top: 2rem !important;
        margin-bottom: 0.2rem;
    }

    .legal {
        /* padding: 0.5rem !important; */
        color: #ffffff !important;
        font-size: 0.4rem !important;
    }
}