.form-contacto {
    .datos {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;

        .campo {
            width: 48%;

            .wpcf7-form-control-wrap {
                input {
                    display: block;
                    width: 100%;
                    background-color: var(--c-grey-bg);
                    border: none;
                    border-bottom: 1px solid var(--c-azul-medium);


                    &::placeholder {
                        color: var(--c-azul-medium);
                        font-family: var(--tipo-general);
                    }
                }

            }
            @media (max-width: 768px) {
                width: 100%;
            }
        }

        .lista {
            width: 100%;
            display: block;

            select {
                width: 100%;
                background-color: var(--c-grey-bg);
                border: none;
                border-bottom: 1px solid var(--c-azul-medium);
                font-family: var(--tipo-general);
            }
        }

        .mensaje {
            width: 100%;

            textarea {
                display: block;
                width: 100%;
                background-color: var(--c-grey-bg);
                border: none;
                border-bottom: 1px solid var(--c-azul-medium);
                max-height: 150px;
                margin-bottom: 30px;

                &::placeholder {
                    color: var(--c-azul-medium);
                    font-family: var(--tipo-general);
                }
            }

        }

    }

    .rgpd {
        margin-bottom: 20px;
        display: block;

        .wpcf7-list-item {
            font-size: 14px;
        }
    }

    .btn-enviar {
        input {
            border-bottom: 1px solid var(--c-secondary);
            border-top: 1px solid var(--c-secondary);
            transition: var(--all-transition);
            color: var(--c-white);
            border-radius: 0px;
            background-color: var(--c-secondary);
            font-size: var(--btn-txt);
            font-family: var(--tipo-general);

            &:hover {
                color: var(--c-white);
                background-color: var(--c-azul-opalance);
                transition: var(--all-transition);
                color: var(--c-azul-medium)
            }
        }

    }

}