@if $incluir-form == true {

    /*------------------------------------*\
        $Form
    \*------------------------------------*/
    .form {
        border: 0;

        //Textos
        label {
            display: block;
            margin: 5px 0 0;
            text-align: right;

            &, a, span {
                font: {
                    size: 13px;
                    style: italic;
                }
                line-height: 1;
            }

            a, span {
                color: $color-alt1;
            }

            a {
                text-decoration: underline;

                &:hover {
                    text-decoration: none;
                }
            }
        }

        //Inputs
        input[type="text"], input[type="email"], input[type="password"], select, textarea {
            padding: $input-padding;
            width: 100%;
            height: $input-height;
            font-size: 15px;
            background-color: $input-background;
            border: 1px solid $input-border;
            box-shadow: none;
            outline: none;
        }

        input[type="text"], input[type="email"], input[type="password"], textarea {
            color: $input-color;

            &::-webkit-input-placeholder {
                color: $input-placeholder;
            }

            &:-moz-placeholder {
                color: $input-placeholder;
            }

            &::-moz-placeholder {
                color: $input-placeholder;
            }

            &:-ms-input-placeholder {
                color: $input-placeholder;
            }
        }

        //Checkbox
        input[type="checkbox"] {
            display: none;

            & + label {
                margin: 0 0 5px;
                padding-left: 24px;
                text-align: left;
                line-height: 16px;

                span {
                    display: inline-block;
                    position: absolute;
                    top: 0;
                    left: 2px;
                    cursor: pointer;

                    &:before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        z-index: 1;
                        display: block;
                        width: 15px;
                        height: 15px;
                        background-color: $color-d;
                        @include border-radius(3px, 3px, 3px, 3px);
                    }
                }
            }

            &:checked + label span {
                &::after {
                    content: "\002714";
                    position: absolute;
                    top: -7px;
                    left: 0;
                    z-index: 2;
                    color: $color-alt1;
                    font-size: 24px;
                }
            }
        }

        //Submit
        *[type="submit"] {
            padding: 0;
            width: 100%;
        }

        //Textarea
        textarea {
            margin: 0;
            padding: {
                top: 10px;
                bottom: 10px;
            }
            height: 125px;
            line-height: lh(small);
            resize: none;
        }

        //Disabled
        input[disabled], select[disabled], textarea[disabled] {
            background: #e5e5e5;
        }

        //.input
        .input {
            margin-bottom: 20px;

            input {
                margin: 0;
            }

            &.required {
                label {
                    &:after {
                        content: ' *';
                        color: $color-alt1;
                    }
                }
            }
        }

        //.select
        .div-select {
            position: relative;
            height: $input-height;
            background: $color-white;
            border: 1px solid $input-border;
            cursor: pointer;

            &, & select {
                overflow: hidden;
            }

            &::after {
                content: "\f107";
                @include fa();
                position: absolute;
                top: 50%;
                right: 15px;
                margin-top: -10px;
            }

            select {
                margin: 0;
                width: 125% !important;
                background: transparent !important;
                border: 0;
                -webkit-appearance: initial;
            }
        }

        //.checkbox
        .checkbox {
            position: relative;
            margin: 0 0 10px;
            padding: 0;

            &:last-of-type {
                margin-bottom: 0;
            }

            label {
                margin: 0;
                padding: 0;
                color: $color-base;
                text: {
                    align: left;
                    transform: none;
                }

                &, & a {
                    font: {
                        weight: $font-alt1-weight-r;
                        size: 12px;
                    }
                    line-height: 16px;
                }
            }

            //.checkbox-submit
            &-submit {
                .checks {
                    float: left;
                }
            }
        }

        //.textarea
        .textarea {}

        //.checks
        .checks {
            margin-bottom: 20px;
        }

        //Error
        .error input[type="text"], .error input[type="email"], .error input[type="password"] {
            color: $alert-error-text !important;
            background-color: $alert-error-background !important;
            border-color: $alert-error-border !important;
        }

        label.error {
            color: $color-error !important;
        }
        
        //Alert
        .alert {
            font-size: fs(small);
        }

        //Formulario con fondo
        &-background {
            padding: 25px 20px;
            background-color: $color-f5;

            input[type="checkbox"] {
                & + label {
                    span {
                        &:before {
                            background-color: $color-c;
                        }
                    }
                }
            }
        }
    }
} // if