/*Estilo datos del vehiculo INICIO*/
@import url('StilosMetrokiaCotizacion.css');
.TituloCotizador1 {
    font-family: 'KiaSignatureOTFBold';
    display: flex;
}
@font-face {
    font-family: 'KiaSignatureOTFBold';
    src: url('../fonts/KiaSignatureOTFBold.otf') format('opentype');
}
@font-face {
    font-family: 'KiaSignatureLight';
    src: url('../fonts/KiaSignatureLight.ttf') format('truetype');
}
@font-face {
    font-family: 'KiaSignatureBold';
    src: url('../fonts/KiaSignatureBold.ttf') format('truetype');
}
.grande {
    width: 100%;
    height: 100%;
    background: #e9e7e5;
    position: absolute;
    z-index: 1;
    right: 1px;
}
.TituloCotizador1 h1{
    flex: 1 1 80%;
}
#CajaLogo img {
    height: 50px;
}


#Vehiculos {
    margin-bottom: 10px;
}
#VehiculoUsado {
    font-family: 'Kia Signature OTF Regular';
}
#CuentaConPlaca {
    font-family: 'Kia Signature OTF Light';
    color: #babec5
}


#CajaLogo {
    margin: 2rem 0 0 0;
    display: block;
    width: 60%;
    text-align: end;
}
/*Estilo datos del vehiculo FIN*/

/*---------------------------------------------------------------------

*/

/*Estilos vista Busqueda por placa INICIO*/
.CajaCotizadorSeguro{
    background: white;

}
    .CajaCotizadorSeguro h1 {
        font-family: 'Kia Signature OTF Bold'
    }
.ContainerBusquedaPorPlaca {
    z-index: 1602;
    background: rgb(233 231 229);
    position: absolute;
    width:100%;
    min-height:80vh;
    display: flex;
    justify-content:center;
    left:0;
    overflow-x:hidden;
    padding: 1rem 0;
}

.ContainerBusquedaPorPlaca2 {
    z-index: 1602;
    background: rgb(233 231 229);
    position: relative;
}

.CajaTextoIntroBusquedaPorPlaca {
    margin-top: 50px;
}
#TextoPRegularKia {
    font-family: 'Kia Signature OTF Regular';
}
#TextoKiaBold {
    font-family: 'KiaSignatureOTFBold';
    text-align: center;
}
#TextoKiaLight {
    font-family: system-ui, system-ui, sans-serif;
    /* font-family: 'system-ui, system-ui, sans-serif;'; */
    text-align: center;
    font-weight: 500;
}
#TextoKiaLight p {
    font-family: 'system-ui, system-ui, sans-serif;'!important;
}




#IconoCarroBusquedaPorPlaca {
    width: 59px;
    width: 59px;
    CajaBtn position: absolute;
    top: 350px;
    left: 181px;
}
#TextoBusquedaPlaca {
    text-align: center;
}
#ContenedorPlaca {
    text-align: -webkit-center;
}
#TextBoxPlaca {
    background: #e9e7e5;
    border-color: #e9e7e5;
    border-bottom-color: #101020;
    border-left-color: #e9e7e500;
    border-top-color: #e9e7e500;
    margin-top: 15px;
    width: 387px;
}
#btnSiguiente2 {
    margin-top: 29px;
    text-align-last: center;
    background: #101020;
    width: 199px;
    height: 45px;
    color: white;
    /* font-family: 'KiaSignatureOTFLight'; */
    font-family: system-ui, system-ui, sans-serif;
}
/*Estilos vista Busqueda por placa FIN*/
/*---------------------------------------------------------------------

*/

/*Estilos vista Información pripietario Inicio*/

#TextoKiaBoldInfoPropietario {
    font-family: 'KiaSignatureOTFBold';
    text-align: center;
    font-size: 20px;
}
.CajabtnsInfo {
    width: 1140px;
    text-align: center;
}
#btnAtras3 {
    border-color: rgb(222 222 222 / 0%);
    margin-top: 29px;
    text-align-last: center;
    background: rgb(147 149 152);
    width: 133px;
    height: 36px;
    color: white;
    font-family: ui-serif;
    font-weight: 100;
}
#btnSiguiente3 {
    margin-top: 29px;
    text-align-last: center;
    background: #101020;
    width: 133px;
    height: 36px;
    color: white;
    margin-left: 19px;
    font-family: system-ui;
    font-weight: 100;
}
#ImgIconoDOcumentoPropi {
    top: -85px;
    width: 59px;
    position: relative;
    left: 544px;
    box-shadow: -1px 1px 15px 0px black;
    border-radius: 50%;
    z-index: 50;
}
#ImgIconoConfirmaVehiculo {
    top: -84px;
    width: 59px;
    position: relative;
    left: 795px;
    box-shadow: -1px 1px 15px 0px black;
    border-radius: 50%;
}
#ImgIconoCarroBusquedaReferencia {
    top: 346px;
    width: 59px;
    position: absolute;
    left: 513px;
}
/*Estilos vista Información pripietario Fin*/
/*Inicio de vista info vehiculo*/
#ImgIconoCarroPorPlacaInfoVehiculo {
    top: 346px;
    width: 59px;
    position: absolute;
    left: 640px;
}
.CajaInfoVehiculo {
    margin: 0px 0px 0px 424px;
    width: 342px;
    height: 275px;
    background: white;
    font-weight: 500;
    font-family: system-ui, system-ui, sans-serif;
}
    .CajaInfoVehiculo button {
        font-family: ui-serif;
        text-align: center;
        font-weight: 100;
    }
.CajaTextoInfoVehiculo {
    padding: 4px 0px 0px 29px;
}
#btnAtras4 {
    border-color: rgb(222 222 222 / 0%);
    background: rgb(147 149 152);
    width: 133px;
    height: 36px;
    color: white;
    font-family: system-ui;
    font-weight: 100;
}

#btnSiguiente4 {
    margin-top: 29px;
    text-align-last: center;
    background: #101020;
    width: 133px;
    height: 36px;
    color: white;

}
.btnsInfoVehiculo {
    text-align: center;
    font-family: 'Kia Signature OTF Light';
}
.ContainerBusquedaConfirmarVehiculo {
    /* width: auto; */
    background: rgb(233 231 229);
    position: relative;
    z-index: 1000;
   
}
.CajabtnAtras {
    height: 100px;
    margin-top: 49px;
    text-align: center;
}
.btnAtras4 {
    text-align: center;
    width: 220px;
    color: white;
    background: rgb(147 149 152);
    border-color: #76777800;
    height: 36px;
   
}
/*Vista Informacion Propietario INICIO*/
    .ContenedorInformacionPropietario {
    display: flex;
}

.InfoPropiNombre {
    flex: 1 1 100%;
}

#TextBox {
    background: #e9e7e5;
    border-color: #e9e7e5;
    border-bottom-color: #101020;
    border-left-color: #e9e7e500;
    border-top-color: #e9e7e500;
    width: 280px;
    /*margin-top: 15px;*/
}
.InfoPropiCaja2{
    margin-top:30px;
}
.InfoPropiCaja3 {
    margin: 40px 0px 0px 0px;
}
.AutorizoDatosPersonales {
    margin-top: 30px;
    font-family: system-ui, system-ui, sans-serif;
    /* font-size: 81.25%; */
    line-height: 154%;
    font-weight: 500;
}


.CotizacionProducto {
    background: white;
    width: 31%;
    margin: 10px;
    box-shadow: 1px 1px 11px 1px rgba(98, 98, 100, 35%);
    border-bottom: 10px white;
    min-height: 42vh;
    display: flex;
    align-items: center;
    position: relative;
    transition: .3s all ease-in-out;
    transform: scale3d(1);
    padding: 1rem !important;
}
.texto-loader-resultado{

}
@keyframes animateCircle {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
@keyframes animate {
    0% {
        transform: rotate(45deg);
    }

    100% {
        transform: rotate(405deg);
    }
}
/*Vista Informacion propietario FIN*/
/*Fin de vista info vehiculo*/
@media (max-width: 1200px) {
    .TituloCotizador1 {
        height: 81px;
        display: flex;
        margin-bottom: 80px;
    }
        .TituloCotizador1 h1 {
            flex: 1 1 90%;
            font-size: 27px;
        }
    #CajaLogo {
        margin: 0px;
        height: 50px;
        width: 100%;
        flex: 1 1 10%;
    }

        #CajaLogo img {
            width: 110px;
        }
        .CajaCotizadorSeguro{
            display:flex;
        }
    .CajaCotizadorSeguro h1 {
        flex: 1 1 90%;
        font-size: 27px;
    }
    #ImgRayitaBusquedaPorPlaca {
        display: none;
    }
   
  
    .ContainerBusquedaPorPlaca {
        height: 1000px;
    }
    
    #ImgIconoCarroPorPlaca {
        top: 427px;
        width: 59px;
        position: absolute;
        left: calc(50% - -98px);
        border-radius: 50%;
        box-shadow: -1px 1px 7px #787474;
    }
    .CotizacionProducto {
        background: white !important;
        width: 100% !important;
        padding: 0px 5rem !important;
        margin: 1rem 2.5rem !important;
        box-shadow: 1px 1px 11px 1px rgb(98 98 100 / 35%) !important;
        border-bottom: 10px white !important;
        min-height: 45vh !important;
        display: flex !important;
        align-items: center !important;
        position: relative !important;
        justify-content: center !important;
        transition: .3s all ease-in-out !important;
    }
    .CotizacionProducto:hover {
        width: 70%;
    }

    .responvise {
        flex-direction: column;
        width: 87%;
        justify-content: center;
        align-items: center;
        /*display: flex;*/
    }
}
/*MEDIAS MOVILES*/