.banner-atendimento-pj { background: url('../images/atendimento/fundo-banner.png') no-repeat; background-position-x: 30%; background-position-y: top; background-size: cover; }
.banner-atendimento-pj .t-breadcrumbs, .banner-atendimento-pj .t-breadcrumbs a, .banner-atendimento-pj .t-breadcrumbs .breadcrumb_last { color: var(--t-white); }
.banner-atendimento-pj .t-breadcrumbs a:hover { color: var(--t-white); opacity: 0.8; text-decoration: underline; }
.banner-atendimento-pj h1 { color: var(--t-green); font-weight: 700; font-size: 2.8em; }
.banner-atendimento-pj p { color: var(--t-white); }
.banner-atendimento-pj p a, .banner-atendimento-pj p a:visited, .banner-atendimento-pj p a:focus, .banner-atendimento-pj p a:hover, .banner-atendimento-pj p a:active { color: #05BDFB; font-weight: 600; text-decoration: underline; }
.banner-atendimento-pj h2 { color: var(--t-white); }
.banner-atendimento-pf { background: url('../images/atendimento/fundo-banner-pf.png') no-repeat; background-position-x: 30%; background-position-y: top; background-size: cover; }
.banner-atendimento-pf .t-breadcrumbs, .banner-atendimento-pf .t-breadcrumbs a, .banner-atendimento-pf .t-breadcrumbs .breadcrumb_last { color: var(--t-blue); }
.banner-atendimento-pf .t-breadcrumbs a:hover { color: var(--t-blue); opacity: 0.8; text-decoration: underline; }
.banner-atendimento-pf h1 { color: var(--t-blue); font-weight: 700; font-size: 2.8em; }
.banner-atendimento-pf p { color: #636366; }
.banner-atendimento-pf p a, .banner-atendimento-pf p a:visited, .banner-atendimento-pf p a:focus, .banner-atendimento-pf p a:hover, .banner-atendimento-pf p a:active { color: var(--t-blue); font-weight: 600; text-decoration: underline; }
.banner-atendimento h1 { color: var(--t-green); font-weight: 700; }
.banner-atendimento-pf h2 { color: var(--t-blue); }
.banner-atendimento h2 { font-weight: 400; }
.panel { border: 2px solid var(--t-blue); position: relative; }
.panel h4.panel-title { font-weight: 500; font-size: 1.9em; outline: none; transition: 0.4s; }
.panel h4.panel-title a:after { position: absolute; right: 15px; top: 0; content: url('../images/atendimento/seta-accordeon.png'); font-weight: bold; float: right; margin-left: 5px; font-size: 40px; }
.panel h4.panel-title a.collapsed:after { transform: rotate(180deg); }
.panel h4.panel-title a, .panel h4.panel-title a:visited, .panel h4.panel-title a:focus, .panel h4.panel-title a:active, .panel h4.panel-title a:hover { font-size: 1.1em; font-weight: 600; color: var(--t-blue); }
.panel .panel-body .subtitulo { font-weight: 600; font-size: 1.4em; color: var(--t-blue); }
.panel .panel-body p { font-size: 1.1em; }
.panel .font-azul-tribanco,
.panel .panel-body a, .panel .panel-body a:visited { color: var(--t-blue); }
.panel .panel-body a:hover, .panel .panel-body a:focus, .panel .panel-body a:active { color: #01355e; }
.panel .panel-body .telefone { font-size: 1.6em; color: var(--t-blue); font-weight: 500; min-width: 100%; }
.panel .panel-body .descricao-telefone { font-size: 1em; padding-left: 14px; }
.panel .btn-azul-tribanco, .panel .btn-azul-tribanco:visited { background-color: var(--t-blue); color: var(--t-white) !important; font-weight: 600; }
.panel .btn-azul-tribanco:hover, .panel .btn-azul-tribanco:focus, .panel .btn-azul-tribanco:active { background-color: #01355e; color: var(--t-white) !important; font-weight: 600; }
.modal-trb { color: var(--t-blue); }	
.modal-trb .modal-header { border-bottom: none; }
.modal-trb .modal-header .close { top: 14px; right: 14px; }
.modal-trb .modal-body .form-control { border: 1px solid var(--t-blue); }
.modal-trb .modal-body .btn { background-color: var(--t-blue); color: var(--t-white) !important; font-weight: 600; }
.modal-trb input[type='file'] { display: none; }
.modal-trb label.custom-file-label { transform: translateY(0) !important; position: relative; background-color: transparent; border: 1px solid #B0BEC5; color: #455A64; cursor: pointer; padding: 11px 20px; display: inline-table; }	
.modal-trb .resp-arquivo { display: inline-table; }
.modal-trb label.custom-file-label::after { display: none; }
.modal-trb .wpcf7-form-control-wrap.file, .modal-trb .wpcf7-form-control-wrap.arquivo, .modal-trb .wpcf7-form-control-wrap.arquivo1, .modal-trb .wpcf7-form-control-wrap.arquivo2, .modal-trb .wpcf7-form-control-wrap.arquivo3 { height: auto !important; }
.modal-trb span.wpcf7-not-valid-tip { position: inherit; padding-left: 0; }
.inform { font-size: 0.7em; }
.tbl-filiais { font-size: 0.8em; }
.fundo-titulo { background-color: var(--t-blue); color: var(--t-white); text-align: center; }
.fundo-zebrado-azul { background-color: #ECECEC; }
.fundo-zebrado-branco { background-color: var(--t-white); }

.telefones-at-virtual{
	gap: 28px;
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.card-telefone-at-virtual{
	display: flex;
    flex-direction: column;
    font-size: 20px;
    color: var(--t-blue);
    align-items: center;
}

@media(max-width:770px){
	.telefones-at-virtual{
		display:flex;
        flex-wrap:wrap;
        justify-content: space-between;
	}
}

@media(min-width: 420px) {
	.banner-atendimento { background-position-x: center; }
	.banner-atendimento h1 { font-size: 3.5em; }
	.panel .panel-body .subtitulo { font-size: 1.5em; }
	.panel .panel-body .telefone { min-width: 210px; }
}