/* Colores */
    :root {
        --color1: #1eab9a; /* verdeagua  */
        --color2: #299130; /* verde puntos */
        --color3: #dd2e38; /* rojo borde puntos */
    }
#formsiniestro{
/*height: 75vh;*/
padding: 2vh 0 100px;
}
#formsiniestro .formwarp{
border:1px solid var(--color1);
border-radius: 20px;
overflow: hidden;
padding-right: 0!important;
padding-left: 0!important;
}
/* Espaciado para el ancla sobre el título DETALLES DE LA SOLICITUD  */
#detalles-form-espaciado-ancla{
    position: absolute;
    top: -80px;
    left: 0;
}
#formsiniestro .formheader{
background: var(--color1);
color:#fff;
text-align: center;
}
#formsiniestro .formheader h3{
text-transform: uppercase;
font-size: 18px;
padding: 20px 0;
color: #fff!important;
}
#formsiniestro .formbody{
padding: 40px 20px 60px;
}

#formsiniestro form{

}

/* en Detalles de la Solicitud - Liquidador asignado y Orden de reparación  */
#formsiniestro .form-inner-titles{
    width: 50%;
    text-align: right;
    padding-right: 10px;
    text-decoration: underline;
}
@media(max-width:768px){
    #formsiniestro .form-inner-titles{
        width: 100%;
        text-align: center;
        padding-right: 0;
    }
}

#formsiniestro label{
min-width: 50%; /*250px*/
text-align: right;
padding-right: 10px;
}
@media(max-width:768px){
    #formsiniestro label{
        min-width: 100%;
        text-align: center;
        padding-right: 0;
    }
}

#formsiniestro input[type="text"],#formsiniestro input[type="email"]
{
color: #4e4e4e; /* #000;*/
font-size: 12px!important;
padding: 2px 10px;
text-align: center!important;
min-width: 300px;
}
@media(max-width:768px){
    #formsiniestro input[type="text"],#formsiniestro input[type="email"] {
        margin: 0 auto;
        display: block;
    }
}

#formsiniestro input[type="submit"],#formsiniestro input[type="button"], #formsiniestro button {
font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif!important;
font-weight: 500;
color: #fff;
font-size: 14px;
background: var(--color1);
margin-top:20px;
padding: 6px 40px;
border-radius: 20px;
border: 0px solid #ee7644;
text-decoration: none;
/*text-transform: uppercase¨;*/
letter-spacing: 1px;
transition: ease-in-out 0.3s;
min-width:200px;
}

#formsiniestro input:hover[type="submit"],#formsiniestro input:hover[type="button"], #formsiniestro button:hover {
background: #1a877a;
color: #fff;
}

#hideme,#hideme2{
/*visibility: hidden;*/
display: none;
position: relative;
}
#showme{
display: block;
}

/* FORM pantalla 2 retorno de datos ---------  */
.formpant2 input[type="text"]{
color:var(--color2)!important;
text-align: center!important;
}

/* CSS ETAPAS ----------------------------------------------------------------------------  */
.cols-etapas{

}

.etapas h4{
color:var(--color1);
text-transform: uppercase;
font-size: 24px;
padding: 2vh 0 4vh;/*10vh 0;*/
}
.etapas h4 span{
    font-size: 12px;
    text-transform: lowercase;
}
.etapas h4 a{
    color: #1eab9a;
}

.etapas h5{
color:#222;
font-size: 16px;
padding: 0;
text-align: center!important;
min-height: 70px; /*75px*/
}

/* círculos completos  */
.etapas .etapacompleta .circulo-etapa{
background: var(--color2)!important;
border:4px solid var(--color2)!important;
}
.etapas .circulo-etapa{
width:40px;
height:40px;
border-radius:50%;
border:4px solid var(--color3);
background: #fff;
margin:0 auto;
}
.circulo-etapa:after{
content: "";
background: #bcb9b9;
width: 12vw;
height: 4px;
display: inline-block;
position: relative;
top: 0px;
right: -2.2vw;
z-index: -10;
}
@media(max-width:768px){
.circulo-etapa:after{
    display: none!important;
}
}
/*  OCULTAR la última línea horizontal
.circulo-etapa:last-of-type::after{

background: transparent!important;
display: none!important;
}
.cols-etapas:nth-of-type(3):after{
background: transparent!important;
display: none!important;
}
*/
.fechaetapa{
text-align: center;
color:#222;
padding-bottom: 20px;
}

.carretera{
padding: -50px 0 0!important;
width: 100%!important;
height:50px;
width: auto;
background-image: url(https://seguros.rentanacional.cl/wp-content/uploads/2023/11/road1.jpg);
background-repeat: repeat-x;
background-size: contain;
margin-top:-60px;
overflow:hidden!important;
margin-bottom: 30px;
}
@media(max-width:768px){
    .carretera {
        display: none;
    }
}

.road{
/*position: relative;*/
padding: 30px 0 0;
margin:0;
}
.divauto{
padding-top: 53px;
}
@media(max-width:768px){
    .divauto {
        display: none;
    }
}

.autito{
width: 140px;
top:-40px;
margin: 0 auto;
}
.bandera1{
margin-top: -170px!important;
/* z-index: -10!important; */
position: relative!important;
width: 140px!important;
top: -50px
}
/* Ocultar icono de reCaptcha v3 */
.grecaptcha-badge{
visibility: collapse !important;  
}
/* DIV mensaje de reCaptcha v3 */
.captchastyleform{padding-left: 60px;}

.text-error-form {
    display: block;
    position: relative;
    left: 261px;
    top: -7px;
}
.input-error {
    border-color: red;
}
.text-error-response {
    display: block;
    position: relative;
}