.paragraph--type--webform {
    .container__wrapper {
        max-width: 70%;
        margin: 20px auto;

        .webform-submission-add-form.webform-submission-contacto-cabecera-form {
            display: flex;
            flex-wrap: wrap;
            column-gap: 1rem;

            #edit-hero-titulo {
                width: 100%;

                p {
                    margin: 0;
                    font-size: 20px;
                    font-weight: 600;
                    color: var(--artemis-cod-grey);
                }
            }

            .form-item-nombre {
                width: 100%;
            }

            .form-item-e-mail,
            .form-item-codigo-postal {
                width: calc(50% - 8px);
            }

            .form-item-prefijo {
                width: calc(10% - 8px);
            }

            .form-item-telefono {
                width: calc(40% - 8px);
            }

            .form-item-nombre,
            .form-item-e-mail,
            .form-item-codigo-postal,
            .form-item-prefijo,
            .form-item-telefono {
                input {
                    border-radius: 6.25rem;
                    font-size: 0.75rem;
                    padding: 0.875rem 1.5rem;
                    border: 1px solid var(--artemis-soft-cloud);
                }
            }

            .form-item-privacidad {
                width: 100%;
                margin-bottom: 40px !important;
            }

            .form-actions.webform-actions {
                width: calc(50% - 8px);
            }
        }
    }
}

@media (max-width: 992px) {
    .paragraph--type--webform {
        .container__wrapper {
            max-width: 100%;

            .webform-submission-add-form.webform-submission-contacto-cabecera-form {

                .form-item-nombre,
                .form-item-e-mail {
                    width: 100%;
                }

                .form-item-codigo-postal {
                    width: calc(50% - 8px);
                }

                .form-item-prefijo {
                    width: calc(10% - 8px);
                }

                .form-item-telefono {
                    width: calc(40% - 16px);
                }

            }
        }
    }
}

@media (max-width: 576px) {
    .paragraph--type--webform {
        .container__wrapper {

            .webform-submission-add-form.webform-submission-contacto-cabecera-form {
                .form-item-codigo-postal {
                    width: calc(40% - 8px);
                }

                .form-item-prefijo {
                    width: calc(20% - 8px);
                }

                .form-item-telefono {
                    width: calc(40% - 16px);
                }

                .form-actions.webform-actions {
                    width: 100%;
                }
            }
        }
    }
}