@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
:root
{
    --color_gris_bajo: rgb(230,230,230);
    --color_gris_fuerte: rgb(168, 168, 168);
    --color_cliente: #0061B1;
}
*
{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
body 
{
    font-size: 16px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*primera pantalla*/
.img_fondo_pt1
{
    width: 100%;
    background-image: url(../img/img_1_pantalla_uno.webp);
    background-position: center;
    background-size: cover;
}
.img_fondo_pt1_gracias
{
    width: 100%;
    background-image: url(../img/img_1_pantalla_gracias.webp);
    background-position: center;
    background-size: cover;
}
.cont_filtro
{
    width: 100%;
    height: 100vh;
    background: linear-gradient(to right, #0000008d, #00000000);
}

/*responsive*/
@media (max-width: 840px)
{
    .cont_filtro
    {
        background: linear-gradient(to right, #000000b4, #0000006b);
    }
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*segunda pantalla*/
.formulario_pt2
{
    width: 100%;
    height: auto;
}
.espacio_vacio_formulario
{
    width: 100%;
    height: 80px;
}
.color_fondo_fila
{
    width: 100%;
    border: 2px solid var(--color_gris_bajo);
    border-radius: 10px;
    margin: 10px 0;
    overflow: hidden;
}
.label_input
{
    width: 100%;
    padding: 10px;
    font-size: 1.2rem;
    font-weight: 500;
    background-color: var(--color_gris_bajo);
}

.boton_select
{
    width: 145px;
    border: 2px solid var(--color_gris_bajo);
    padding: 5px;
    border-radius: 5px;
    margin: 3px;
    display: flex;
    align-items: center;
    justify-content: start;
}
.sep_img_icono
{
    margin: 0 5px;
}

.boton_formulario
{
    width: 250px;
    height: 50px;
    border: none;
    background-color: var(--color_cliente);
    font-size: 20px;
    color: white;
}

.select_options_form
{
    width: 100%;
}
.input_texto_formulario
{
    width: 100%;
    height: 40px;
    border: 1px solid var(--color_gris_fuerte);
    padding-left: 10px;
}