form .contacto input:not([type="submit"]),
form .contacto textarea,
form .contacto select {
    border: none;
    border-bottom: 1px solid var(--c-primario);
    background-color: #ffffffb6;
    font-family: inherit !important;
}

form .contacto input:not([type="submit"]), form .contacto select {
    width: 100%;
}  

span.wpcf7-form-control.wpcf7-radio {
    display: flex;
    gap: 20px;

    .wpcf7-list-item {
        margin-left: 0px !important;

        label {
            display: flex;
            gap: 15px;
            align-items: center;

            input {
                width: fit-content;
                appearance: none;
                width: 20px; 
                height: 20px; 
                border: 1px solid var(--c-primario);
                position: relative; 
                cursor: pointer; 
                background-color: #fff; 

                &:checked {
                    background-color: var(--c-primario); 

                    &::after {
                        content: ''; 
                        position: absolute;
                        top: 3px; 
                        left: 3px; 
                        width: 12px; 
                        height: 12px; 
                        background-color: #fff; 
                    }
                }

                &:focus {
                    outline: none;
                }
            }
        }
    }
}

form .contacto textarea {
    resize: none;
    max-height: 200px;
    margin-top: 20px;
}

form .let-peq {
    font-size: 0.8rem;
    margin-top: 0px;
    padding-bottom: 20px;
    margin-bottom: 25px !important;
    line-height: normal;
}

.datos {
    display: flex;
    flex-direction: column;
    gap: 10px;

    br {
        display: none;
    }

    p {
        margin-bottom: 1.5em;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}

.wpcf7-form-control-wrap {
    .wpcf7-list-item {
        margin-left: 0px !important;
    }

    label {
        display: flex;
        gap: 15px;
        align-items: center;
        input[type="checkbox"] {
            width: fit-content !important;
        }
    }
}

@media screen and (max-width: 780px) {
    span.wpcf7-form-control.wpcf7-radio {
        flex-direction: column;
    }
}