.form-list-flex {
    width: 100%;
    &__list { /* ul */
        display: flex;
        flex-wrap: wrap;
        width: calc(100% + 32px);
        margin: 0 -16px;
        &__item { /* li */
            width: calc(100% - 32px);
            margin: 0 16px;
            padding-bottom: 12px; /* para alcanzar los 32px de margen inferior bajo los campos que ya tienen 20px. (CA R.)*/
            @media (--viewport-ms-max) {
                padding-bottom: 10px;
            }
            @media (--viewport-xs-max) {
                padding-bottom: 4px;
            }

            &.width-75 {
                width: calc(75% - 32px);
                @media (--viewport-ms-max) {width: calc(50% - 32px);}
                @media (--viewport-xs-max) {width: calc(100% - 32px);}
            }
    
            &.width-50 {
                width: calc(50% - 32px);
                @media (--viewport-ms-max) {width: calc(50% - 32px);}
                @media (--viewport-xs-max) {width: calc(100% - 32px);}
            }
    
            &.width-33 {
                width: calc(33.3% - 32px);
                @media (--viewport-ms-max) {width: calc(50% - 32px);}
                @media (--viewport-xs-max) {width: calc(100% - 32px);}
            }
    
            &.width-25 {
                width: calc(25% - 32px);
                @media (--viewport-ms-max) {width: calc(50% - 32px);}
                @media (--viewport-xs-max) {width: calc(100% - 32px);}
            }
    
            .wrap-double {
                display: flex;
                column-gap: 32px;
    
                .form-list-flex__field {
                    width: calc(50% - 16px);
                    &.width-75 {
                        width: 75%;
                        @media (--viewport-ms-max) {width: 66.6%}
                    }
                    &.width-25 {
                        width: 25%;
                        @media (--viewport-ms-max) {width: 33.3%}
                    }
                    &.width-33 {
                        width: 33.3%;
                    }
                    &.width-66 {
                        width: 66.6%;
                    }
                }
            }
            &.break{
                padding: 0;
                margin: 0;
            }
        }
    }
}