/** color-css **/

/**
 * ============================================================
 *  SISTEMA DE CORES — VARIÁVEIS GLOBAIS
 * ============================================================
 *
 *  Cor primária  : #164194  (Azul institucional)
 *  Cor secundária: #008BD2  (Azul claro/ciano)
 *
 *  Complementares geradas para harmonia visual:
 *  --cor-acento       : #FF6B35  (laranja — contraste quente para CTAs)
 *  --cor-destaque     : #00C08B  (verde-água — elementos de sucesso/hover)
 *  --cor-escuro       : #040837  (fundo escuro principal)
 *  --cor-escuro-2     : #0A1A3A  (fundo escuro alternativo)
 *  --cor-titulo       : #1d165c  (títulos — mantido para compatibilidade)
 *  --cor-gradiente-fim: #0D2B6B  (fim de gradientes com a primária)
 *
 *  Para alterar o tema, edite apenas as variáveis abaixo.
 * ============================================================
 */
:root {
    /* === Cores principais === */
    --cor-primaria:        #164194;
    --cor-secundaria:      #008BD2;

    /* === Complementares === */
    --cor-acento:          #FF6B35;
    --cor-destaque:        #00C08B;
    --cor-escuro:          #040837;
    --cor-escuro-2:        #0A1A3A;
    --cor-titulo:          #1d165c;
    --cor-gradiente-fim:   #0D2B6B;

    /* === Legado (mantido para compatibilidade) === */
    --roxo-chamativo:      var(--cor-primaria);
}

/* ============================================================
   BACKGROUNDS GLOBAIS
   ============================================================ */

.bg-color-2 {
    background: var(--cor-primaria);
}

.bg-color-3 {
    background: var(--cor-escuro);
}

.industries-section {
    background: var(--cor-escuro-2);
}

.industries-section .inner-box {
    background: var(--cor-escuro-2);
}

/* ============================================================
   CABEÇALHO PRINCIPAL (PADRÃO)
   ============================================================ */

.main-header .language .lang-dropdown {
    border-top: 2px solid var(--cor-primaria);
}

.main-header .language .lang-dropdown li a:hover {
    color: var(--cor-primaria);
}

.main-header .language .lang-btn:hover {
    color: var(--cor-primaria);
}

.main-header .search-box-outer .search-toggler:hover {
    color: var(--cor-primaria);
}

.main-menu .navigation li.dropdown .megamenu li a:hover {
    color: var(--cor-primaria);
}

.main-menu .navigation > li > ul > li > a:hover {
    color: var(--cor-primaria) !important;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a {
    color: var(--cor-primaria);
}

.main-menu .navigation > li > ul > li > a i {
    color: var(--cor-primaria);
}

.main-menu .navigation > li > ul > li > ul > li > a i {
    color: var(--cor-primaria);
}

.sticky-header .main-menu .navigation > li.current > a,
.sticky-header .main-menu .navigation > li:hover > a {
    color: var(--cor-primaria);
}

.sticky-header .main-menu .navigation > li > a {
    color: var(--cor-titulo);
}

/* ============================================================
   HEADER TOP
   ============================================================ */

.header-top .support a:hover {
    color: var(--cor-primaria);
}

.header-top .social-links li a:hover {
    color: var(--cor-primaria);
}

.header-top .support i {
    color: var(--cor-primaria);
}

/* ============================================================
   MOBILE MENU
   ============================================================ */

.mobile-menu .social-links li a:hover {
    color: var(--cor-primaria);
}

/* ============================================================
   BUSCA (SEARCH POPUP)
   ============================================================ */

.search-popup .recent-searches li a:hover {
    color: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

.search-popup .search-form fieldset input[type="submit"] {
    background: var(--cor-primaria);
}

/* ============================================================
   BOTÕES (THEME BUTTONS)
   ============================================================ */

/* Estilo 1 — gradiente primária */
.theme-btn.style-one {
    background-image: linear-gradient(to right, var(--cor-primaria) 0%, var(--cor-gradiente-fim) 50%, var(--cor-primaria) 100%);
}

.theme-btn.style-one span {
    color: var(--cor-primaria);
}

/* Estilo 2 — hover primária */
.theme-btn.style-two:before {
    background: var(--cor-primaria);
}

.theme-btn.style-two:after {
    background-image: linear-gradient(to right, var(--cor-primaria) 0%, var(--cor-gradiente-fim) 50%, var(--cor-primaria) 100%);
}

/* Estilo 3 — borda primária */
.theme-btn.style-three {
    color: var(--cor-titulo) !important;
    border: 1px solid var(--cor-primaria);
}

.theme-btn.style-three:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

/* Estilo 4 — btn-style-four */
.btn-style-four:before {
    background: var(--cor-primaria);
}

.btn-style-four {
    color: var(--cor-titulo);
}

.btn-style-four:hover {
    color: var(--cor-primaria) !important;
}

/* Estilo 5 — gradiente secundária/destaque */
.theme-btn.style-five {
    background-image: linear-gradient(to right, var(--cor-destaque) 0%, var(--cor-secundaria) 50%, var(--cor-destaque) 100%);
}

/* Estilo 6 — gradiente acento */
.theme-btn.style-six {
    background-image: linear-gradient(to right, var(--cor-acento) 0%, var(--cor-primaria) 50%, var(--cor-acento) 100%);
}

/* Estilo 7 — gradiente primária/secundária */
.theme-btn.style-seven {
    background-image: linear-gradient(to right, var(--cor-primaria) 0%, var(--cor-secundaria) 50%, var(--cor-primaria) 100%);
}

/* Estilo 8 — gradiente primária */
.btn-style-eight {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

/* Estilo 9 — gradiente secundária intensa */
.theme-btn.style-nine {
    background-image: linear-gradient(to right, var(--cor-secundaria) 0%, var(--cor-primaria) 50%, var(--cor-secundaria) 100%);
}

/* Estilo 10 — gradiente acento */
.theme-btn.style-ten {
    background-image: linear-gradient(to right, var(--cor-acento) 0%, #feb958 50%, var(--cor-acento) 100%);
}

/* ============================================================
   TIPOGRAFIA
   ============================================================ */

h1, h2, h3, h4, h5, h6 {
    color: var(--cor-titulo);
}

h3 a:hover {
    color: var(--cor-acento);
}

h4 a {
    color: var(--cor-titulo);
}

h4 a:hover {
    color: var(--cor-primaria);
}

/* ============================================================
   SEÇÃO: SERVIÇOS (STYLE-ONE)
   ============================================================ */

.service-block-one .inner-box .icon-box i {
    color: var(--cor-secundaria);
}

.service-block-one .inner-box:before {
    background: linear-gradient(-30deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

/* ============================================================
   SEÇÃO: SOBRE (ABOUT)
   ============================================================ */

.about-section .inner-box .video-inner a {
    background: linear-gradient(-45deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

.about-section .tab-btn-box .tab-btns li.active-btn:before,
.about-section .tab-btn-box .tab-btns li:hover:before {
    color: var(--cor-primaria);
}

.about-section .tab-btn-box .tab-btns li:after {
    background: var(--cor-primaria);
}

/* ============================================================
   SEÇÃO: PROCESSO / TRABALHO (WORK BLOCKS)
   ============================================================ */

.work-block-one .inner-box .icon-box {
    color: var(--cor-secundaria);
}

.work-block-one .inner-box .icon-box .count {
    color: var(--cor-titulo);
}

.work-block-one .inner-box .icon-box .count:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

.work-block-two .inner-box .icon-box {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.work-block-two .inner-box:hover .icon-box i {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.work-block-two .inner-box .count-box {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.work-block-two .inner-box .count-box span {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.work-block-three .inner-box:hover .icon-box i {
    background: linear-gradient(0deg, var(--cor-secundaria), var(--cor-primaria) 100%);
}

/* ============================================================
   SEÇÃO: INDÚSTRIAS
   ============================================================ */

.industries-section .inner-box:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
    border: none;
}

.industries-section .inner-box:hover .btn-box a {
    color: var(--cor-secundaria);
}

.industries-section .inner-box:hover .icon-box {
    color: var(--cor-secundaria);
}

/* ============================================================
   SEÇÃO: HABILIDADES / PROGRESSO
   ============================================================ */

#content_block_02 .content-box .inner-box .progress-box .count-text {
    color: var(--cor-titulo);
}

#content_block_02 .content-box .inner-box .progress-box .icon-box {
    color: var(--cor-primaria);
}

#content_block_02 .content-box .inner-box .progress-box .bar-inner {
    background: var(--cor-primaria);
}

#content_block_02 .content-box .inner-box .progress-box .bar-inner:before {
    border: 2px solid var(--cor-primaria);
}

.skills-style-two #content_block_02 .content-box .inner-box .progress-box .icon-box {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.skills-style-two #content_block_02 .content-box .inner-box .progress-box .bar-inner {
    background: var(--cor-primaria);
}

.skills-style-two #content_block_02 .content-box .inner-box .progress-box .bar-inner:before {
    background: var(--cor-primaria);
}

/* ============================================================
   BLOCOS DE CONTEÚDO (#content_block_*)
   ============================================================ */

#content_block_01 .content-box .list-item li span {
    background: var(--cor-primaria);
}

#content_block_01 .content-box .list-item li span:before {
    border: 1px solid var(--cor-primaria);
}

#content_block_01 .content-box .list-item li span:after {
    border: 1px solid var(--cor-primaria);
}

#content_block_03 .content-box .lower-box .icon-box i {
    background: linear-gradient(0deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

#content_block_03 .content-box .lower-box a {
    color: var(--cor-destaque);
}

#content_block_04 .content-box .single-item .icon-box i {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

#content_block_04 .content-box .single-item .box h4:before {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

#content_block_04 .content-box .single-item .box a i {
    color: var(--cor-destaque);
}

#content_block_04 .content-box .single-item .box a:hover {
    color: var(--cor-destaque);
}

#content_block_07 .accordion-box .block .acc-btn.active {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

#content_block_08 .content-box .list-item li span {
    background: var(--cor-primaria);
}

#content_block_08 .content-box .list-item li span:before {
    border: 1px solid var(--cor-primaria);
}

#content_block_08 .content-box .list-item li span:after {
    border: 1px solid var(--cor-primaria);
}

#content_block_08 .content-box .lower-text h6 a {
    color: var(--cor-primaria);
}

#content_block_09 .content-box #contact-form .form-group input:focus,
#content_block_09 .content-box #contact-form .form-group textarea:focus {
    border-color: var(--cor-primaria) !important;
}

#content_block_10 .content-box .two-column .single-item .icon-box {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

#content_block_11 .content-box .video-btn a {
    background: linear-gradient(-45deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

#content_block_12 .content-box .inner-box .single-item:hover h4:before {
    border: 1px dashed var(--cor-acento);
}

#content_block_12 .content-box .inner-box .single-item:hover .box .icon-box {
    background: linear-gradient(-90deg, var(--cor-acento), var(--cor-primaria) 100%);
}

/* ============================================================
   SEÇÃO: DEPOIMENTOS (TESTIMONIALS)
   ============================================================ */

.testimonial-section .testimonial-content .inner-box .icon-box {
    background: linear-gradient(-30deg, var(--cor-acento), var(--cor-primaria) 100%);
}

.testimonial-section .testimonial-content .inner-box .inner .author-info .designation {
    color: var(--cor-primaria);
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
    color: var(--cor-primaria);
}

.testimonial-style-two .lower-content .testimonial-content .inner-box .content-box {
    background: linear-gradient(-45deg, var(--cor-destaque) 25%, var(--cor-secundaria) 100%);
}

.testimonial-style-two.alternate-2 .lower-content .testimonial-content .inner-box .content-box {
    background: var(--cor-primaria);
}

.testimonial-style-two.alternate-2 .lower-content .testimonial-content .inner-box .content-box .text:before {
    color: var(--cor-gradiente-fim);
}

.testimonial-style-three .slider-pager .thumb-box li a.active .thumb {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.testimonial-style-three .testimonial-content .content-box .author-info .designation {
    color: var(--cor-acento);
}

.testimonial-style-three .slider-pager .elipse-box .elipse {
    background: var(--cor-secundaria);
}

.testimonial-style-four .testimonial-content .inner-box .upper-box .rating li {
    color: #eabe37;
}

.testimonial-style-four .testimonial-content .inner-box:hover .author-info .image-box {
    background: linear-gradient(0deg, var(--cor-secundaria), var(--cor-primaria) 100%);
}

.testimonial-style-four .owl-nav .owl-prev:before,
.testimonial-style-four .owl-nav .owl-next:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

/* ============================================================
   SEÇÃO: CASES / PROJETOS
   ============================================================ */

.case-block-one .inner-box:before {
    background: linear-gradient(-45deg, purple, var(--cor-secundaria) 100%);
}

.case-block-two .inner-box .image-box .overlay-layer {
    background: linear-gradient(-45deg, rgba(22, 65, 148, 0.9), rgba(0, 139, 210, 0.9) 100%);
}

.case-block-two .inner-box .image-box .client-box span {
    color: var(--cor-titulo);
}

.case-style-two .owl-theme .owl-dots .owl-dot.active span,
.case-style-two .owl-theme .owl-dots .owl-dot span:hover {
    background: linear-gradient(90deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.case-style-three .case-block-two .inner-box .image-box .overlay-layer {
    background: linear-gradient(-45deg, rgba(22, 65, 148, 0.9), rgba(0, 139, 210, 0.9) 100%);
}

.case-style-three .case-block-two .inner-box .lower-content .link i {
    color: var(--cor-secundaria);
}

.case-style-three .case-block-two .inner-box .lower-content .link a:hover {
    color: var(--cor-secundaria);
}

.case-style-four .case-block-two .inner-box .image-box .overlay-layer {
    background: linear-gradient(0deg, var(--cor-acento), #feb857 100%);
}

.case-style-four .owl-nav .owl-prev:before,
.case-style-four .owl-nav .owl-next:before {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

/* ============================================================
   SEÇÃO: NOTÍCIAS / BLOG
   ============================================================ */

.news-block-one .inner-box .image-box:before {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-gradiente-fim) 100%);
}

.news-block-one .inner-box .lower-content .file-box i {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-gradiente-fim) 100%);
}

.news-block-one .inner-box .lower-content .title-box .post-date {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-gradiente-fim) 100%);
}

.news-block-two .inner-box .image-box:before {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-gradiente-fim) 100%);
}

.news-block-two .image-box .btn-box a span {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-gradiente-fim) 100%);
}

/* --- News style-two (secundária/destaque) --- */
.news-section.style-two .news-block-one .inner-box .image-box:before {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.news-section.style-two .news-block-one .inner-box .lower-content .file-box i {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.news-section.style-two .news-block-one .inner-box .lower-content .title-box .post-date {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.news-section.style-two .news-block-one .inner-box .lower-content .link a i {
    color: var(--cor-destaque);
}

.news-section.style-two .news-block-one .inner-box .lower-content .link a:hover {
    color: var(--cor-destaque);
}

/* --- News style-three (primária/secundária) --- */
.news-section.style-three .news-block-one .inner-box .lower-content .file-box i {
    background: linear-gradient(-45deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.news-section.style-three .news-block-one .inner-box .lower-content .title-box .post-date {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.news-section.style-three .news-block-one .inner-box .image-box:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.news-section.style-three .news-block-one .inner-box .lower-content .link a i {
    color: var(--cor-secundaria);
}

.news-section.style-three .news-block-one .inner-box .lower-content .link a:hover {
    color: var(--cor-secundaria);
}

/* --- News style-four --- */
.news-section.style-four .news-block-one .inner-box .image-box:before {
    background: linear-gradient(0deg, var(--cor-gradiente-fim), var(--cor-primaria) 100%);
}

.news-section.style-four .news-block-one .inner-box .lower-content .file-box i {
    background: linear-gradient(0deg, var(--cor-gradiente-fim), var(--cor-primaria) 100%);
}

.news-section.style-four .news-block-one .inner-box .lower-content .title-box .post-date {
    background: linear-gradient(-45deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.news-section.style-four .news-block-one .inner-box .lower-content .link a:before {
    color: var(--cor-primaria);
}

.news-section.style-four .news-block-one .inner-box .lower-content .link a:hover {
    color: var(--cor-primaria);
}

/* --- News style-five (acento/quente) --- */
.news-section.style-five .owl-nav .owl-prev:before,
.news-section.style-five .owl-nav .owl-next:before {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

.news-section.style-five .news-block-one .lower-content .link a:hover,
.news-section.style-five .news-block-one .lower-content .link a:hover i {
    color: var(--cor-acento);
}

.news-section.style-five .news-block-one .inner-box .image-box:before {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

.news-section.style-five .news-block-one .inner-box .lower-content .file-box i {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

.news-section.style-five .news-block-one .inner-box .lower-content .title-box .post-date {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

/* ============================================================
   SEÇÃO: CONTADORES
   ============================================================ */

.counter-block-one .inner-box .icon-box {
    background: linear-gradient(-45deg, purple, var(--cor-secundaria) 100%);
}

.counter-block-one .inner-box .count-outer {
    color: var(--cor-titulo);
}

/* ============================================================
   SEÇÃO: TECNOLOGIAS
   ============================================================ */

.technology-block-one .inner-box .icon-box i {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.technology-block-one .inner-box .icon-box:before {
    background: var(--cor-secundaria);
}

.technology-block-one .inner-box:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.technology-style-two .lower-box {
    background: linear-gradient(0deg, var(--cor-gradiente-fim), var(--cor-primaria) 100%);
}

/* ============================================================
   SEÇÃO: POR QUE NOS ESCOLHER (CHOOSEUS)
   ============================================================ */

.chooseus-style-two .single-item .inner-box .box .icon-box {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.chooseus-style-three .inner-box .single-item .box .icon-box {
    background: var(--cor-gradiente-fim);
}

.chooseus-style-three .inner-column:last-child .inner-box .single-item:first-child .box .icon-box {
    background: var(--cor-primaria);
}

.chooseus-style-three .inner-column:last-child .inner-box .single-item:last-child .box .icon-box {
    background: var(--cor-secundaria);
}

.chooseus-style-three .inner-box .single-item h3:after {
    border: 1px dashed var(--cor-gradiente-fim);
}

.chooseus-style-three .inner-column:last-child .inner-box .single-item:first-child h3:after {
    border: 1px dashed var(--cor-primaria);
}

.chooseus-style-three .inner-column:last-child .inner-box .single-item:last-child h3:after {
    border: 1px dashed var(--cor-secundaria);
}

/* ============================================================
   SEÇÃO: EQUIPE
   ============================================================ */

.team-block-one .inner-box .image-box {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.team-block-one .inner-box .image-box .contact-box .social-links .list li a:hover {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.team-block-one .inner-box .image-box .contact-box:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.team-section.alternate-2 .team-block-one .inner-box .image-box .contact-box .email i:hover,
.team-section.alternate-2 .team-block-one .inner-box .image-box .contact-box .social-links .share:hover {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-primaria) 100%);
}

.team-block-two .inner-box:hover .image-box .contact-box .email i {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

.team-block-two .inner-box:hover .image-box .contact-box .social-links .share {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

.team-block-two .inner-box .image-box .contact-box .social-links .list li a:hover {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

.team-block-two .inner-box:before {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

/* ============================================================
   SEÇÃO: PREÇOS (PRICING)
   ============================================================ */

.pricing-block-one .pricing-table .table-header .header-lower h1 {
    color: var(--cor-primaria);
}

.pricing-block-one .pricing-table .table-header .header-lower p {
    color: var(--cor-titulo);
}

.pricing-block-one.active-block .pricing-table .table-header {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.pricing-block:last-child .pricing-block-one .pricing-table .table-header .header-lower h1 {
    color: var(--cor-secundaria);
}

/* ============================================================
   SEÇÃO: FAQ / ACORDEÃO
   ============================================================ */

.video-faq .video-inner .video-content a {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

.faq-page-section .accordion-box .block .acc-btn.active .icon-outer {
    color: var(--cor-primaria);
}

.faq-page-section .inner-box .icon-box {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-gradiente-fim) 100%);
}

/* ============================================================
   SEÇÃO: VÍDEO
   ============================================================ */

#video_block_01 .video-inner .video-btn a i {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

/* ============================================================
   SEÇÃO: ASSINATURA / SUBSCRIBE
   ============================================================ */

.subscribe-us .subscribe-inner .form-group {
    border: 1px solid var(--cor-destaque);
}

.subscribe-us .subscribe-inner .form-group button i {
    color: var(--cor-destaque);
}

.subscribe-us .subscribe-inner .form-group button:hover {
    color: var(--cor-destaque);
}

.subscribe-us .subscribe-inner .form-group button:before {
    background: var(--cor-secundaria);
}

.subscribe-section {
    background: linear-gradient(0deg, var(--cor-gradiente-fim), var(--cor-primaria) 100%);
}

.subscribe-section .inner-box .subscribe-form .form-group button {
    background: linear-gradient(0deg, var(--cor-acento), #feb857 100%);
}

.subscribe-section.style-two .inner-box .link-box li a i {
    color: var(--cor-acento);
}

.subscribe-section.style-two .inner-box .link-box li a:hover {
    color: var(--cor-acento);
}

.subscribe-section.style-two .inner-box .subscribe-form .form-group input:focus {
    border-color: var(--cor-acento);
}

/* ============================================================
   SEÇÃO: INFORMAÇÕES (INFO-SECTION)
   ============================================================ */

.info-section .inner-container .info-inner .info-box .box .icon-box {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.info-section.alternate-2 .inner-container .info-inner .info-box .box .icon-box {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-primaria) 100%);
}

/* ============================================================
   SEÇÃO: SERVIÇOS — VARIANTES
   ============================================================ */

/* Style-two */
.service-block-two .inner-box {
    background: var(--cor-escuro);
}

.service-block-two .inner-box .text-layer h2 {
    color: var(--cor-escuro);
}

.service-block-two .inner-box .icon-box {
    background: linear-gradient(0deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.service-block-two .inner-box h4 a:hover {
    color: var(--cor-destaque);
}

.service-block-two .inner-box .link a i {
    color: var(--cor-destaque);
}

.service-block-two .inner-box .link a:hover {
    color: var(--cor-destaque);
}

.service-block-two .inner-box:before {
    background: #1b1e41;
}

.service-block-two .inner-box:hover .text-layer h2 {
    color: #1b1e41;
}

/* Style-three */
.service-block-three .inner-box .link a:hover,
.service-block-three .inner-box h3 a:hover {
    color: var(--cor-primaria);
}

/* Style-four */
.service-block-four .inner-box .link a:hover {
    color: var(--cor-acento);
}

.service-block-four .inner-box .link a i {
    color: var(--cor-acento);
}

.service-style-four .owl-nav .owl-prev:before,
.service-style-four .owl-nav .owl-next:before {
    background: linear-gradient(0deg, var(--cor-acento), #feb958 100%);
}

.service-style-four .anim-icon .icon-1,
.service-style-four .anim-icon .icon-2 { border: 3px solid #f49f7b; }
.service-style-four .anim-icon .icon-3 { border: 2px solid #f49f7b; }
.service-style-four .anim-icon .icon-4,
.service-style-four .anim-icon .icon-5,
.service-style-four .anim-icon .icon-9,
.service-style-four .anim-icon .icon-10,
.service-style-four .anim-icon .icon-11 { background: #01cccb; }
.service-style-four .anim-icon .icon-6  { background: #f49f7b; }
.service-style-four .anim-icon .icon-7,
.service-style-four .anim-icon .icon-8  { border: 2px solid #de9dad; }
.service-style-four .anim-icon .icon-12 { background: #de9dad; }
.service-style-four .anim-icon .icon-13 { background: #f39f7b; }
.service-style-four .anim-icon .icon-14 { border: 2px solid #f4aa8b; }
.service-style-four .anim-icon .icon-15 { border: 2px solid #d799a9; }

/* Style-five */
.service-block-five .inner-box:hover .icon-box {
    background: linear-gradient(-45deg, var(--cor-secundaria), var(--cor-primaria) 100%);
}

.service-block-five .inner-box .list-item li span {
    background: var(--cor-primaria);
}

.service-block-five .inner-box .list-item li span:before {
    border: 1px solid var(--cor-primaria);
}

.service-block-five .inner-box .list-item li span:after {
    border: 1px solid var(--cor-primaria);
}

.service-block-five .inner-box:before {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-primaria) 100%);
}

/* ============================================================
   SEÇÃO: PROCESSO (STYLE-TWO ALTERNATE-2)
   ============================================================ */

.process-style-two.alternate-2 .work-block-two .inner-box .icon-box,
.process-style-two.alternate-2 .work-block-two .inner-box:hover .icon-box i,
.process-style-two.alternate-2 .work-block-two .inner-box .count-box,
.process-style-two.alternate-2 .work-block-two .inner-box .count-box span {
    background: linear-gradient(-45deg, var(--cor-secundaria), var(--cor-primaria) 100%);
}

/* ============================================================
   SEÇÃO: HISTÓRICO
   ============================================================ */

.history-section .inner-box .single-item .inner .year span:after {
    background: var(--cor-primaria);
}

.history-section .inner-box .single-item .inner:hover .year span {
    border-color: var(--cor-primaria);
}

/* ============================================================
   SEÇÃO: PRÊMIOS (AWARDS)
   ============================================================ */

.award-section .single-item .icon-box i              { background: var(--cor-acento); }
.award-section .owl-item:nth-child(2n+1)  .single-item .icon-box i { background: var(--cor-primaria); }
.award-section .owl-item:nth-child(3n+1)  .single-item .icon-box i { background: #feb958; }
.award-section .owl-item:nth-child(4n+1)  .single-item .icon-box i { background: #00dfcb; }

.award-style-two .testimonial-content .inner-box .rating li {
    color: #f7d416;
}

.award-style-two .testimonial-content .inner-box .author-info .designation {
    color: var(--cor-primaria);
}

.award-style-two .owl-nav .owl-prev:hover,
.award-style-two .owl-nav .owl-next:hover {
    border-color: var(--cor-secundaria);
    background: var(--cor-secundaria);
}

/* ============================================================
   NAVEGAÇÃO OWL (NAV-STYLE-ONE)
   ============================================================ */

.nav-style-one .owl-nav .owl-next:hover:after,
.nav-style-one .owl-nav .owl-prev:hover:after { background: var(--cor-destaque); }
.nav-style-one .owl-nav .owl-next:hover:before,
.nav-style-one .owl-nav .owl-prev:hover:before { border-color: var(--cor-destaque); }

/* ============================================================
   RODAPÉ (FOOTERS)
   ============================================================ */

/* Footer padrão */
.main-footer .widget-section .links-widget .widget-content ul li a:before {
    background: var(--cor-primaria);
}

.main-footer .widget-section .about-widget .widget-content .subscribe-box .form-group input:focus {
    border-color: var(--cor-gradiente-fim) !important;
}

.main-footer .footer-bottom.style-one .copyright p a:hover,
.main-footer .footer-bottom.style-one .footer-nav li a:hover {
    color: var(--cor-primaria);
}

/* Footer style-two */
.footer-style-two .widget-section .links-widget .widget-content .links li a:before,
.footer-style-two .widget-section .links-widget .widget-content .links li a:after {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.footer-style-two .widget-section .post-widget .widget-content .post .post-date,
.footer-style-two .widget-section .post-widget .widget-content .post .file-box i {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

.footer-style-two .widget-section .post-widget .widget-content .post h5 a:hover {
    color: var(--cor-destaque);
}

.footer-style-two .widget-section .gallery-widget .widget-content .list li .image-box {
    background: linear-gradient(-45deg, var(--cor-destaque), var(--cor-secundaria) 100%);
}

/* Footer style-three */
.footer-style-three .footer-top .widget-section .subscribe-widget .widget-content .subscribe-form .form-group input:focus {
    border-color: var(--cor-primaria) !important;
}

.footer-style-three .footer-top .widget-section .subscribe-widget .widget-content .social-links li a:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

/* Footer style-four */
.footer-style-four .footer-top .widget-section .logo-widget .social-links li a:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-secundaria) 100%);
}

/* Footer style-five */
.footer-style-five .footer-top .twitter-widget .widget-content .text p a {
    color: var(--cor-acento);
}

.footer-style-five .footer-top .twitter-widget .widget-content .box i {
    color: var(--cor-acento);
}

/* ============================================================
   CABEÇALHOS DE ESTILOS VARIANTES
   ============================================================ */

/* Header style-two (destaque verde-água) */
.main-header.style-two .header-top .links li a:hover,
.main-header.style-two .header-top .social-links li a:hover,
.main-header.style-two .header-top .request-btn i,
.header-top .request-btn a:hover,
.main-header.style-two .header-top .support i,
.main-header.style-two .header-top .support a:hover,
.main-header.style-two .header-top .search-box-outer .search-toggler:hover,
.main-header.style-two .header-top .language .lang-btn:hover { color: var(--cor-destaque); }

.main-header.style-two .header-top .language .lang-dropdown { border-top: 2px solid var(--cor-destaque); }
.main-header.style-two .header-top .language .lang-dropdown li a:hover { color: var(--cor-destaque); }

.main-header.style-two .sticky-header .main-menu .navigation > li.current > a:after,
.main-header.style-two .sticky-header .main-menu .navigation > li:hover > a:after { color: var(--cor-destaque); }

.main-header.style-two .sticky-header .main-menu .navigation > li.current > a,
.main-header.style-two .sticky-header .main-menu .navigation > li:hover > a { color: var(--cor-destaque) !important; }

.main-header.style-two .main-menu .navigation > li > ul > li > a:hover,
.main-header.style-two .main-menu .navigation li.dropdown .megamenu li a:hover { color: var(--cor-destaque) !important; }

.main-header.style-two .main-menu .navigation > li > ul > li > ul > li:hover > a { color: var(--cor-destaque) !important; }

.main-header.style-two .main-menu .navigation > li > ul > li > ul > li > a i,
.main-header.style-two .main-menu .navigation > li > ul > li > a i { color: var(--cor-destaque) !important; }

/* Header style-three */
.main-header.style-three .right-column .social-links li a:hover { color: var(--cor-primaria); }
.main-header.style-three .sticky-header { background: var(--cor-primaria); }

.main-header.style-three .main-menu .navigation > li > ul > li > a:hover,
.main-header.style-three .main-menu .navigation li.dropdown .megamenu li a:hover { color: var(--cor-primaria) !important; }

.main-header.style-three .main-menu .navigation > li > ul > li > ul > li:hover > a { color: var(--cor-primaria) !important; }

.main-header.style-three .main-menu .navigation > li > ul > li > ul > li > a i,
.main-header.style-three .main-menu .navigation > li > ul > li > a i { color: var(--cor-primaria) !important; }

/* Header style-four */
.main-header.style-four .header-top .info-box li i,
.main-header.style-four .header-top .info-box li a:hover,
.main-header.style-four .header-top .request-btn a:hover,
.main-header.style-four .header-top .request-btn i,
.main-header.style-four .search-box-outer .search-toggler:hover,
.main-header.style-four .search-box-outer .search-toggler:hover i,
.main-header.style-four .menu-right-content .social-links li a:hover { color: var(--cor-secundaria); }

.main-header.style-four .language .lang-dropdown { border-top: 2px solid var(--cor-secundaria); }
.main-header.style-four .language .lang-dropdown li a:hover { color: var(--cor-secundaria); }
.main-header.style-four .menu-area .mobile-nav-toggler .icon-bar { background: var(--cor-secundaria); }

.main-header.style-four .sticky-header .main-menu .navigation > li.current > a,
.main-header.style-four .main-menu .navigation > li:hover > a { color: var(--cor-secundaria); }

.main-header.style-four .sticky-header .main-menu .navigation > li.current > a:after,
.main-header.style-four .sticky-header .main-menu .navigation > li:hover > a:after { color: var(--cor-secundaria); }

.main-header.style-four .sticky-header .main-menu .navigation > li.current > a:after,
.main-header.style-four .sticky-header .main-menu .navigation > li:hover > a:after { color: var(--cor-secundaria); }

.main-header.style-four .main-menu .navigation > li > ul > li > a:hover,
.main-header.style-four .main-menu .navigation li.dropdown .megamenu li a:hover { color: var(--cor-secundaria) !important; }

.main-header.style-four .main-menu .navigation > li > ul > li > ul > li:hover > a { color: var(--cor-secundaria) !important; }

.main-header.style-four .main-menu .navigation > li > ul > li > ul > li > a i,
.main-header.style-four .main-menu .navigation > li > ul > li > a i { color: var(--cor-secundaria) !important; }

.main-header.style-four .sticky-header .main-menu .navigation > li.current > a:after,
.main-header.style-four .sticky-header .main-menu .navigation > li:hover > a:after { color: var(--cor-secundaria); }

/* Header style-five */
.main-header.style-five .main-menu .navigation > li.current > a,
.main-header.style-five .main-menu .navigation > li:hover > a { color: var(--cor-acento); }

.main-header.style-five .main-menu .navigation > li.current > a:after,
.main-header.style-five .main-menu .navigation > li:hover > a:after { color: var(--cor-acento); }

.main-header.style-five .main-menu .navigation li.current.dropdown .dropdown-btn,
.main-header.style-five .main-menu .navigation li:hover .dropdown-btn { color: var(--cor-acento); }

.main-header.style-five .search-box-outer .search-toggler:hover { color: var(--cor-acento); }

.main-header.style-five .header-upper .menu-right-content .phone h4 a:hover { color: var(--cor-acento); }

.main-header.style-five .sticky-header .menu-right-content .phone h4 a:hover { color: var(--cor-acento); }

.main-header.style-five .main-menu .navigation > li > ul > li > a:hover,
.main-header.style-five .main-menu .navigation li.dropdown .megamenu li a:hover { color: var(--cor-acento) !important; }

.main-header.style-five .main-menu .navigation > li > ul > li > ul > li:hover > a { color: var(--cor-acento) !important; }

.main-header.style-five .main-menu .navigation > li > ul > li > ul > li > a i,
.main-header.style-five .main-menu .navigation > li > ul > li > a i { color: var(--cor-acento) !important; }

/* ============================================================
   BANNERS
   ============================================================ */

.banner-style-three .content-box h1 {
    color: var(--cor-titulo);
}

.banner-style-five .content-box a:hover {
    color: var(--cor-acento);
}

.banner-style-five .anim-icon .icon.bg-color {
    background: linear-gradient(0deg, #c1acf3, #eed4ca 100%);
}

.banner-style-two .image-box .anim-icon .icon {
    background: var(--cor-secundaria);
}

/* ============================================================
   IMAGENS ESPECIAIS
   ============================================================ */

#image_block_03 .image-box .image-3:before {
    border: 2px dotted var(--cor-secundaria);
}

#image_block_05 .image-box .elipse {
    background: var(--cor-primaria);
}

#image_block_05 .image-box .text span,
#image_block_05 .image-box .text h5 {
    color: var(--cor-primaria);
}

/* ============================================================
   INDÚSTRIAS STYLE-TWO
   ============================================================ */

.industries-style-two .video-box a:hover {
    color: var(--cor-secundaria);
}

/* ============================================================
   SIDEBAR
   ============================================================ */

.sidebar-page-container .sidebar .sidebar-search .form-group input:focus {
    border-color: var(--cor-primaria) !important;
}

.sidebar-page-container .sidebar .sidebar-categories .categories-list li a:hover:before,
.sidebar-page-container .sidebar .sidebar-categories .categories-list li a.active:before {
    border-color: var(--cor-primaria);
    background: var(--cor-primaria);
}

.sidebar-page-container .sidebar .sidebar-post .post-inner .post .post-date,
.sidebar-page-container .sidebar .sidebar-post .post-inner .post .file-box i {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-gradiente-fim) 100%);
}

.sidebar-page-container .sidebar .sidebar-post .post-inner .post h5 a:hover {
    color: var(--cor-gradiente-fim);
}

.sidebar-page-container .sidebar .sidebar-instagram .widget-content .image-list li .image {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-gradiente-fim) 100%);
}

.sidebar-page-container .sidebar .sidebar-subscribe .subscribe-form .form-group input:focus + button,
.sidebar-page-container .sidebar .sidebar-subscribe .subscribe-form .form-group button:hover {
    color: var(--cor-gradiente-fim);
}

.sidebar-page-container .sidebar .sidebar-tags .tags-list li a:hover {
    color: var(--cor-primaria);
}

/* ============================================================
   BLOG
   ============================================================ */

.blog-classic-grid .news-block-one .btn-style-four:hover:before {
    background: var(--cor-primaria);
}

.blog-classic-sidebar .news-block-one .lower-content .btn-style-four:hover span,
.blog-masonry .news-block-one .lower-content .btn-style-four:hover span {
    background: linear-gradient(-45deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

.blog-masonry .more-btn .theme-btn.style-three:after {
    background: var(--cor-primaria);
}

.page-title:before {
    background: var(--cor-primaria);
}

.page-title .content-box .file-box i {
    color: var(--cor-primaria);
}

.blog-details-content .inner-box .text blockquote {
    background: var(--cor-primaria);
}

.blog-details-content .inner-box .accordion-box .block .acc-btn.active .icon-outer {
    color: var(--cor-primaria);
}

.blog-details-content .post-share-option .post-tags .tags-list li a:hover {
    color: var(--cor-primaria);
}

.blog-details-content .post-share-option .post-tags .tags-list li i {
    color: var(--cor-primaria);
}

.blog-details-content .post-share-option .post-social .social-list li a         { background: #3b5998; }
.blog-details-content .post-share-option .post-social .social-list li:nth-child(2) a { background: #55acee; }
.blog-details-content .post-share-option .post-social .social-list li:nth-child(3) a { background: #dc4e41; }
.blog-details-content .post-share-option .post-social .social-list li:last-child a   { background: #bd081c; }

.blog-details-content .post-share-option .post-social .social-list li a:hover {
    background: var(--cor-primaria) !important;
}

.blog-details-content .author-box .inner .share .share-btn:hover {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

.blog-details-content .author-box .inner .share .social-links li a:hover,
.blog-details-content .author-box .inner .author-info p a:hover {
    color: var(--cor-primaria);
}

.blog-details-content .comments-area .comment-box .comment .comment-inner .replay-btn a:hover {
    color: var(--cor-primaria);
}

.blog-details-content .comments-form-area .form-group input:focus,
.blog-details-content .comments-form-area .form-group textarea:focus {
    border-color: var(--cor-primaria) !important;
}

.blog-details-content .comments-form-area .form-group .theme-btn.style-three:after {
    background: var(--cor-primaria);
}

.nav-btn-box .box .post-date,
.nav-btn-box .btn-inner .box .file-box i {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-gradiente-fim) 100%);
}

/* ============================================================
   DETALHE DE SERVIÇOS
   ============================================================ */

.service-details-content .inner-box .two-column .left-column .title-box .btn-style-four {
    border: 1px solid var(--cor-primaria);
}

.service-details-content .inner-box .carousel-box .single-item .box .icon-box {
    background: linear-gradient(-45deg, var(--cor-acento), var(--cor-primaria) 100%);
}

.service-details-content .inner-box .carousel-box .owl-dots .owl-dot.active span,
.service-details-content .inner-box .carousel-box .owl-dots .owl-dot span:hover {
    border-color: var(--cor-acento);
}

.service-details-content .inner-box .technology-box .content-box .list-item li span {
    background: var(--cor-primaria);
}

.service-details-content .inner-box .technology-box .content-box .list-item li span:before,
.service-details-content .inner-box .technology-box .content-box .list-item li span:after {
    border: 1px solid var(--cor-primaria);
}

.service-details-content .inner-box .technology-box .icon-box .icon-1 { background: var(--cor-primaria); }
.service-details-content .inner-box .technology-box .icon-box .icon-2 { background: var(--cor-acento); }
.service-details-content .inner-box .technology-box .icon-box .icon-3 { background: var(--cor-secundaria); }

.service-details-content .inner-box .application-box .single-item .box:before {
    background: linear-gradient(-45deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

.service-details-content .inner-box .recent-case .case-block-two .inner-box .image-box .overlay-layer {
    background: linear-gradient(-90deg, rgba(22, 65, 148, 0.9), rgba(0, 139, 210, 0.9) 100%);
}

.service-sidebar .sidebar-categories li a:before {
    background: linear-gradient(0deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

.service-sidebar .sidebar-categories li a i {
    color: var(--cor-secundaria);
}

.service-sidebar .sidebar-file .download-option li .icon-box a:hover {
    color: var(--cor-acento);
}

.service-sidebar .sidebar-testimonial .content-box .upper-box .rating li {
    color: #f7d416;
}

.service-sidebar .sidebar-testimonial .content-box .author-info .designation {
    color: var(--cor-primaria);
}

/* ============================================================
   PÁGINAS DE PROJETO
   ============================================================ */

.project-page .case-block-two .inner-box .lower-content .box h3 a:hover {
    color: var(--cor-secundaria);
}

.project-page .case-block-two .inner-box .image-box .overlay-layer {
    background: linear-gradient(-90deg, rgba(22, 65, 148, 0.9), rgba(0, 139, 210, 0.9) 100%);
}

.project-page .filter-btns li.active,
.project-page .filter-btns li:hover {
    color: var(--cor-primaria);
}

.project-page .filter-btns li span {
    color: var(--cor-primaria);
}

.project-page.case-style-three .case-block-two .inner-box .lower-content .link .btn-style-four:hover span {
    background: linear-gradient(-45deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

.project-details-content .data-box .intro-box .single-item .left-column .icon-box {
    color: var(--cor-acento);
}

.project-details-content .processing-system .tab-btn-box .tab-btns li.active-btn span,
.project-details-content .processing-system .tab-btn-box .tab-btns li span:hover {
    background: var(--cor-acento);
}

.project-details-content .processing-system .tab-btn-box .tab-btns li.active-btn span:before,
.project-details-content .processing-system .tab-btn-box .tab-btns li span:hover:before {
    background: var(--cor-acento);
}

.project-sidebar .info-box:before {
    background: var(--cor-acento);
}

.project-sidebar .info-box .single-item .text a:hover {
    color: var(--cor-acento);
}

/* ============================================================
   PAGINAÇÃO
   ============================================================ */

.pagination li a:hover,
.pagination li a.active {
    background: linear-gradient(-45deg, var(--cor-primaria), var(--cor-gradiente-fim) 100%);
}

/* ============================================================
   CONTATOS (ALTERNATE)
   ============================================================ */

.contact-section.alternate-2 #content_block_09 .content-box #contact-form .form-group input:focus,
.contact-section.alternate-2 #content_block_09 .content-box #contact-form .form-group textarea:focus,
.contact-section.alternate-3 #content_block_09 .content-box #contact-form .form-group input:focus,
.contact-section.alternate-3 #content_block_09 .content-box #contact-form .form-group textarea:focus {
    border-color: var(--cor-acento) !important;
}

/* ============================================================
   PÁGINAS ESPECIAIS
   ============================================================ */

.coming-soon .inner-box .content-box .lower-box .social-links li a:hover {
    color: var(--cor-gradiente-fim);
}

/* ============================================================
   SCROLL-TO-TOP / MISC
   ============================================================ */

.scroll-top:hover {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

.switcher .switch_btn button {
    color: var(--cor-destaque);
}

.main_page.active_boxlayout {
    background: var(--cor-primaria);
}

/* ============================================================
   PRELOADER
   ============================================================ */

.handle-preloader .animation-preloader .txt-loading .letters-loading {
    color: var(--cor-primaria);
}

.handle-preloader .animation-preloader .txt-loading .letters-loading:before {
    color: var(--cor-gradiente-fim);
}

.handle-preloader .animation-preloader .spinner {
    border: 3px solid var(--cor-primaria);
    border-top-color: rgba(0, 139, 210, 0.5);
}