/* == SETTINGS */
:root {
    /*Azul mais escuro, fundo rodapé, títulos, botões principais*/
    --cor-principal: #000050;
    --cor-principal-hover: #000099;
    --cor-principal-pressed: #101070;
    /*Azul mais claro, botões e detalhes*/
    --cor-principal2: #0b45e4;
    --cor-principal2-hover: #0d66d0;
    --cor-principal2-pressed: #095ABA;
    /*Rosa, botões e detalhes*/
    --cor-principal3: #A23BFC; /*Rosa*/
    --cor-principal3-hover: #8637D4;
    --cor-principal3-pressed: #6B30A6;
    --cor-principal4: #00C9B3; /*azul esverdeado*/
    --cor-principal5: #43434D; /*cinza escuro*/
    --cor-principal6: #FFFFFF; 
    --cor-apoio1: #79befe; /*azul claro - site institucional */
    --cor-apoio2: #ebf5ff;
    --cor-apoio3: #E1E1E3; /*cinza médio*/
    --cor-apoio4: #F2F2F2; /*cinza claro - fundo dos ícones e cards*/
    --cor-apoio5: #000000;
    --cor-apoio6: #d33f3f; /*vermelho - portal institucional*/
    --cor-gradiente: linear-gradient(234deg, #79DAC5 5.64%, #4B82ED 31.55%, #3226CD 79.9%, #823EB8 96.51% );
    --cor-gradiente20: linear-gradient(79.3deg, rgba(130, 62, 184, 0.2) 1.5%, rgba(50, 38, 205, 0.2) 30.49%, rgba(75, 130, 237, 0.2) 75.64%, rgba(121, 218, 197, 0.2) 94.23%);
    --cor-texto: var(--cor-principal5);
    --cor-link: var(--cor-principal);
    --cor-link-hover: var(--cor-principal2);
    --btn-sombra: 0px 12px 30px 0px rgb(0 0 80 / 20%);
    --btn-sombra-cta: 0px 4px 12px 0px rgb(0 0 80 / 20%);
    --btn-sombra-hover:0;
    --card-sombra-hover: 0px 0px 5px 0px rgb(0 0 0 / 15%);
    --menu-fundo: #fff;
    --menu-divisor: 1px solid #fff; /*5b9bd5*/

}

body { font-family: 'Source Sans 3', serif; font-weight: 400; color:var(--cor-texto); }

/* RESET DE FONTES DE TÍTULO */
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6, .btn { font-family: 'Source Sans 3', sans-serif; }

h1, .h1 {font-size: 2.5rem; /*45px*/}

h2, .h2 {font-size: 1.875rem; /*40px*/}

h3, .h3 {font-size: 1.5rem; /*25px*/}

h4 {font-size: 1.275rem; /*20px*/}

@media (max-width: 1199px) {
    h1, .h1 { font-size: 2rem; }
    h2, .h2 { font-size: 1.75rem; }
    h3, .h3 { font-size: 1.5rem; }
    h4, .h4 { font-size: 1.25rem; }
    h5, .h5 { font-size: 1.1rem; }
    h6, .h6 { font-size: 0.9rem; }
}

/* RESET PESOS */
h5, h6, .h5, .h6 { font-weight: 400; }

/* RESET BOTÕES */
.btn {background-color: var(--cor-principal2);}
.btn:hover { box-shadow: 0; }

/* RESET LINKS */
a:not(.link-video a):not(a.btn):not(.componenteFooter a):not(a.card):not(.breadcrumb a):not(.item-cta a) { color: var(--cor-link); font-weight: 600;}
a:not(.link-video a):not(a.btn):not(.componenteFooter a):not(a.card):not(.breadcrumb a):not(.item-cta a):hover { color: var(--cor-principal2-hover); }
a:not(.link-video a):not(a.btn):not(.componenteFooter a):not(a.card):not(.breadcrumb a):not(.item-cta a):active {color: var(--cor-principal2-pressed); }

/* == MENU NAVEGACAO == */
.componenteHeader.navbar { height: auto; min-height: 91px;}
.componenteHeader.navbar .dropdown .nav-link { text-align: left; }

.componenteHeader.navbar .nav-item {border-right: var(--menu-divisor);}
    .componenteHeader.navbar .nav-item:last-child, .componenteHeader.navbar .nav-item:nth-last-child(2) {border-right: 0;}

.componenteHeader.navbar .nav-item a { font-size:18px; font-family: "Source Sans 3", sans-serif; font-weight: 600;}
.componenteHeader.navbar .dropdown-menu .nav-link a {font-size: 1rem; }

.componenteHeader.navbar .nav-link {text-align: center;}
    .componenteHeader.navbar .nav-link img {display: block; margin: 0 auto 0.5rem auto; max-width: 100%; height:55px;} 

@media (min-width: 1200px) {
    .componenteHeader.navbar .nav-item { min-width: 7rem; }
    .componenteHeader.navbar #liFecharMenu {display: none;}
}

.componenteHeader.navbar.opaco :not(.navbar-nav) {
    color: var(--cor-principal);
    border-color: var(--menu-fundo);
}

@media (max-width: 1199px) {
    .interna { padding-top: 66px;}

    .componenteHeader.navbar .nav-item {border: 0;}
    .componenteHeader.navbar .nav-link {text-align: left;}
    .componenteHeader.navbar .nav-link img {display: none;} 
    .componenteHeader.navbar .nav-item.item-pesquisar {display: none;}
    .componenteHeader.navbar .nav-item.item-cta .nav-link {padding: 0.5rem 1.5rem; max-width: initial;}

    .componenteHeader.navbar .navbar-nav, 
    .componenteHeader.navbar.opaco .dropdown-menu { background-color: var(--menu-fundo); }
}

#menu {font-size: 0.9rem;}

#menu .navbar #divMenu {justify-content: flex-end;}

.dropdown-toggle.removearrow:after { content: ''; display: none;}

.dropdown-toggle::after {
    font-size: 1.5rem;
    margin-left: 0.25rem;
    vertical-align: bottom;
    color:var(--cor-principal2);
    font-family: 'Material Icons';
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    content:'expand_more';
}

/*Breadcrumbs*/
nav.breadcrumb a { color: var(--cor-principal); }
nav.breadcrumb a:hover { color: var(--cor-principal-hover); }
nav.breadcrumb a:active { color: var(--cor-principal-hover); }

.breadcrumb ol { color: var(--cor-principal); list-style-type: none; }

nav.breadcrumb.negativo a,
nav.breadcrumb.negativo ol { color:var(--cor-principal6); }

nav.breadcrumb.b-bloco { background-color: var(--cor-apoio4); }

.componenteLista04 .sombra06, .componenteLista04.sombra06 {border-radius:10px;}

/*.componenteHeader.navbar.opaco :not(.navbar-nav) {}*/

.componenteHeader.navbar .nav-item.item-cta {align-self: center;}
    .componenteHeader.navbar .nav-item.item-cta .nav-link {background: var(--cor-principal2); color: white; border-radius: 10px; max-width: 150px; 
        -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-shadow: var(--btn-sombra-cta);}
        .componenteHeader.navbar .nav-item.item-cta .nav-link:hover {border-color:var(--cor-principal2-hover); background: var(--cor-principal2-hover); color:white; box-shadow: var(--btn-sombra-hover);}

.componenteBanner div.conteudoInterno h1,
.componenteBanner div.conteudoInterno h2,
.componenteBannerCarousel .componenteBanner div.conteudoInterno h1,
.componenteBannerCarousel .componenteBanner div.conteudoInterno h2,
.componenteBanner div.conteudoInterno div.texto, .componenteBannerCard h1 {font-family: 'Poppins', sans-serif; font-weight: 400 !important;}

.banner-card-single h2, .banner-card-single h3, .componenteLista04 h2, .componenteLista05 h2, .componenteLista05 h3,
.componenteExpansivel .accordion .card-header.titulo, .componenteExpansivel .linhaTitulo, .t-azul01, .faq h2, .componenteListaBotaoBranco h2,
.componenteComboProduto h2, .componenteLista13 h2, .componenteListaLogo h2, .componenteLista06 h2, .componenteLista01 h1, .componenteLista11 h2,
.componenteLista04 .titulo, .componenteLista10 .titulo  {color:var(--cor-principal);}

.f-azul-escuro, .btn.f-azul-escuro, a.f-azul-escuro, .f-principal, a.f-principal, a.f-principal:not([href]){color:#fff; background: var(--cor-principal);}
.btn.f-azul-escuro:hover, .btn.f-principal:hover, a.f-principal:hover {background: var(--cor-principal-hover);}
.btn.f-azul-escuro:active, .f-principal:active, a.f-principal:active {background: var(--cor-principal-pressed);}

.f-azul-claro, .btn.f-azul-claro, a.f-azul-claro, .f-principal2, a.f-principal2, a.f-principal2:not([href]) {color:#fff; background: var(--cor-principal2);}
.btn.f-azul-claro:hover, .btn.f-principal2:hover, a.f-principal2:hover {background: var(--cor-principal2-hover);}
.btn.f-azul-claro:active, .btn.f-principal2:active, a.f-principal:active {background: var(--cor-principal2-pressed);}

.f-roxo, .btn.f-roxo, a.f-roxo, .f-principal3, a.f-principal3, a.f-principal3:not([href]) {color:#fff; background: var(--cor-principal3);}
.btn.f-roxo:hover, .btn.f-principal3:hover, a.f-principal3:hover {background: var(--cor-principal3-hover);}
.btn.f-roxo:active, .btn.f-principal3:active, a.f-principal3:active  {background: var(--cor-principal3-pressed);}

.btn-outline-principal, .btn-outline-principal2, .btn-outline-principal3 {
    border:2px solid var(--cor-principal2); padding: 4px 8px; font-size: 18px !important; border-radius: 10px; font-weight: 600; text-decoration: none !important;
    -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.btn-outline-principal:hover, .btn-outline-principal2:hover, .btn-outline-principal3:hover {
    border-color:var(--cor-principal2-hover); background: var(--cor-principal2-hover); color:white; box-shadow: var(--btn-sombra-hover);
}

.btn-outline-principal:after, .btn-outline-principal2:after, .btn-outline-principal3:after {
    transition: all 0.2s ease-in-out;
}

.btn-outline-principal .icone, .btn-outline-principal2 .icone,.btn-outline-principal3 .icone {font-size: 20px; vertical-align: middle;}

.btn-outline-principal {color:var(--cor-principal2)!important; background:var(--cor-principal6); }
.btn-outline-principal:hover {color:var(--cor-principal6)!important; background:var(--cor-principal2-hover); }
.btn-outline-principal:active {color:var(--cor-principal6)!important; background:var(--cor-principal2-pressed); }

.btn-outline-principal.dropdown-toggle:hover:after, 
.btn-outline-principal.dropdown-toggle:active:after {color:var(--cor-principal6)!important;}

.btn-outline-principal2 {color:var(--cor-principal2)!important; background:var(--cor-principal6); border:2px solid var(--cor-principal2); }
.btn-outline-principal2:hover {color:var(--cor-principal6)!important; background:var(--cor-principal2-hover); }
.btn-outline-principal2:active {color:var(--cor-principal6)!important; background:var(--cor-principal2-pressed); }

.btn-outline-principal2.dropdown-toggle:hover:after, 
.btn-outline-principal2.dropdown-toggle:active:after {color:var(--cor-principal6)!important;}

.componenteBanner div.conteudoInterno h1.t-branco {color:#fff;}

.componenteBanner .texto {font-size: 1.5rem; color:var(--cor-principal);}

/*h2, .h2, .componenteLista05 h2 {font-size: 35px;}*/
.interna { padding-top: 91px; }

/*Alteracao de cores*/
.componenteHeader.navbar.opaco-azul,
.componenteHeader.navbar.navbar-default,
.componenteHeader.navbar.opaco-azul .dropdown-menu,
.componenteHeader.navbar.navbar-default .dropdown-menu  { background-color: white !important; }
 
.componenteFooter { background-color: #000050 !important; }

.componenteFooter .t-preto {color:#fff;}

.col-2.col-agencia.d-none.d-xl-block, .col-2.col-agencia.d-none.d-xl-block * {
    background-color: transparent;
}

.gradiente
{
	background-color: #3226CD;
    background-image: var(--cor-gradiente);
}

.btn {text-transform: lowercase}
.btn::first-letter {text-transform: capitalize;}

.btnCorFundo02 {background: var(--cor-principal2) !important; }

.componenteLista09 .btn, .componenteComboProduto .btn, .f-azul03, a.f-azul03, a.f-azul03:not([href]) { background: var(--cor-principal2); color:var(--cor-principal6);}
.componenteLista09 .btn:hover, .componenteComboProduto .btn:hover, a.f-azul03:hover, a.f-azul03:not([href]):hover { background: var(--cor-principal2-hover);  color:var(--cor-principal6);}
.componenteLista09 .btn:active, .componenteComboProduto .btn:active, a.f-azul03:active, a.f-azul03:not([href]):active { background: var(--cor-principal2-pressed);}

.btn.btnCorFundo02:hover, .btn.btnCorFundo06:hover, .f-azul03:hover, .btn.f-azul03:hover, .btn.f-azul-claro:hover {background-color: var(--cor-principal2-hover) !important;} 

.componenteTexto h2, .componenteTexto h3, .componenteTextualLivre h2, .componenteTextualLivre h3, .videos h3, .cor04, .componenteLista04b:not(.componenteLista04b) .titulo {color:var(--cor-principal) !important;}

.componenteConteudoTextualLivre h1, .componenteConteudoTextualLivre h2, 
.componenteConteudoTextualLivre h3, .componenteConteudoTextualLivre h4, .componenteConteudoTextualLivre h5, .componenteConteudoTextualLivre h6, .componenteLista07 h2 {color: var(--cor-principal) !important;}

#rodape h4.t-preto {color:#fff !important;}

/*botoes*/
.btn, .btn.btn02 {border-radius:10px !important; font-size: 1.25rem; color: white;}

.btn.btn02.sombra03:hover, .btn.sombra03:hover, .btn02.sombra03:hover {box-shadow: var(--sombra-hover);}

.btn:disabled, .btn:disabled:hover, .btn.f-azul-claro:disabled:hover {background:var(--cor-apoio5) !important;}

a.card.sombra03:hover {box-shadow: var(--card-sombra-hover);}

/*rodape*/
.componenteFooter .col-agencia {background-color: #101010;}

.componenteFooter .atendimento-icon {max-width: 36px;}

.alturaBanner300-B {
    position: relative; 
    width: 100%;
    overflow: hidden;
}

.componenteLista10 .item, .componenteLista10 .row a.item {  
    border-radius: 10px;
}

@media (max-width: 1199px) {
    #menu {font-size: 1rem;}
    
    .componenteHeader.navbar .navbar-nav { background-color: white; }

    #menu .navbar #divMenu, #menu .navbar #divMenu .navbar-nav { align-items: flex-start;  justify-content: flex-start; }
    .componenteHeader #liFecharMenu {width: 100%;}
    /*.interna { padding-top: 66px; }*/

    .componenteHeader.navbar .span-logo-fechar-menu img { width: auto; max-width: 100%; max-height: 60px; }

    #menu .navbar-brand img { max-height: 50px; }
	
	#rodape img.logo-h50 { max-height: 50px; }
	
    .componenteHeader.navbar .nav-item {border: 0;}
    .componenteHeader.navbar .nav-link {text-align: left;}
    .componenteHeader.navbar .nav-link img {display: none;} 
    .componenteHeader.navbar .nav-item.item-pesquisar {display: none;}
    .componenteHeader.navbar .nav-item.item-cta .nav-link {padding: 0.5rem 1.5rem; max-width: initial;}

    .dropdown-toggle::after { vertical-align: sub; }
    /*Definida para manter a proporcao com a tela*/
    .componenteBannerCarousel .carousel-control-next, .componenteBannerCarousel .carousel-control-prev {top:50%;}
}
@media (min-width: 1200px) {
#menu .navbar-brand img.logo-w180, #rodape img.logo-w180 { width:100%; max-width: 180px; }
#menu .navbar-brand img.logo-w230, #rodape img.logo-w230 { max-width: 230px; }
#menu .navbar-brand img.logo-h50, #rodape img.logo-h50 { max-height: 50px; }
}

/* Eduardo Maior Rebrand */

.componenteHeader.navbar.opaco-azul *:not(.navbar-nav),
.componenteHeader.navbar *:not(.navbar-nav)
{
	color: inherit;
}

/* Gradiente 20% */
.gradiente20 { background: var(--cor-gradiente20); }

/*.componenteExpansivel .accordion .card-header.titulo {font-size: 20px;}*/

.componenteExpansivel .accordion .card-header.titulo.collapsed:after { background-image: url(/bom/multimidia/bomd99im_icon_mais-rebrand.png); }

.componenteExpansivel .accordion .card-header.titulo:after { background-image: url(/bom/multimidia/bomd99im_icon_menos-rebrand.png); }

.componenteExpansivel .accordion .card, .componenteLista07 .card-custom, .componenteLista11 .card-custom, .componenteLista01 .card, .componenteLista10 a.item, 
.componenteLista06 .card, .componenteLista11 .card-custom, .componenteLista10 .row a.item, .componenteLista06 .card,
.card-lista .card
{
	border-radius: 10px;
	border-color: var(--cor-apoio3);
}

.btn.btnCorFundo02:active, .componenteHeader.navbar .nav-item.item-cta .nav-link:active, .btn.btnCorFundo02:active, .btn.btnCorFundo06:active, .f-azul03:active, .btn.t-branco.f-azul03:active {
    color: white !important;
    background-color: var(--cor-principal2-pressed)!important;
}


.componenteLista07 a.card-custom, .componenteLista11 a.card-custom, .componenteLista01 a.card, .componenteLista10 a.item, 
.componenteLista06 a.card, .componenteLista11 a.card-custom, .componenteLista07 .card {
    background-color: var(--cor-apoio4);
    border: 0;
}

.card {border-radius: 10px;}
.componenteLista11 .card {overflow: hidden;}

.componenteConteudoTextualLivre > div div div.sombra03 {border-radius: 10px;}
.componenteLista13 > div div.sombra03 {border-radius: 10px;}

.card:not(.card-3):not(.componenteExpansivel .card):not(.componenteLista09 .card), .componenteLista07 .card-custom, .componenteLista11 .card-custom, .componenteLista01 .card, 
.componenteLista10 a.item, .componenteLista06 .card, .componenteLista11 .card-custom, .componenteLista10 .row a.item, .componenteLista06 .card {border:0; }

.componenteLista09 .separador::after { content: url(/bom/multimidia/bomd99im_separador-rebrand.png);}
.componenteLista09 .no-gutter > [class*='card'] { border: 1px solid rgba(0,0,0,.125); }

/*****
* Tables
*******/
.componenteConteudoTextualLivre table { border: 0; }
.componenteConteudoTextualLivre table, .componenteConteudoTextual table { border-collapse: separate; border-radius: 0; border-spacing: 0;}
.componenteConteudoTextualLivre table tr td, .componenteConteudoTextual tr td { border: solid 1px #E1E1E3; border-top:0; padding: 12px;}
.componenteConteudoTextualLivre table tr td:not(:last-child), .componenteConteudoTextual tr td:not(:last-child) { border-right:0; }
.componenteConteudoTextualLivre table tr td {color: #43434D;}
.componenteConteudoTextualLivre table tr:first-child td {background: var(--cor-principal2); color: white; border-color: var(--cor-principal2);}
.componenteConteudoTextualLivre table tr:first-child td:first-child { border-top-left-radius: 10px; }
.componenteConteudoTextualLivre table tr:first-child td:last-child { border-top-right-radius: 10px; }
.componenteConteudoTextualLivre table tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.componenteConteudoTextualLivre table tr:last-child td:last-child { border-bottom-right-radius: 10px; }

.botao-branco { border-radius: 10px; }
.botao-branco:after { color:var(--cor-principal2); }
.botao-branco:hover:after { color:var(--cor-principal2-hover); }

.carousel-control-next-icon, .carousel-control-prev-icon
{
	display: inherit !important;
    background-color: var(--cor-principal2);
}

.carousel-control-next-icon, .componenteLista05 .carousel-control-next-icon {
    background-image: none;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); 
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); 
    -webkit-mask-size:100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;

}

.carousel-control-prev-icon, .componenteLista05 .carousel-control-prev-icon { 
    background-image: none;
    -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); 
    mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); 
    -webkit-mask-size:100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.banrisul-baixar-app {
    border-radius: 10px;
	height: 152px;
}

.itens-formato-app-texto {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: -0.04em;
    color: #FFFFFF;
}

.itens-formato-app-texto-paragrafo {
    margin-bottom: 0;
}

.fundo1+.container-fundo-baixar-app {
    padding-top: 0rem;
}

.banrisul-baixar-app-icone{
    max-height: 100px;
}

@media (min-width: 1200px) {
    .container-fundo-baixar-app {
        width: 50% !important;
    }

    .itens-formato-app-texto {
        text-align: left !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) { 
    .componenteFooter .coluna04 > div:nth-of-type(2) .list-inline-item:first-child{ 
        padding-bottom: 10px;
    }
}

@media (max-width: 1400px) {
   .banrisul-baixar-app {
		height: auto;
	}
}

.componenteBannerCard .componenteConteudoTextualLivre {
	border-radius: 10px;
}

.componenteLista04 .imagemFundoDireita, .componenteLista04B .imagemFundoDireita,
.componenteLista04 .imagemFundoEsquerda, .componenteLista04B .imagemFundoEsquerda
{
	border-radius: 10px;
}

.banner-card-single-container .card, .componenteLista09 .card {
    border-radius: 10px;
}

.banner-card-single-container .card {background: #f2f2f2;}

.banner-card-single-container .card .card-img-top{
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.localizacao img { border-radius:10px; }

/*Seta carrossel de botoes*/
.componenteLista02.componenteLista02B .carousel-control-prev-icon, .banner-card .carousel-control-prev-icon, .banner-card-single .carousel-control-prev-icon
 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(11, 69, 228, 1)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.componenteLista02.componenteLista02B .carousel-control-next-icon, .banner-card .carousel-control-next-icon, .banner-card-single .carousel-control-next-icon
 { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(11, 69, 228, 1)' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

.cor1-promo{
    color: var(--cor-principal);
}

.componenteLista04 .imagem {overflow: hidden; position: relative;}

.componenteLista04 .imagemFundoEsquerda .conteudoInterno { padding: 0 6% 12% 17%; }
.componenteLista04 .imagemFundoDireita .conteudoInterno { padding: 0 17% 12% 6%; }
.componenteLista04 .conteudoInterno {display: flex;flex-direction: column;align-self: center !important;padding-top: 12% !important;}
 
.componenteLista04 .imagem .conteudoInterno .titulo { font-family: 'Poppins'; font-weight: 400; }

.componenteLista04 .conteudoInterno { z-index: 3; }

@media (max-width: 576px) {
    .componenteLista04 .conteudoInterno { }
}

.componenteLista04 .imagemFundoDireita .fundoConteudoInterno {content: ''; display: block;
    width: 100%; height: 100%; position: absolute; top:0;
    background:url(/bom/multimidia/bomd99im_componenteLista04-fundo-rebrand.png) top right no-repeat;
    transform: rotate(180deg);
}

.componenteLista04 .imagemFundoEsquerda .fundoConteudoInterno {content: ''; display: block;
    width: 100%; height: 100%; position: absolute; top:0;
    background:url(/bom/multimidia/bomd99im_componenteLista04-fundo-rebrand.png) top right no-repeat;
}

.componenteVideo .row .item-container a.item.embed-responsive {
    border-radius: 10px;
} 

.componenteConteudoTextualLivre ul li:before,
.componenteConteudoTextualLivre ul li ul li:before,
.componenteConteudoTextualLivre ul li ul li ul li:before{
	color: var(--cor-principal);
}

/* FORMS FORMULARIOS*/
.form-control {border-radius: 10px;}

ul.lista-check li::before, ul.lista-bullet li::before { color: var(--cor-principal3); }
ul.lista-check-verde li::before, ul.lista-check-grande li::before {color:var(--cor-principal2); }
ol.lista-numeral li:before{ color:var(--cor-principal); }

.blog .card h3 {color: var(--cor-principal);}

.blog-historico button, .lista-agrupada button { color: var(--cor-principal);}
.blog-historico button .icone, .lista-agrupada button .icone { color:var(--cor-principal3); }

.blog-historico button:hover, .lista-agrupada button:hover {color: var(--cor-principal-hover);}
.blog-historico button:hover .icone, .lista-agrupada button:hover .icone { color: var(--cor-principal3-hover);}

.blog-historico .btnLimparCampo, .lista-agrupada .btnLimparCampo {right:1rem;}

.blog-historico a.js-filtro-item, .lista-agrupada a.js-filtro-item { color: var(--cor-link); }
.blog-historico a.js-filtro-item:hover, .lista-agrupada a.js-filtro-item:hover { color:var(--cor-link-hover); text-decoration: underline; }

.navbar-rodape .navbar-nav .nav-item > a::before {
    background: var(--cor-principal4);
}

.json-paginador li a {
    background-color: var(--cor-principal) !important;
    border-radius: 10px;
    font-family: 'Source Sans 3', serif;
    font-size: 16px;
    text-transform: capitalize;
}

.json-paginador li a:hover {
    background-color: var(--cor-principal-hover) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
}

.componenteListaDiretoria.container-fluid
{
	background-color: var(--cor-apoio4);
}

.highlight {background-color: var(--cor-apoio1);}

/* DEFINIÇÃO DE CORES - Deixar por último*/
/* Descobrir o uso desse CSS
.btnprincipal1, .btn.btn02.btnprincipal1, .f-CorPrincipal1, .btn.btn02.f-CorPrincipal1
{
    color: white;
    background-color: var(--cor-principal);
}

.btnprincipal2, .btn.btn02.btnprincipal2, .f-CorPrincipal2, .btn.btn02.f-CorPrincipal2
{
    color: white;
    background-color: var(--cor-principal2);
}

.btnprincipal3, .btn.btn02.btnprincipal3, .f-CorPrincipal3, .btn.btn02.f-CorPrincipal3
{
    color: white;
    background-color: var(--cor-principal3);
}

.btnprincipal1:hover, .btn.btn02.btnprincipal1:hover
{
    color: white;
    background-color: var(--cor-principal-hover);
}

.btnprincipal2:hover, .btn.btn02.btnprincipal2:hover
{
    color: white;
    background-color: var(--cor-principal2-hover);
}

.btnprincipal3:hover, .btn.btn02.btnprincipal3:hover
{
    color: white;
    background-color: var(--cor-principal3-hover);
}

.btnprincipal1:active, .btn.btn02.btnprincipal1:active
{
    color: white;
    background-color: var(--cor-principal1-pressed);
}

.btnprincipal2:active, .btn.btn02.btnprincipal2:active
{
    color: white;
    background-color: var(--cor-principal2-pressed);
}

.btnprincipal3:active, .btn.btn02.btnprincipal3:active
{
    color: white;
    background-color: var(--cor-principal3-pressed);
}


.txt-principal {color:var(--cor-principal);}
.f-principal {background: var(--cor-principal);}

.txt-principal2 {color:var(--cor-principal2);}
.f-principal2 {background: var(--cor-principal2);}

.txt-principal3 {color:var(--cor-principal3);}
.f-principal3 {background: var(--cor-principal3);}

.f-principal4 {background: var(--cor-principal4);}*/