main#bg-principal {
    background: rgb(208,88,7);
    background: linear-gradient(90deg, rgba(208,88,7,1) 0%, rgba(221,105,21,1) 46%, rgba(226,108,14,1) 80%, rgba(203,107,23,1) 100%);
    height: 800px;
}

main#bg-principal #image-moca-wrapper{
    height: 410px;
}

main#bg-principal #main-cta-wrapper-right-2 {
    height: 390px;
}

main#bg-principal #image-moca {
    height: 350px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
}

main#bg-principal #logo-space {
    position: relative;
    top: -20px;
}

main#bg-principal h2#main-headline-1 {
    position: relative;
    top: -20px;
    left: -15px;
    font-size: 25px;
}

main#bg-principal h2#main-headline-2 {
    font-size: 25px;
}

main#bg-principal div#main-cta-wrapper-right a[role="button"] {
    border: 2px solid #fff;
    font-size: 14px;
    font-weight: 600;
}

main#bg-principal ul#personalize-lista {
    font-size: 18px;
    font-weight: 600;
}

@media only screen and (min-width: 768px) {
    main#bg-principal {
        height: 410px;
    }
    main#bg-principal #image-moca-wrapper{
        height: 410px;
    }
    main#bg-principal #image-moca {
        height: 350px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom left;
    }
    main#bg-principal #logo-space {
        position: relative;
        top: -20px;
    }
    main#bg-principal h2#main-headline-2 {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) {
    main#bg-principal {
        height: 410px;
    }
    main#bg-principal div#main-cta-wrapper-left {
        margin-top: 20px;
    }
    main#bg-principal #image-moca {
        height: 410px;
        background-size: 380px;
        background-repeat: no-repeat!important;
        background-position: bottom center;
    }
    main#bg-principal #logo-space {
        position: relative;
        top: 0;
    }
    main#bg-principal h2#main-headline-1 {
        position: relative;
        top: 0;
        font-size: 30px;
    }
    main#bg-principal h2#main-headline-2 {
        font-size: 32px;
    }
    main#bg-principal div#main-cta-wrapper-right a[role="button"] {
        border: 2px solid #fff;
        font-size: 1.2rem;
    }
    main#bg-principal ul#personalize-lista {
        font-size: 18px;
        font-weight: 600;
    }
}

section#como-funciona div.card {
    -webkit-box-shadow: 3px 3px 13px -5px rgba(77,77,77,1);
    -moz-box-shadow: 3px 3px 13px -5px rgba(77,77,77,1);
    box-shadow: 3px 3px 13px -5px rgba(77,77,77,1);
}

section#como-funciona div.card .card-body {
    min-height: 180px!important;
}

section#beneficios div.card {
    -webkit-box-shadow: 3px 3px 13px -5px rgba(77,77,77,1);
    -moz-box-shadow: 3px 3px 13px -5px rgba(77,77,77,1);
    box-shadow: 3px 3px 13px -5px rgba(77,77,77,1);
}

section#beneficios div.card .card-body {
    min-height: 90px!important;
}

section#faq #accordionFaq .card .card-header h2 button {
    color: var(--color-scapole-orange);
}

section#faq #accordionFaq .card .card-header h2 button:focus {
    outline: none;
    box-shadow: none;
}

section#faq #accordionFaq .card .card-body {
    color: var(--color-scapole-grey);
}