/* Identidade visual da pagina Conheca, isolada dos estilos da home. */
.proin-conheca { margin-top: -50px; padding-top: 64px; background: #fff; }
.proin-conheca .proin-texto {
    max-width: none;
    padding: 46px 15px 60px;
    margin: 0 auto;
}
.proin-conheca [id] { scroll-margin-top: 88px; }
.proin-conheca .breadcrumb { padding-top: 0; padding-bottom: 0; background: transparent; }
.proin-conheca .breadcrumb,
.proin-conheca .breadcrumb-item,
.proin-conheca .breadcrumb-item a { font-size: 15px; }
.proin-conheca .proin-content__title,
.proin-conheca .proin-pilares-titulo,
.proin-conheca .proin-beneficios-titulo {
    color: #17365c;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.3;
    text-align: center;
    margin: 0 0 28px;
    padding: 0;
}
.proin-conheca .proin-content__title { margin-top: 28px; }
.proin-conheca .conheca-paragrafo { font-family: inherit; font-size: 15px; line-height: 1.75; font-weight: 400; color: #4a5568; text-align: justify; margin: 0; }
.proin-conheca .conheca-paragrafo p { margin: 0 0 20px; font-size: 15px; }
.proin-conheca .conheca-paragrafo p:last-child { margin-bottom: 0; }
.proin-conheca .proin-pilares { margin: 0; padding: 46px 0 60px; background: #f7faff; }
.proin-conheca .proin__explicacao-linha { display: none; }
.proin-conheca .proin-tabs { flex-direction: row; flex-wrap: wrap; gap: 12px; margin: 0 0 28px; }
.proin-conheca .proin-tabs .tab { width: auto; flex: 1 1 140px; padding: 12px 16px; font-size: 14px; line-height: 1.5; min-height: 48px; }
.proin-conheca .tab-content-area { padding: 28px; border: 1px solid #e0e9f5; border-radius: 12px; background: #fff; }
.proin-conheca .pilar-card-blue { padding: 28px; border-radius: 12px; margin: 0; height: auto; }
.proin-conheca .pilar-card-blue h3 { margin: 0 0 20px; font-size: 20px; line-height: 1.4; }
.proin-conheca .pilar-card-blue p { margin: 0; font-size: 15px; line-height: 1.75; }
.proin-conheca .pilar-subtitulo { margin: 0 0 20px; font-size: 20px; line-height: 1.4; text-align: left; }
.proin-conheca .pilar-lista { margin: 0; text-align: left; }
.proin-conheca .pilar-lista li { line-height: 1.75; }
.proin-conheca .proin-beneficios { padding: 46px 0 60px; }
.proin-conheca .proin-beneficios .row { max-width: none; margin-left: -15px; margin-right: -15px; }
.proin-conheca .proin-beneficios .col-md-4 { display: flex; margin-bottom: 20px; }
.proin-conheca .proin-beneficios .beneficio-card { padding: 28px; border-radius: 12px; border-color: #e0e9f5; background: #f7faff; box-shadow: none; height: 100%; }
.proin-conheca .beneficio-icone { width: 56px; height: 56px; border-radius: 12px; }
.proin-conheca .beneficio-card p { line-height: 1.75; }
@media (min-width: 576px) {
    .proin-conheca .proin-texto,
    .proin-conheca .proin-pilares > .container { max-width: 540px !important; }
}
@media (min-width: 768px) {
    .proin-conheca .proin-texto,
    .proin-conheca .proin-pilares > .container { max-width: 720px !important; }
}
@media (min-width: 992px) {
    .proin-conheca .proin-texto,
    .proin-conheca .proin-pilares > .container { max-width: 960px !important; }
}
@media (min-width: 1200px) {
    .proin-conheca .proin-texto,
    .proin-conheca .proin-pilares > .container { max-width: 1140px !important; }
}
@media (max-width: 767px) {
    .proin-conheca .proin-texto { padding-top: 28px; padding-bottom: 28px; }
    .proin-conheca .proin-pilares, .proin-conheca .proin-beneficios { padding: 28px 0; }
    .proin-conheca .proin-content__title, .proin-conheca .proin-pilares-titulo, .proin-conheca .proin-beneficios-titulo { font-size: 25px; }
    .proin-conheca .tab-content-area { padding: 20px; }
    .proin-conheca .pilar-card-blue { margin-bottom: 28px; padding: 24px; }
    .proin-conheca .proin-tabs .tab { flex-basis: 100%; }
}

/* Composicao editorial e componentes da pagina. */
.proin-conheca { color: #17365c; }
.proin-conheca .conheca-etiqueta { display: block; font-size: 11px; font-weight: 700; letter-spacing: 2px; line-height: 1.6; margin-bottom: 16px; color: #2f72c6; }
.proin-conheca .conheca-convite .conheca-etiqueta { color: #c6dfff; }
.proin-conheca .conheca-botao { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 48px; padding: 14px 22px; border-radius: 8px; background: #fff; color: #184c89; font-size: 14px; font-weight: 700; text-decoration: none; }
.proin-conheca .conheca-botao:hover { background: #e1edfc; }
.proin-conheca a:focus-visible, .proin-conheca button:focus-visible { outline: 3px solid #edb933; outline-offset: 4px; }
.proin-conheca .proin-texto { padding-top: 56px; padding-bottom: 64px; }
.proin-conheca .proin-content__title { text-align: left !important; font-size: 30px; margin-top: 28px; }
.proin-conheca .conheca-paragrafo { columns: 2; column-gap: 48px; }
.proin-conheca .conheca-paragrafo p { break-inside: avoid; }
.proin-conheca .conheca-paragrafo .decreto { color: #205b9c !important; text-decoration: underline; text-underline-offset: 3px; }
.proin-conheca .proin-pilares { padding: 64px 0; background: #f3f7fc; }
.proin-conheca .proin-pilares > .container { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 0 28px; }
.proin-conheca .proin-pilares > .container > .conheca-etiqueta,
.proin-conheca .proin-pilares-titulo,
.proin-conheca .proin-pilares .conheca-subtitulo { grid-column: 1 / -1; }
.proin-conheca .proin-pilares-titulo,
.proin-conheca .proin-beneficios-titulo {
    font-family: sans-serif;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.proin-conheca .conheca-subtitulo { color: #586b82; margin: 0 0 36px; font-size: 15px; line-height: 1.7; }
.proin-conheca .proin-tabs { display: flex; flex-direction: column; gap: 8px; margin: 0; counter-reset: eixo; }
.proin-conheca .proin-tabs .tab { display: flex; align-items: center; flex: none; width: 100%; text-align: left; border: 1px solid transparent; border-radius: 10px; background: #e8eef7; color: #344e6d; padding: 14px; font-size: 14px; font-weight: 600; line-height: 1.4; }
.proin-conheca .proin-tabs .tab::before { counter-increment: eixo; content: '0' counter(eixo); margin-right: 14px; color: #6c83a0; font-size: 12px; font-weight: 700; }
.proin-conheca .proin-tabs .tab.active { background: #205b9c; color: #fff; box-shadow: 0 4px 12px #17365c15; }
.proin-conheca .proin-tabs .tab.active::before { color: #d0e4fc; }
.proin-conheca .tab-content-area { padding: 32px; box-shadow: none; }
.proin-conheca .tab-content-area .row { display: block; margin: 0; }
.proin-conheca .tab-content-area .col-md-5, .proin-conheca .tab-content-area .col-md-7 { max-width: 100%; width: 100%; padding: 0; }
.proin-conheca .pilar-card-blue { min-height: 0; display: block; padding: 0 0 24px; margin: 0 0 24px; border-radius: 0; border-bottom: 1px solid #e0e9f5; background: transparent; color: #344e6d; }
.proin-conheca .pilar-card-blue h3 { color: #17365c; font-size: 25px; margin: 0 0 14px; }
.proin-conheca .pilar-subtitulo { font-size: 16px; margin-bottom: 18px; }
.proin-conheca .pilar-lista li { font-size: 15px; margin-bottom: 16px; }
.proin-conheca .proin-beneficios { padding: 64px 0 32px; }
.proin-conheca .proin-beneficios .beneficio-card { flex-direction: column; align-items: flex-start !important; text-align: left; padding: 28px; gap: 20px; min-height: 184px; transition: transform .2s,border-color .2s; }
.proin-conheca .proin-beneficios .beneficio-card:hover { transform: translateY(-3px); border-color: #9dbce0; box-shadow: none; }
.proin-conheca .proin-beneficios .beneficio-card p { font-size: 15px; font-weight: 600; color: #17365c; }
.proin-conheca .conheca-convite { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 40px; margin-top: 12px; margin-bottom: 64px; background: #123c70; border-radius: 16px; }
.proin-conheca .conheca-convite h2 { color: #fff; font-size: 28px; line-height: 1.35; margin: 0; font-weight: 700; }
@media (max-width: 991px) {
    .proin-conheca .proin-pilares > .container { grid-template-columns: 240px minmax(0,1fr); gap: 0 20px; }
    .proin-conheca .proin-beneficios .col-md-4 { flex: 0 0 50%; max-width: 50%; }
    .proin-conheca .conheca-convite { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 767px) {
    .proin-conheca .conheca-paragrafo { columns: auto; }
    .proin-conheca .proin-texto, .proin-conheca .proin-pilares, .proin-conheca .proin-beneficios { padding-top: 40px; padding-bottom: 40px; }
    .proin-conheca .proin-pilares > .container { display: block; }
    .proin-conheca .proin-tabs { margin-bottom: 24px; }
    .proin-conheca .proin-tabs .tab { flex-basis: auto; }
    .proin-conheca .tab-content-area { padding: 24px; }
    .proin-conheca .proin-beneficios .col-md-4 { flex-basis: 100%; max-width: 100%; }
    .proin-conheca .proin-beneficios .beneficio-card { min-height: 0; }
    .proin-conheca .conheca-convite { width: calc(100% - 30px); padding: 28px; margin-bottom: 40px; }
    .proin-conheca .conheca-convite h2 { font-size: 24px; }
}
body.alto-contraste .proin-conheca, .altoContraste .proin-conheca { background: #000 !important; color: #fff !important; }
body.alto-contraste .proin-conheca *, .altoContraste .proin-conheca * { background-color: #000 !important; background-image: none !important; color: #fff !important; border-color: #fff !important; }
body.alto-contraste .proin-conheca .tab.active, .altoContraste .proin-conheca .tab.active { outline: 2px solid #ff0; outline-offset: -2px; }