/*INDEX CSS*/

#ingreso button {
    background-color: #CB2C30;
    color: white;
    border: none;
    border-radius: 22px;
    font-size: 15px;
    font-weight: 600;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#ingreso .input-rut {
    width: 250px;
    text-align: center;
    color: #949494;
    font-weight: 600;
}

#ingreso .input-fecha {
    width: 250px;
    text-align: center;
    color: #949494;
    font-weight: 600;
}

#ingreso .label-nom {
    padding-left: 107px;
}

#ingreso p {
    font-weight: 600;
}

#ingreso .ajuste {
    position: relative;
    left: -85px;
}

#ingreso input::placeholder {
    color: #949494;
}


.colorgris {
    color: #949494;
}

.colorrojo {
    color: #CB2C30;
}

/*FORMULARIO CSS*/

/*FASE 01*/

.circulo {
    background-color: #CB2C30;
    border-radius: 360px;
    width: 40px;
    height: 40px;
    color: white;
    font-weight: 600;
    font-size: 20px;
}

.texto-circulo {
    padding-top: 5px
}

.subtexto-circulo {
    font-weight: 500;
    font-size: 18px;
}

.circulo-desactivado {
    background-color: #D9D9D9;
    border-radius: 360px;
    width: 40px;
    height: 40px;
    color: #000;
    font-weight: 600;
    font-size: 20px;

}

.texto-circulo-desactivado {
    padding-top: 5px
}

.subtexto-circulo-desactivado {
    color: #949494;
    font-weight: 500;
    font-size: 18px;
}

.linea {
    background-color: #949494;
    width: 84%;
    height: 2px;
    position: absolute;
    z-index: -1;
    bottom: 80px;
    left: 50px;
}

#inpatete {
    border: solid 1px #D9D9D9;
    border-radius: 12px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 8%;
    width: 90%;
}

#tiposiniestro {
    border: solid 1px #D9D9D9;
    border-radius: 12px;
    padding-top: 35px;
    padding-bottom: 100px;
    margin-top: 5%;
    width: 90%;
}

#tipoauto {
    border: solid 1px #D9D9D9;
    border-radius: 12px;
    padding-top: 35px;
    padding-bottom: 30px;
    margin-top: 5%;
    width: 90%;
}

#involucrado {
    border: solid 1px #D9D9D9;
    border-radius: 12px;
    padding-top: 35px;
    padding-bottom: 30px;
    margin-top: 3%;
    width: 90%;
}

#agregartercero {
    border: solid 1px #D9D9D9;
    border-radius: 12px;
    margin-top: 1%;
    width: 90%;
}

#tipoauto2 {
    border: solid 1px #D9D9D9;
    border-radius: 12px;
    padding-top: 35px;
    padding-bottom: 30px;
    margin-top: 2%;
    width: 90%;
}

#ultima {
    border: solid 1px #D9D9D9;
    border-radius: 12px;
    padding-top: 15px;
    padding-bottom: 30px;
    margin-top: 3%;
    width: 90%;
}

#tiposiniestrono {
    border: solid 1px #D9D9D9;
    border-radius: 12px;
    padding-top: 35px;
    margin-top: 3%;
    width: 90%;
}

#inpatete label {
    font-size: 18px;
    font-weight: 600;
}

#inpatete button {
    background-color: transparent;
    border-color: #949494;
    border-radius: 32px;
    color: #949494;
    font-size: 18px;
    font-weight: 600;
    border: solid 2px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#inpatete input {
    border: solid 1px #949494;
    color: #949494;
}

#inpatete input::placeholder {
    color: #949494;
}

#inpatete h3 {
    font-size: 24px;
}

#largoajustado {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

#autobuscado .colorrojo {
    font-weight: 600;
    font-size: 18px;
}

#autobuscado label {
    color: #949494;
    font-weight: 500;
}


#autobuscado .inputnegro::placeholder {
    color: #000;
}

.form-control:disabled {
    background-color: transparent;
}

#buscado {
    border: solid 1px #D9D9D9;
    border-radius: 12px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 2%;
    width: 90%;
}

.selectordeestado {
    border: solid 1px #949494;
    border-radius: 22px;
}

#alerta {
    border: solid 1px #CB2C30;
    border-radius: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 2%;

}

#redir02 {
    background-color: transparent;
    border-color: #CB2C30;
    border-radius: 32px;
    color: #CB2C30;
    font-size: 18px;
    font-weight: 600;
    border: solid 2px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#atras {
    background-color: #D9D9D9;
    border-color: #D9D9D9;
    border-radius: 32px;
    color: #767676;
    font-size: 18px;
    font-weight: 600;
    border: solid 2px #D9D9D9;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#mensajes-siniestrono {
    height: 335px;
}


.slider-container {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 50px auto;
}

input[type=range] {
    width: 100%;
    appearance: none;
    height: 6px;
    background: #ddd;
    border-radius: 5px;
    outline: none;
}

input[type=range]::-webkit-slider-thumb {
    appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: white;
    border: solid 1px #CB2C30;
    cursor: pointer;
    margin-top: -7px;
}

input[type=range]::-moz-range-thumb {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #CB2C30;
    cursor: pointer;
}

.labels {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-weight: 500;
}

.value-indicator {
    text-align: center;
    margin-top: 20px;
    font-size: 1.1rem;
    font-weight: bold;
}


.contenedor-auto-1 {
    position: relative;
    width: 100%;
    height: 270px;
    background-image: url("img/auto.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 15px;
}

.contenedor-auto-2 {
    position: relative;
    width: 100%;
    height: 270px;
    background-image: url("img/bus.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 15px;
}

.contenedor-auto-3 {
    position: relative;
    width: 100%;
    height: 300px;
    background-image: url("img/camion.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 15px;
}

.contenedor-auto-4 {
    position: relative;
    width: 100%;
    height: 300px;
    background-image: url("img/camioneta.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 15px;
}

.contenedor-auto-5 {
    position: relative;
    width: 100%;
    height: 300px;
    background-image: url("img/furgon.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 15px;
}

.contenedor-auto-6 {
    position: relative;
    width: 100%;
    height: 300px;
    background-image: url("img/moto.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 15px;
}

.contenedor-auto-1 #boton-01 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 64.1%;
    top: 83%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-02 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 65.4%;
    top: 42%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-03 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 71.2%;
    top: 42%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-04 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 59%;
    top: 42%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-05 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 64.1%;
    top: 4.4%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-06 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 53.5%;
    top: 5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-07 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 45%;
    top: 5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-08 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 33.7%;
    top: 5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-09 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 33.7%;
    top: 42%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-10 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 33.7%;
    top: 83%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-11 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 26.4%;
    top: 42%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-12 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 47.2%;
    top: 41.7%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-13 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 45.1%;
    top: 83.2%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-1 #boton-14 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 53.45%;
    top: 83.2%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-01 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 72.5%;
    top: 44%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-02 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 68.66%;
    top: 44%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-03 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 68.66%;
    top: 8.2%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-04 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 68.66%;
    top: 80.8%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-05 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 57.1%;
    top: 8.2%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-06 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 57.1%;
    top: 44%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-07 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 57.1%;
    top: 80.8%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-08 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 41.88%;
    top: 80.8%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-09 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 46.7%;
    top: 44%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-10 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 41.88%;
    top: 8.2%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-11 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 30.2%;
    top: 80.7%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-12 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 36.29%;
    top: 44%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-13 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 30.3%;
    top: 8.2%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-2 #boton-14 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 24.77%;
    top: 44%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-01 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 72.4%;
    top: 45.1%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-02 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 69.7%;
    top: 45.1%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-03 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 71.5%;
    top: 11.3%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-04 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 71.5%;
    top: 76.3%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-05 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 64.8%;
    top: 11.3%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-06 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 64.6%;
    top: 45.1%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-07 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 64.8%;
    top: 76.3%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-08 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 48.7%;
    top: 80.5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-09 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 48.7%;
    top: 9.3%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-10 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 31.77%;
    top: 9.1%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-11 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 31.77%;
    top: 80.4%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-3 #boton-12 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 25.1%;
    top: 45.2%;
    border-radius: 50%;
    cursor: pointer;
}


.contenedor-auto-4 #boton-01 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 70.3%;
    top: 44.4%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-02 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 65.4%;
    top: 44.4%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-03 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 64%;
    top: 9.8%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-04 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 64%;
    top: 80.3%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-05 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 53.4%;
    top: 9.78%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-06 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 58.5%;
    top: 44.7%;
    border-radius: 50%;
    cursor: pointer;
}


.contenedor-auto-4 #boton-07 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 53.4%;
    top: 80.3%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-08 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 46%;
    top: 80.6%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-09 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 50.1%;
    top: 44.4%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-10 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 46%;
    top: 9.9%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-11 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 35.6%;
    top: 80.3%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-12 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 41.1%;
    top: 44.55%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-13 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 35.6%;
    top: 10%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-4 #boton-14 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 27.4%;
    top: 44.5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-01 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 72.4%;
    top: 44.5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-02 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 68.66%;
    top: 44.5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-03 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 65.7%;
    top: 7%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-04 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 65.7%;
    top: 83.2%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-05 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 61.5%;
    top: 44.5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-06 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 58.4%;
    top: 7%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-07 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 58.4%;
    top: 83.1%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-08 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 45.4%;
    top: 83.1%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-09 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 45.4%;
    top: 7%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-10 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 45.4%;
    top: 44.5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-11 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 34.11%;
    top: 83.1%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-12 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 34.11%;
    top: 7%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-5 #boton-13 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 25.2%;
    top: 44.5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-6 #boton-01 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 63.2%;
    top: 44.5%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-6 #boton-02 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 47.3%;
    top: 29%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-6 #boton-03 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 47.3%;
    top: 60%;
    border-radius: 50%;
    cursor: pointer;
}

.contenedor-auto-6 #boton-04 {
    height: 30px;
    width: 30px;
    border: none;
    position: absolute;
    left: 32.4%;
    top: 44.5%;
    border-radius: 50%;
    cursor: pointer;
}

#miModal1 .botonaceptar {
    background-color: #CB2C30;
    border: none;
}

#miModal1 h5 {
    font-size: 32px;
}

#miModal1 .modal-header {
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
}

#miModal1 .modal-footer {
    border-top: none;
    padding-top: 0;
}

.colorgris2 {
    color: #767676;
}


.modal-content {
    border: solid 1.5px #CB2C30
}

.campos {
    font-size: 16px !important;
    font-weight: 500 !important;
}

.bordeinferior {
    border-bottom: solid 1px #D9D9D9;
}

.ajustesdeverificado {
    border: solid 2px #67A834;
    border-radius: 360px;
    padding: 5px;
    font-size: 24px;
    width: 40px;
    height: 40px;
    padding-top: 6px;
    padding-left: 6px;
}

.colorverde {
    color: #67A834;
}

.modal-header {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.modal-footer {
    border-top: 0;
    padding-top: 0;
}

.agregarboton {
    height: 40px;
    width: 40px;
    background-color: #67A834;
    border-radius: 360px;
    color: white;
    font-size: 32px;
    padding-left: 7px;
    padding-top: 4px;
    cursor: pointer;
}

.textoagregar {
    position: absolute;
    top: 6px;
    left: 55px;
    cursor: pointer;
}

#modalTercero button {
    background-color: #CB2C30;
    color: white;
    border: none;
    border-radius: 22px;
    font-size: 15px;
    font-weight: 600;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#modalTercero .modal-content {
    border: solid 1.5px #949494;
}

.botoneditar {
    cursor: pointer;
}

.botonborrar {
    cursor: pointer;
}

#contenedortabla thead tr {
    background-color: #767676;
    color: white;
    height: 40px;
    border-radius: 32px;

}

#contenedortabla tbody th,
#contenedortabla tbody td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    color: #000;
    font-size: 16px;

}

#contenedortabla thead th {
    font-weight: 500;
}

/* color más oscuro en la tabla*/
#contenedortabla tbody tr:nth-child(even) {
    background-color: #D9D9D9;
}



#contenedortabla table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
    background-color: #F9F9F9;
}

#contenedortabla thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
}

#contenedortabla thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
}

#contenedortabla tbody tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

#contenedortabla tbody tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

.botoncerrar {
    font-size: 36px;
    cursor: pointer;
    border: solid 1px;
    border-radius: 360px;
    width: 40px;
    height: 40px;
    padding-right: 4.9px;
    padding-top: 2px;
}



.img-auto {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;

}

/*Responsibidad*/

@media (min-width: 1024px) and (max-width: 1440px) {
    .contenedor-auto-1 #boton-01 {
        left: 64.7%;
    }

    .contenedor-auto-1 #boton-02 {
        left: 66%;
    }

    .contenedor-auto-1 #boton-03 {
        left: 72%;
    }

    .contenedor-auto-1 #boton-04 {
        left: 59.3%
    }

    .contenedor-auto-1 #boton-05 {
        left: 64.7%
    }

    .contenedor-auto-1 #boton-06 {
        left: 53.6%;
    }

    .contenedor-auto-1 #boton-07 {
        left: 44.8%;
    }

    .contenedor-auto-1 #boton-08 {
        left: 32.99%;
    }

    .contenedor-auto-1 #boton-09 {
        left: 32.99%;
    }

    .contenedor-auto-1 #boton-10 {
        left: 32.99%;
    }

    .contenedor-auto-1 #boton-11 {
        left: 25.3%;
    }

    .contenedor-auto-1 #boton-12 {
        left: 47%;
    }

    .contenedor-auto-1 #boton-13 {
        left: 44.8%;
    }

    .contenedor-auto-1 #boton-14 {
        left: 53.6%;
    }

    .contenedor-auto-2 #boton-01 {
        left: 73.6%;
        top: 44.2%;
    }

    .contenedor-auto-2 #boton-02 {
        left: 69.5%;
    }

    .contenedor-auto-2 #boton-03 {
        left: 69.5%;
    }

    .contenedor-auto-2 #boton-04 {
        left: 69.5%;
    }

    .contenedor-auto-2 #boton-05 {
        left: 57.3%;
    }

    .contenedor-auto-2 #boton-06 {
        left: 57.3%;
        top: 44.3%;
    }

    .contenedor-auto-2 #boton-07 {
        left: 57.3%;
    }

    .contenedor-auto-2 #boton-08 {
        left: 41.5%;
    }

    .contenedor-auto-2 #boton-09 {
        left: 46.6%;
    }

    .contenedor-auto-2 #boton-10 {
        left: 41.5%;
    }

    .contenedor-auto-2 #boton-11 {
        left: 29.4%;
    }

    .contenedor-auto-2 #boton-12 {
        left: 35.7%;
        top: 44.1%;
    }

    .contenedor-auto-2 #boton-13 {
        left: 29.4%;
    }

    .contenedor-auto-2 #boton-14 {
        left: 23.7%;
        top: 44.1%;
    }


    .contenedor-auto-3 #boton-01 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 73.3%;
        top: 45.1%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-02 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 70.6%;
        top: 45.1%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-03 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 72.4%;
        top: 11.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-04 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 72.4%;
        top: 76.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-05 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 65.44%;
        top: 11.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-06 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 65.2%;
        top: 45.1%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-07 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 65.44%;
        top: 76.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-08 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 48.6%;
        top: 80.7%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-09 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 48.6%;
        top: 9.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-10 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 30.9%;
        top: 9.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-11 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 30.9%;
        top: 80.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-12 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 24%;
        top: 45.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-01 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 71.1%;
        top: 44.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-02 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 66%;
        top: 44.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-03 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 64.6%;
        top: 9.99%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-04 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 64.6%;
        top: 80.55%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-05 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 53.55%;
        top: 9.99%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-06 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 58.8%;
        top: 44.7%;
        border-radius: 50%;
        cursor: pointer;
    }


    .contenedor-auto-4 #boton-07 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 53.54%;
        top: 80.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-08 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 45.79%;
        top: 80.6%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-09 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 50.1%;
        top: 44.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-10 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 45.79%;
        top: 10%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-11 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 35%;
        top: 80.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-12 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 40.7%;
        top: 44.7%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-13 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 35%;
        top: 10%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-14 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 26.4%;
        top: 44.7%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-01 {
        left: 73.4%;
    }

    .contenedor-auto-5 #boton-02 {
        left: 69.5%;
    }

    .contenedor-auto-5 #boton-03 {
        left: 66.4%;
    }

    .contenedor-auto-5 #boton-04 {
        left: 66.4%;
    }

    .contenedor-auto-5 #boton-05 {
        left: 62%;
    }

    .contenedor-auto-5 #boton-06 {
        left: 58.77%;
    }

    .contenedor-auto-5 #boton-07 {
        left: 58.77%;
    }

    .contenedor-auto-5 #boton-08 {
        left: 45.2%;
    }

    .contenedor-auto-5 #boton-09 {
        left: 45.2%;
    }

    .contenedor-auto-5 #boton-10 {
        left: 45.2%;
    }

    .contenedor-auto-5 #boton-11 {
        left: 33.44%;
    }

    .contenedor-auto-5 #boton-12 {
       left: 33.44%;
    }

    .contenedor-auto-5 #boton-13 {
        left: 24.1%;
    }

    .contenedor-auto-6 #boton-01 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 63.8%;
        top: 44.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-02 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 47.2%;
        top: 29%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-03 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 47.2%;
        top: 60%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-04 {
        height: 30px;
        width: 30px;
        border: none;
        position: absolute;
        left: 31.6%;
        top: 44.5%;
        border-radius: 50%;
        cursor: pointer;
    }
}



@media (max-width: 768px) {
    #ingreso .ajuste {
        position: unset !important;
    }

    #ingreso .autoindex {
        width: 100%;
    }

    #ingreso .label-nom {
        padding-left: 0;
    }

    .input-rut {
        width: 100% !important;
    }

    .input-fecha {
        width: 100% !important;
    }

    .subtexto-circulo {
        font-size: 12px;
    }


    .subtexto-circulo-desactivado {
        font-size: 12px;
    }

    .linea {
        bottom: 63px;
    }

    .slider-container {
        margin: 0;
    }

    #largoajustado {
        width: 100%;
    }

    #buscado {
        margin-top: 8%;
    }

    #alerta {
        width: 90%;
        margin-top: 8%;
    }

    #relacion {
        width: 250px !important;
    }

    .borrar {
        display: none;
    }

    #mensajes-siniestrono {
        height: auto;
    }

    .anchoajustado {
        width: 100% !important;
    }

    #contenedortabla tbody th,
    #contenedortabla tbody td {
        font-size: 9px;
    }

    #contenedortabla thead tr {
        font-size: 9px;
    }

    .botoneditar {
        font-size: 18px;
    }

    .botonborrar {
        font-size: 18px;
    }

    #tiposiniestro {
        padding-bottom: 45px;
    }

    .img-auto {
        position: relative;
        width: 100%;
        max-width: 600px;
        margin: auto;
        aspect-ratio: 1 / 2;
    }

    .contenedor-auto-1 {
        position: relative;
        width: 100%;
        height: 400px;
        background-image: url(img/automobile.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .contenedor-auto-1 #boton-01 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 70%;
        top: 16.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-02 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46%;
        top: 14%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-03 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 45.6%;
        top: 2%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-04 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 45.6%;
        top: 27%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-05 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.5%;
        top: 16.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-06 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.5%;
        top: 38%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-07 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.5%;
        top: 55.4%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-08 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.5%;
        top: 78.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-09 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 45.7%;
        top: 78.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-10 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 70%;
        top: 78.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-11 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 45.7%;
        top: 93.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-12 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 45.7%;
        top: 51%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-13 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 70%;
        top: 55.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-1 #boton-14 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 70%;
        top: 38%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 {
        position: relative;
        width: 100%;
        height: 400px;
        background-image: url("img/bus_mobile.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 15px;
    }

    .contenedor-auto-2 #boton-01 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 3.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-02 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.8%;
        top: 10.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-03 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 27.3%;
        top: 10.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-04 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 66.8%;
        top: 10.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-05 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 27.3%;
        top: 32%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-06 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 32%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-07 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 66.8%;
        top: 32%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-08 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 66.9%;
        top: 60.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-09 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.7%;
        top: 51.6%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-10 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 27.3%;
        top: 60.7%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-11 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 66.8%;
        top: 82.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-12 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 70.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-13 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 27.3%;
        top: 82.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-2 #boton-14 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.9%;
        top: 92.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 {
        position: relative;
        width: 100%;
        height: 400px;
        background-image: url("img/camion_mobile.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 15px;
    }

    .contenedor-auto-3 #boton-01 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.9%;
        top: 2.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-02 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.9%;
        top: 7.6%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-03 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 26.3%;
        top: 4.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-04 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 66.3%;
        top: 4.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-05 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 26.2%;
        top: 17%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-06 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.9%;
        top: 17.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-07 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 66.5%;
        top: 17%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-08 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 69%;
        top: 47.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-09 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 25.1%;
        top: 47.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-10 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 25.1%;
        top: 80.44%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-11 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 69%;
        top: 80.4%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-12 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 93.19%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 {
        position: relative;
        width: 100%;
        height: 400px;
        background-image: url("img/camioneta_mobile.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 15px;
    }


    .contenedor-auto-4 #boton-01 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-02 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 13%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-03 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.4%;
        top: 16%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-04 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 71%;
        top: 16%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-05 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.4%;
        top: 38%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-06 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 27.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-07 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 71%;
        top: 38%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-08 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 71%;
        top: 53.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-09 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 45%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-10 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.7%;
        top: 53.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-11 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 71%;
        top: 75.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-12 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 63.8%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-13 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.7%;
        top: 75.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-14 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 92.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 {
        position: relative;
        width: 100%;
        height: 400px;
        background-image: url("img/furgon_mobile.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 15px;
    }

    .contenedor-auto-5 #boton-01 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.5%;
        top: 2.6%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-02 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.5%;
        top: 9.8%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-03 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.5%;
        top: 15.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-04 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 70.5%;
        top: 15.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-05 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.5%;
        top: 23.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-06 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.5%;
        top: 29.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-07 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 70.5%;
        top: 29.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-08 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 70.5%;
        top: 54.4%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-09 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.5%;
        top: 54.4%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-10 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.5%;
        top: 54.4%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-11 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 70.5%;
        top: 75.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-12 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.39%;
        top: 75.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-5 #boton-13 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.5%;
        top: 93%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 {
        position: relative;
        width: 100%;
        height: 400px;
        background-image: url("img/moto_mobile.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 15px;
    }

    .contenedor-auto-6 #boton-01 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 46.2%;
        top: 13.2%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-02 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 34.5%;
        top: 51%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-03 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 58.6%;
        top: 51%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-04 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 46.2%;
        top: 86.3%;
        border-radius: 50%;
        cursor: pointer;
    }

}




@media (max-width: 380px) {
    .contenedor-auto-1 #boton-01 {
        left: 72.5%;
    }

    .contenedor-auto-1 #boton-02 {
        left: 45%;
    }

    .contenedor-auto-1 #boton-03 {
        left: 45.1%;
    }

    .contenedor-auto-1 #boton-04 {
        left: 45.3%;
    }

    .contenedor-auto-1 #boton-05 {
        left: 20.2%;
    }

    .contenedor-auto-1 #boton-06 {
        left: 20.2%;
    }

    .contenedor-auto-1 #boton-07 {
        left: 20.2%;
    }

    .contenedor-auto-1 #boton-08 {
        left: 20.2%;
    }

    .contenedor-auto-1 #boton-09 {
        left: 45%;
    }

    .contenedor-auto-1 #boton-10 {
        left: 72.5%;
    }

    .contenedor-auto-1 #boton-11 {
        left: 45.3%;
    }

    .contenedor-auto-1 #boton-12 {
        left: 45%;
    }

    .contenedor-auto-1 #boton-13 {
        left: 72.5%;
    }

    .contenedor-auto-1 #boton-14 {
        left: 72.5%;
    }

    .contenedor-auto-2 #boton-01 {
        left: 46%;
    }

    .contenedor-auto-2 #boton-02 {
        left: 46%;
    }

    .contenedor-auto-2 #boton-03 {
        left: 23.9%
    }

    .contenedor-auto-2 #boton-04 {
        left: 68.8%;
    }

    .contenedor-auto-2 #boton-05 {
        left: 23.9%
    }

    .contenedor-auto-2 #boton-06 {
        left: 46.5%;
    }

    .contenedor-auto-2 #boton-07 {
        left: 68.8%
    }

    .contenedor-auto-2 #boton-08 {
        left: 68.8%
    }

    .contenedor-auto-2 #boton-09 {
        left: 46%;
    }

    .contenedor-auto-2 #boton-10 {
        top: 60.5%;
        left: 24.1%;
    }

    .contenedor-auto-2 #boton-11 {
        left: 68.8%
    }

    .contenedor-auto-2 #boton-12 {
        left: 46%;
    }

    .contenedor-auto-2 #boton-13 {
        top: 82.2%;
        left: 24.1%;
    }

    .contenedor-auto-2 #boton-14 {
        left: 46.5%;
    }

    .contenedor-auto-3 #boton-01 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.9%;
        top: 2.2%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-02 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.9%;
        top: 7.6%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-03 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.4%;
        top: 4.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-04 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 68.5%;
        top: 4.3%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-05 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 23.4%;
        top: 17%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-06 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 46.9%;
        top: 17.5%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-07 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 68.5%;
        top: 17%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-08 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 71.66%;
        top: 47.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-09 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 21.99%;
        top: 47.9%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-10 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 21.99%;
        top: 80.44%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-11 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 71.66%;
        top: 80.4%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-3 #boton-12 {
        height: 18px;
        width: 18px;
        border: none;
        position: absolute;
        left: 47%;
        top: 93.19%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-4 #boton-01 {
        left: 46.4%;
    }

    .contenedor-auto-4 #boton-02 {
        left: 46.4%
    }

    .contenedor-auto-4 #boton-03 {
        left: 20%
    }

    .contenedor-auto-4 #boton-04 {
        left: 73.8%
    }

    .contenedor-auto-4 #boton-05 {
        left: 20%
    }

    .contenedor-auto-4 #boton-06 {
        left: 46.4%
    }

    .contenedor-auto-4 #boton-07 {
        left: 73.8%
    }

    .contenedor-auto-4 #boton-08 {
        left: 73.8%
    }

    .contenedor-auto-4 #boton-09 {
        left: 46.4%
    }

    .contenedor-auto-4 #boton-10 {
        left: 20%
    }

    .contenedor-auto-4 #boton-11 {
        left: 73.8%
    }

    .contenedor-auto-4 #boton-12 {
        left: 46.4%
    }

    .contenedor-auto-4 #boton-13 {
        left: 20%
    }

    .contenedor-auto-4 #boton-14 {
        left: 46.4%
    }

    .contenedor-auto-5 #boton-03 {
        left: 19.8%
    }

    .contenedor-auto-5 #boton-06 {
        left: 19.8%
    }

    .contenedor-auto-5 #boton-09 {
        left: 19.8%
    }

    .contenedor-auto-5 #boton-12 {
        left: 19.8%
    }

    .contenedor-auto-5 #boton-04 {
        left: 73.5%
    }

    .contenedor-auto-5 #boton-07 {
        left: 73.5%
    }

    .contenedor-auto-5 #boton-08 {
        left: 73.5%
    }

    .contenedor-auto-5 #boton-11 {
        left: 73.5%
    }

    .contenedor-auto-6 #boton-02 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 32%;
        top: 51%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-03 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 59.5%;
        top: 51%;
        border-radius: 50%;
        cursor: pointer;
    }


}

@media (min-width: 381px) and (max-width: 400px) {
    .contenedor-auto-1 #boton-01 {
        left: 71.5%;
    }

    .contenedor-auto-1 #boton-02 {
        left: 45.4%;
    }

    .contenedor-auto-1 #boton-03 {
        left: 45.4%;
    }

    .contenedor-auto-1 #boton-04 {
        left: 45.4%;
    }

    .contenedor-auto-1 #boton-05 {
        left: 21.8%;
    }

    .contenedor-auto-1 #boton-06 {
        left: 21.8%;
    }

    .contenedor-auto-1 #boton-07 {
        left: 21.8%;
    }

    .contenedor-auto-1 #boton-08 {
        left: 21.8%;
    }

    .contenedor-auto-1 #boton-09 {
        left: 45.4%;
    }

    .contenedor-auto-1 #boton-10 {
        left: 71.5%;
    }

    .contenedor-auto-1 #boton-11 {
        left: 45.4%;
    }

    .contenedor-auto-1 #boton-12 {
        left: 45.4%;
    }

    .contenedor-auto-1 #boton-13 {
        left: 71.5%;
    }

    .contenedor-auto-1 #boton-14 {
        left: 71.5%;
    }

    .contenedor-auto-2 #boton-01 {
        left: 46.5%
    }

    .contenedor-auto-2 #boton-02 {
        left: 46.5%
    }

    .contenedor-auto-2 #boton-03 {
        left: 25.4%
    }

    .contenedor-auto-2 #boton-04 {
        left: 68.2%
    }

    .contenedor-auto-2 #boton-05 {
        left: 25.4%
    }

    .contenedor-auto-2 #boton-06 {
        left: 46.8%;
    }

    .contenedor-auto-2 #boton-07 {
        left: 68.2%
    }

    .contenedor-auto-2 #boton-08 {
        left: 68.2%
    }

    .contenedor-auto-2 #boton-09 {
        left: 46.3%
    }

    .contenedor-auto-2 #boton-10 {
        top: 60.5%;
        left: 25.4%
    }

    .contenedor-auto-2 #boton-11 {
        left: 68.2%
    }

    .contenedor-auto-2 #boton-12 {
        left: 46.6%
    }

    .contenedor-auto-2 #boton-13 {
        top: 82.2%;
        left: 25.4%
    }

    .contenedor-auto-2 #boton-14 {
        left: 46.6%
    }

    .contenedor-auto-3 #boton-04 {
        left: 67.6%;
    }

    .contenedor-auto-3 #boton-07 {
        left: 67.6%;
    }

    .contenedor-auto-3 #boton-08 {
        left: 70.5%;
    }

    .contenedor-auto-3 #boton-11 {
        left: 70.5%;
    }

    .contenedor-auto-3 #boton-03 {
        left: 24.5%;
    }

    .contenedor-auto-3 #boton-05 {
        left: 24.5%;
    }

    .contenedor-auto-3 #boton-09 {
        left: 23.2%;
        top: 47.9%;
    }

    .contenedor-auto-3 #boton-10 {
        left: 23.2%;
        top: 80.4%;
    }

    .contenedor-auto-4 #boton-01 {
        left: 46.6%
    }

    .contenedor-auto-4 #boton-02 {
        left: 46.6%
    }

    .contenedor-auto-4 #boton-03 {
        left: 21.6%
    }

    .contenedor-auto-4 #boton-04 {
        left: 72.6%
    }

    .contenedor-auto-4 #boton-05 {
        left: 21.6%
    }

    .contenedor-auto-4 #boton-06 {
        left: 46.6%
    }

    .contenedor-auto-4 #boton-07 {
        left: 72.6%
    }

    .contenedor-auto-4 #boton-08 {
        left: 72.6%
    }

    .contenedor-auto-4 #boton-09 {
        left: 46.6%
    }

    .contenedor-auto-4 #boton-10 {
        left: 21.6%
    }

    .contenedor-auto-4 #boton-11 {
        left: 72.6%
    }

    .contenedor-auto-4 #boton-12 {
        left: 46.6%
    }

    .contenedor-auto-4 #boton-13 {
        left: 21.6%
    }

    .contenedor-auto-4 #boton-14 {
        left: 46.6%
    }

    .contenedor-auto-5 #boton-03 {
        left: 21.3%
    }

    .contenedor-auto-5 #boton-06 {
        left: 21.3%
    }

    .contenedor-auto-5 #boton-09 {
        top: 54.2%;

        left: 21.3%
    }

    .contenedor-auto-5 #boton-12 {
        left: 21.3%;
        top: 75.8%;
    }

    .contenedor-auto-5 #boton-04 {
        left: 72.1%
    }

    .contenedor-auto-5 #boton-07 {
        left: 72.1%
    }

    .contenedor-auto-5 #boton-08 {
        left: 72.1%;
        top: 54.2%;
    }

    .contenedor-auto-5 #boton-10 {
        top: 54.2%;
    }

    .contenedor-auto-5 #boton-11 {
        left: 72.1%;
        top: 75.8%;
    }

    .contenedor-auto-6 #boton-01 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 46.3%;
        top: 13.2%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-02 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 33%;
        top: 51%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-03 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 59.3%;
        top: 51%;
        border-radius: 50%;
        cursor: pointer;
    }

    .contenedor-auto-6 #boton-04 {
        height: 20px;
        width: 20px;
        border: none;
        position: absolute;
        left: 46%;
        top: 86.3%;
        border-radius: 50%;
        cursor: pointer;
    }
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='red'/%3e%3c/svg%3e");
    background-color: white;
    border-color: #CB2C30;
    box-shadow: 0 0 0 0.25rem rgba(203, 44, 48, 0.25);
}

input.form-control:focus,
textarea.form-control:focus,
select.form-select:focus {
    border-color: #949494;
    box-shadow: 0 0 0 0.25rem rgba(148, 148, 148, 0.25) !important;
}