:root{
    --fuente_gruesa:Satoshi-Black;
    --fuente_media:Satoshi-Bold;
    --fuente_delgado:Satoshi-Regular;

    --fuente_tamanio_titulo_1:28px;
    --fuente_tamanio_titulo_2:22px;
    --fuente_tamanio_titulo_3:18px;
    --fuente_tamanio_titulo_4:15px;

    --color_rojo_1:#A61818;
    --color_rojo_0:#D61F1F;
    --color_rojo_-1:#E54B4B;
    --color_rojo_-2:#EC7E7E;

    --color_caqui_1:#7B6851;
    --color_caqui_0:#9D8669;
    --color_caqui_-1:#B3A18A;
    --color_caqui_-2:#C9BCAC;

    --color_azul_oscuro_1:#111114;
    --color_azul_oscuro_0:#16161A;
    --color_azul_oscuro_-1:#454552;
    --color_azul_oscuro_-2:#747489;

    --color_crema_1:#8C7469;
    --color_crema_0:#AB988F;
    --color_crema_-1:#BEAFA8;
    --color_crema_-2:#D0C6C1;

    --color_salmon_claro_1:#CBABAB;
    --color_salmon_claro_0:#F4EDED;
    --color_salmon_claro_-1:#F6F1F1;
    --color_salmon_claro_-2:#F9F5F5;

    --color_grises_2:#1C1C1C;
    --color_grises_1:#686868;
    --color_grises_0:#B3B3B3;
    --color_grises_-1:#DDDDDD;
    --color_grises_-2:#F7F7F7;
}

.bloque_servicio_tecnico{
    background-color: var(--color_salmon_claro_-1);
    padding:2rem 3rem;
    width:100vw;
    display:flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap:18px;

    --color_general:#005A55;
    --color_general_hover:#188882;
}


    .bloque_servicio_tecnico > .contenedor_imagen_servicio{
        background-color: black;
        aspect-ratio: 1/1;
        height: 490px;

        display: flex;
        justify-content: center; 
        align-items: center; 
        overflow: hidden;
    }

        .bloque_servicio_tecnico > .contenedor_imagen_servicio > img{
            width: 100%;
            height: 100%;
        }

    .bloque_servicio_tecnico > .contenedor_formulario{
        background-color: #5D6D9E;
        aspect-ratio: 1/1;
        height: 490px;

        padding:1.5rem;
        color:white;
    }

    .bloque_servicio_tecnico > .contenedor_formulario > h4{
        margin-bottom: 1rem;
        font-size: var(--fuente_tamanio_titulo_3);
        font-family: var(--fuente_gruesa);
        
    }

    .bloque_servicio_tecnico > .contenedor_formulario > form{
        margin-top:1rem;
        display: flex;
        flex-direction: column;
        gap:14px;
        align-items: center;
        /* background-color: gray; */
    }

        .bloque_servicio_tecnico > .contenedor_formulario .campo_texto_linea{
            display: flex;
            flex-direction: column;
            /* background-color: green;
            border:1px solid yellow; */
            gap:5px;
            width: 100%;
        }

        .bloque_servicio_tecnico > .contenedor_formulario .campo_texto_linea > label{
            font-family: var(--fuente_media);
        }

        .bloque_servicio_tecnico > .contenedor_formulario .campo_texto_linea > input{
            width: 100%;
        }

        .bloque_servicio_tecnico > .contenedor_formulario .campo_texto_linea > textarea{
            resize:none;
        }

        .bloque_servicio_tecnico > .contenedor_formulario .campo_texto_linea > input, .bloque_servicio_tecnico > .contenedor_formulario .campo_texto_linea > textarea{
            padding:5px 8px;
        }

    .bloque_servicio_tecnico > .contenedor_formulario > form > button{
        padding:4px 2rem;
        font-family: var(--fuente_gruesa);
        background-color: white;
        border: 0;
        cursor: pointer;
    }.bloque_servicio_tecnico > .contenedor_formulario > form > button:hover{
        background-color: rgb(209, 209, 209);
    }


@media only screen and (max-width: 800px){
    .bloque_servicio_tecnico{
        padding:1rem 0;
    }

    .bloque_servicio_tecnico > .contenedor_imagen_servicio{
        background-color: black;
        aspect-ratio: 1/1;
        height: auto;
        width: 90%;
    }

    .bloque_servicio_tecnico > .contenedor_formulario{
        aspect-ratio:auto;
        height: auto;
        width:90%;
        padding:1rem;
    }
}