@charset "UTF-8";

@charset "UTF-8";

a:hover {
    text-decoration: none;
    color: #004379
}

/* Acessibilidade: span oculto visivelmente mas visível para screen readers e crawlers */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0
}

h2 {
    font-size: 30px;
    font-weight: 600
}

h2>a {
    color: #212529
}

h2>a::after {
    content: '»';
    margin-left: 10px
}

h2.after-n::after {
    content: '';
    margin-left: 0
}

h2 span {
    font-size: 18px;
    font-weight: 400
}

p {
    text-align: justify
}

input[type=text]::placeholder,
input[type=email]::placeholder {
    color: #999
}

.p-4m {
    padding: 1.2rem !important
}

.p-3m {
    padding: .6rem !important
}

.label-adm {
    font-size: 18px;
    font-weight: bold;
}

#siteHeader {
    height: 186px;
    font-size: 16px
}

#siteHeader>div>div>div {
    align-items: center;
    justify-content: space-between;
    display: flex;
    margin: 0 auto;
    max-width: 1290px;
    padding: 0 15px;
    position: relative;
}

#siteHeader>div>div:nth-child(1) {
    background: #ddd
}

#siteHeader>div>div:nth-child(1)>div {
    height: 60px
}

#siteHeader #telefone {
    align-items: center;
    color: #666;
    display: flex;
    width: 30%
}

#siteHeader #telefone a {
    color: #666
}

#siteHeader #telefone:before {
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    background-position: 0 0;
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    overflow: hidden;
    width: 16px
}

#siteHeader>div>div:nth-child(1)>div>div:nth-child(2) {
    align-items: center;
    display: flex
}

#siteHeader #buscaMembrosAssociese {
    width: 70%;
    justify-content: flex-end
}

#siteHeader #busca {
    position: absolute;
    right: 15px;
    bottom: 0;
    width: 350px;
}

#siteHeader #busca>#buscaTextSubmit>div {
    background: #fff;
    border-radius: 10px 10px 0 0;
    display: flex;
    height: 38px;
    width: 100%;
    border: 1px solid #ddd;
    border-bottom: 0;
}

#siteHeader #busca span {
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 55px;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px
}

#siteHeader #busca input[type=text] {
    background: #fff;
    border: 0;
    border-radius: 18px 0 0 18px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 10px;
    width: 100%
}

#siteHeader #busca input[type=text]::placeholder {
    color: #999
}

#siteHeader #busca input[type=image] {
    border: 0;
    height: 36px;
    outline: 0;
    padding: 8px;
    width: 36px
}

#siteHeader #membrosCtn {
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    line-height: 24px;
    margin: 0 25px;
    padding: 0 25px;
    position: relative;
    height: 24px;
    white-space: nowrap
}

#siteHeader #membrosCtn>div:first-child {
    align-items: center;
    color: #202a43;
    font-weight: 600;
    display: flex
}

#siteHeader #membrosCtn>div:first-child>div {
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    background-position: -16px 0;
    content: '';
    display: inline-block;
    height: 15px;
    margin-right: 10px;
    overflow: hidden;
    width: 15px
}

#siteHeader #membrosCtn>#membrosDropdown {
    display: none;
    right: 0;
    padding-top: 15px;
    position: absolute;
    z-index: 9
}

#siteHeader #membrosCtn>#membrosDropdown>div {
    background: rgba(222, 222, 222, .9);
    border: 1px solid #c9c9c9;
    border-radius: 15px;
    display: flex;
    font-size: 16px;
    padding: 10px
}

#siteHeader #membrosCtn>#membrosDropdown>div>div:first-child {
    border-right: 1px solid #c9c9c9;
    margin-right: 10px;
    padding-right: 10px
}

#siteHeader #membrosCtn>#membrosDropdown ul {
    font-weight: 600;
    list-style: none;
    margin: 0;
    padding: 0
}

#siteHeader #membrosCtn>#membrosDropdown ul li a {
    color: #333;
    display: block;
    padding: 4px 8px
}

#siteHeader #membrosCtn>#membrosDropdown ul li a:hover {
    background: #004379;
    color: #fff
}

#siteHeader #membrosCtn>#membrosDropdown label {
    font-weight: 600
}

#siteHeader #membrosCtn>#membrosDropdown .form-group {
    margin-bottom: .5rem
}

#siteHeader #membrosCtn>#membrosDropdown input[type=text] {
    border: 0;
    border-radius: 18px;
    font-size: 14px;
    height: 36px;
    line-height: 36px
}

#siteHeader #membrosCtn>#membrosDropdown input[type=submit] {
    background: #004379;
    border: 0;
    border-radius: 18px;
    color: #fff;
    line-height: 36px;
    margin: 0 auto;
    padding: 0 20px
}

#siteHeader #membrosCtn>#membrosDropdown #esqueciMinhaSenha {
    border-bottom: 1px solid #c9c9c9;
    color: #666;
    display: block;
    font-size: 14px;
    margin: 0 20px;
    padding: 10px 0;
    text-align: center
}

.idiomas {
    display: flex;
    font-size: 0;
    justify-content: center;
    padding-top: 10px
}

.idiomas a {
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    display: inline-block;
    height: 21px;
    width: 21px
}

.idiomas .pt {
    background-position: 0 -109px
}

.idiomas .en {
    background-position: -21px -109px;
    margin: 0 10px
}

.idiomas .es {
    background-position: -42px -109px
}

.idiomas .pt-2 {
    background-position: -63px -109px;
    margin: 0 10px;
}

#siteHeader>div>div:nth-child(2) {
    background: #eee;
    border-bottom: 1px solid #ddd
}

#siteHeader #logo {
    margin: 0;
    padding: 20px 0
}

#menuPrincipal {
    margin-left: 40px;
}

#menuPrincipal ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#menuPrincipal .subMenuTitle {
    cursor: default
}

#menuPrincipal a {
    color: #000;
    display: block
}

body:not(.mob) #menuPrincipal>ul {
    display: flex;
    font-size: 15px;
    position: relative
}

body:not(.mob) #menuPrincipal>ul>li {
    margin-left: 15px
}

body:not(.mob) #menuPrincipal>ul>li:first-child {
    margin-left: 0
}

body:not(.mob) #menuPrincipal>ul>li>a {
    padding-bottom: 3px;
    white-space: nowrap
}

body:not(.mob) #menuPrincipal>ul>li>.subMenuTitle,
body:not(.mob) #menuPrincipal>ul>li>a {
    padding: 3px 0
}

body:not(.mob) #menuPrincipal>ul>li.ativo>.subMenuTitle,
body:not(.mob) #menuPrincipal>ul>li.ativo>a {
    border-bottom: 3px solid #004379;
    color: #004379;
    padding-bottom: 0
}

#menuPrincipal .subMenu {
    visibility: hidden;
    opacity: 0;
    transition: .1s ease
}

body:not(.mob) #menuPrincipal .subMenu {
    padding-top: 15px;
    position: absolute;
    right: 0;
    z-index: 10
}

body:not(.mob) #menuPrincipal li.ativo .subMenu {
    visibility: visible;
    opacity: 1
}

body:not(.mob) #menuPrincipal .subMenu>div {
    background: #ddd;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    width: 100%
}

body:not(.mob) #menuPrincipal .subMenu>div>div {
    margin-left: 25px
}

body:not(.mob) #menuPrincipal .subMenu>div>div:first-child {
    display: flex;
    justify-content: space-between;
    margin-left: 0
}

body:not(.mob) #menuPrincipal .subMenu>div>div .voltar {
    display: none
}

body:not(.mob) #menuPrincipal .subMenu>div>div>ul {
    margin-left: 25px
}

body:not(.mob) #menuPrincipal .subMenu>div>div>ul:first-of-type {
    margin-left: 0
}

.subSubMenuTitle,
body:not(.mob) #menuPrincipal .subMenu>div>div>ul>li>a {
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    padding: 5px 10px
}

body:not(.mob) #menuPrincipal .subMenu>div>div>ul>li>a:hover {
    background: #004379;
    color: #fff
}

body:not(.mob) #menuPrincipal .subMenu>div>div>ul>li>div>ul {
    border-bottom: 1px solid #ccc;
    font-size: .9em;
    padding: 5px 15px 0
}

body:not(.mob) #menuPrincipal .subMenu>div>div>ul>li>div>ul>li {
    margin-bottom: 5px
}

body:not(.mob) #menuPrincipal .subMenu>div>div>ul>li>div>ul>li>a:hover {
    color: #004379
}

body:not(.mob) #menuPrincipal .subMenu>div>div>ul>li>div>ul>li>a:before {
    content: '» '
}

body:not(.mob) #menuPrincipal .subMenu>div>div>ul>li>div>ul.column2 {
    column-count: 2;
    column-gap: 20px;
    padding-bottom: 5px
}

body:not(.mob) #menuPrincipal #subMenuASpr.subMenu {
    left: -30px;
    right: initial
}

body:not(.mob) #menuPrincipal #subMenuMembros.subMenu {
    left: -30px;
    right: initial
}

body:not(.mob) #menuPrincipal #subMenuEventos>div>div.coluna1>ul:first-of-type {
    min-width: 410px
}

body:not(.mob) #menuPrincipal #subMenuEventos>div>div.coluna1>ul:last-child {
    min-width: 200px
}

body:not(.mob) #menuPrincipal #subMenuED>div>div.coluna1>ul:first-of-type {
    min-width: 330px
}

body:not(.mob) #menuPrincipal #subMenuED>div>div.coluna1>ul:last-child {
    min-width: 280px
}

body:not(.mob) #menuPrincipal #subCertificados>div>div.coluna1>ul:first-of-type {
    min-width: 310px
}

body:not(.mob) #menuPrincipal #subCertificados>div>div.coluna1>ul:last-child {
    min-width: 300px
}

#menuPrincipal .adsense {
    color: #999;
    font-size: .7em;
    text-align: right
}

#siteHeader #menuMobileIcon {
    display: none;
    margin-right: 15px;
    width: 35px
}

#bannerCtn {
    background: #eee;
    border-bottom: 1px solid #ddd
}

#bannerCtn>div {
    margin: 0 auto;
    max-width: 100%
}

#bannerCtn>div img {
    display: block;
    width: 100%
}

.slick-arrow {
    background-color: transparent;
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    border: 0;
    color: transparent;
    font-size: 0;
    height: 45px;
    outline: 0 !important;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 27px;
    z-index: 7
}

.slick-arrow.slick-prev {
    background-position: -63px 0;
    left: -57px;
    left: 30px
}

.slick-arrow.slick-next {
    background-position: -90px 0;
    right: -57px;
    right: 30px
}

#conteudoPagina {
    background: #fff;
    padding: 30px 15px;
    margin: 0 auto;
    max-width: 1290px
}

.conteudoTexto {
    padding: 20px 15px;
    margin: 0 auto;
    max-width: 1290px;


}

.gap-rem {
    gap: 2rem;
}



#conteudoPagina2 {
    background: #fff;
    padding: 60px 15px;
    margin: 0 auto;
    max-width: 1290px
}

#associeseRow>div>div {
    background: url(/Img/sihueta.png) #eee no-repeat -4px 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 22px 15px 22px 100px
}

#associeseRow>div>div a {
    align-items: center;
    background: #252e4b;
    border-radius: 18px;
    color: #fff;
    display: flex;
    font-weight: 600;
    height: 36px;
    padding: 0 0 0 2px;
    white-space: nowrap
}

#associeseRow>div>div a:before {
    transition: .5s all;
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    content: '';
    display: inline-block;
    height: 32px;
    overflow: hidden;
    width: 32px
}

#associeseRow>div>div a:hover:before {
    transform: rotate(360deg)
}

#botaoBR:before {
    background-position: 0 -45px
}

#botaoEN {
    font-size: 14px
}

#botaoEN:before {
    background-position: -32px -45px
}

#botaoES:before {
    background-position: -64px -45px
}

#associeseRow>div>div a span {
    flex-grow: 1;
    max-width: 100%;
    text-align: center
}

.box-branco,
.box-cinza {
    background: #eee;
    border: solid 1px #ddd;
    border-radius: 10px;
    padding: 25px
}

.box-branco {
    background: #fff
}

#homeHighlights h3 {
    color: #004379;
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

#homeHighlights h3::after {
    content: '»';
    margin-left: 10px
}

#homeHighlights h4 {
    color: #666;
    font-size: 22px;
    font-weight: 600;
    margin: 0
}

#homeHighlights p {
    margin-bottom: 2rem
}

.botaoIcon {
    align-items: center;
    border-radius: 18px;
    color: #fff;
    display: flex;
    font-weight: 600;
    height: 36px;
    padding: 0 0 0 2px;
    white-space: nowrap
}

.botaoIcon:before {
    transition: .5s all;
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    content: '';
    display: inline-block;
    height: 32px;
    overflow: hidden;
    width: 32px
}

.botaoIcon:hover:before {
    transform: rotate(360deg)
}

.botaoIcon span {
    flex-grow: 1;
    max-width: 100%;
    text-align: center
}

.fit.botaoIcon span {
    margin: 0 20px 0 15px
}

.botaoIcon.botaoIconSetaR:before {
    background-position: -31px 0
}

.botaoIcon.botaoIconBrazil:before {
    background-position: 0 -45px
}

.botaoIcon.botaoIconEspanha:before {
    background-position: -64px -45px
}

.botaoIcon.botaoIconEngland:before {
    background-position: -32px -45px
}

.botaoIcon.botaoIconBgRed {
    background: #004379;
    color: #fff
}

.botaoIcon.botaoIconBgBlue {
    background: #252e4b
}

.botaoIcon.botaoIconBgBlue:hover {
    color: #fff
}

.botaoIcon.botaoIconPlay:before {
    background-position: -96px -45px
}

.botaoIcon.botaoIconRedOutline {
    border: solid 1px #004379;
    color: #333;
    padding: 0 0 0 1px
}

.box-branco-borda,
.box-cinza-borda {
    background: linear-gradient(transparent, #004379);
    border-radius: 10px;
    padding-bottom: 2px
}

#bloco-ex-presidentes .box-branco-borda {
    max-width: 75px;
    margin: 0 auto
}

#homeDestaques p {
    margin: 0;
    text-align: center
}

#homeDestaques .img {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

#homeDestaques .img img {
    max-width: 100%
}

#homeDestaques {
    text-align: center
}

#homeDestaques .destaque {
    font-size: 20px;
    font-weight: 600
}

body .btnVermelho,
body .mais-detalhes {
    background: #004379;
    border-radius: 18px;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    margin: 0 auto;
    padding: 0 20px
}

.btnVermelho {
    padding: 0 30px
}

.btnVermelho.grande {
    line-height: 50px;
    font-size: 24px;
    padding: 0 50px
}

.mais-detalhes:before {
    content: '+';
    margin-right: 5px
}

#pub-945 {
    color: #999;
    font-size: 12px
}

#pub-945 img {
    width: 100%
}

#homeNoticias .data {
    color: #999;
    font-size: 16px
}

#homeNoticias img {
    border: 5px solid #eee;
    border-radius: 10px;
    display: block;
    min-width: 300px;
    width: 100%
}

#homeNoticias h3 {
    color: #666;
    font-size: 22px;
    font-weight: 600;
    margin: 0
}

#homeNoticias p {
    margin: 0
}

.leia-mais {
    color: #004379
}

.leia-mais::after {
    content: '»';
    margin-left: 5px
}

#homeEventos {
    text-align: right
}

#homeEventos a {
    color: #999;
    display: block;
    font-size: 12px
}

#homeEventos a img {
    /*min-width: 200px;*/
    width: 100%
}

#homeEventos .col a:last-child:after {
    content: '»';
    margin-left: 5px
}

#homeUltimasNoticias h3 {
    color: #333;
    font-size: 16px;
    text-transform: uppercase
}

#homeUltimasNoticias ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#homeUltimasNoticias.interna ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#homeUltimasNoticias.interna ul li {
    width: 100%;
    max-width: 300px;
}

#homeUltimasNoticias ul {
    display: flex;
    flex-wrap: wrap;
}

#homeUltimasNoticias ul li a {
    align-items: center;
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px
}

#homeUltimasNoticias ul li a>div {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 30px;
    color: #333;
    height: 60px;
    margin-right: 15px;
    text-align: center;
    width: 60px;
    min-width: 60px
}

#homeUltimasNoticias ul li a>div>span.diaMes {
    display: block;
    font-size: 24px;
    font-weight: 600;
    height: 30px;
    margin-top: 5px
}

#homeUltimasNoticias ul li a>div>span.diaSemana {
    display: block;
    font-size: 12px;
    font-weight: 400
}

#homeUltimasNoticias ul li a>span {
    color: #666;
    font-size: 14px
}

#homeUltimasNoticias ul li a>span:after {
    content: '»';
    margin-left: 5px
}

#homeUltimasNoticias ul li a:hover>div {
    background: #004379;
    color: #fff
}

#homeUltimasNoticias ul li a:hover>span {
    color: #004379;
    text-decoration: underline
}

#newsCtn #preTitle {
    font-size: 18px
}

#newsCtn h2 {
    font-size: 24px
}

#newsCtn .form-group {
    margin-bottom: .6rem
}

#newsCtn input {
    border: 1px solid #ddd;
    border-radius: 20px;
    height: 40px
}

#newsCtn input[type=submit] {
    background: #004379;
    color: #fff;
    outline: 0;
    width: 100%
}

#siteFooter {
    font-size: 16px;
    width: 100%;
    overflow: visible;
}

#siteFooter>div:nth-child(1) {
    background: #eee
}

#siteFooter>div:nth-child(2) {
    background: #bbb;
}

#siteFooter>div>div {
    margin: 0 auto;
    max-width: 1290px;
    padding: 0 10px;
    position: relative
}

#siteFooter>div:nth-child(1)>div {
    padding: 30px 0
}

#siteFooter h6 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1rem
}

#siteFooter #ft-endereco,
#siteFooter #ft-horario,
#siteFooter #ft-tel,
#siteFooter #ft-cel {
    align-items: center;
    display: flex
}

#siteFooter #ft-endereco:before,
#siteFooter #ft-horario:before,
#siteFooter #ft-tel:before,
#siteFooter #ft-cel:before {
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    content: '';
    display: inline-block;
    overflow: hidden
}

#siteFooter #ft-endereco:before {
    background-position: 0 -77px;
    height: 32px;
    margin-right: 15px;
    width: 24px
}

#siteFooter #ft-tel:before {
    background-position: -24px -77px;
    height: 24px;
    margin-right: 15px;
    width: 24px
}

#siteFooter #ft-cel:before {
    background-position: -78px -77px;
    height: 28px;
    margin-right: 15px;
    width: 31px
}

#siteFooter #ft-horario:before {
    background-position: -48px -77px;
    height: 30px;
    margin-right: 9px;
    width: 30px
}

#siteFooter #ft-menu {
    list-style: none;
    padding: 0;
    margin: 0
}

#siteFooter #ft-menu li {
    margin-bottom: .1rem
}

#siteFooter #ft-menu li a {
    color: #333
}

#siteFooter #ft-menu li a:before {
    color: #004379;
    content: '»';
    margin-right: 5px
}

#siteFooter #ft-filiacao {
    display: inline-block;
}

#siteFooter #ft-parceria {
    display: inline-block
}

#siteFooter #newsletter span {
    font-size: 16px;
}

#siteFooter #newsletter h6 {
    margin-top: 0;
}

#siteFooter #newsletter form input {
    border: 1px solid #ccc;
    border-radius: 20px;
    display: block;
    font-size: 14px;
    height: 40px;
    margin-bottom: 10px;
    padding: 0 15px;
    width: 100%;
    outline: none;
}

#siteFooter #newsletter form button {
    background: #18a7b5;
    border: none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    width: 100%;
}

#siteFooter #newsletter form button:hover {
    background: #149aa7;
}

#rowCopyright {
    align-items: center;
    background: #ddd;
    display: flex;
    padding: 10px 0;
    width: 100%;
}

#rowCopyright>div {
    margin: 0 auto;
    max-width: 1290px;
    padding: 0 10px;
}

#rowCopyright p {
    color: #666;
    margin: 0;
    text-align: center;
    width: 100%
}

#topo {
    align-items: center;
    background: #18a7b5;
    border-radius: 35px;
    cursor: pointer;
    display: flex;
    height: 70px;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: -35px;
    width: 70px;
    z-index: 10
}

.sticky {
    padding-top: 166px
}

.sticky #siteHeader {
    background: #eee;
    border-bottom: 1px solid #ddd;
    height: 105px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1040
}

.sticky #siteHeader>div>div>div {
    padding: 0
}

.sticky #siteHeader>div {
    justify-content: space-between;
    display: flex;
    margin: 0 auto;
    max-width: 1290px;
    padding: 0 15px
}

.sticky #siteHeader>div>div:nth-child(1) {
    align-items: center;
    background: 0 0;
    display: flex;
    order: 1
}

.sticky #siteHeader>div>div:nth-child(2) {
    background: 0 0;
    border-bottom: 0;
    order: 0
}

.sticky #siteHeader .areaAssociado {
    display: none;
}

.sticky #siteHeader #logo {
    padding: 10px 0
}

.sticky #siteHeader #telefone {
    display: none
}

.sticky #siteHeader #buscaMembrosAssociese {
    width: auto
}

.sticky #siteHeader>div>div:nth-child(2) {
    background: 0 0;
    border-bottom: 0;
    order: 0;
    flex-grow: 1;
    display: flex;
    align-items: center
}

.sticky #siteHeader #membrosCtn {
    margin: 0 10px 0 15px;
    padding: 0 20px;
    order: 0
}

.sticky #siteHeader #busca {
    order: 1;
    width: auto
}

.sticky #siteHeader #busca div:first-child {
    align-items: center;
    border-right: 1px solid #c9c9c9;
    height: 24px;
    display: flex;
    margin-right: 15px;
    padding: 0 10px 0 0
}

.sticky #siteHeader #busca #buscaTextSubmit {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    background: rgba(0, 0, 0, .7)
}

.sticky #siteHeader #busca #buscaTextSubmit input[type=image] {
    height: 70px;
    width: 70px
}

.sticky #siteHeader #busca>#buscaTextSubmit>div {
    background: 0 0;
    border-radius: 0;
    border-right: none;
    height: auto;
    justify-content: center;
    margin-right: 0;
    padding: 0
}

.sticky #siteHeader #busca input[type=text] {
    background: 0 0;
    border: 0;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    color: #fff;
    line-height: 70px;
    height: 70px;
    font-size: 50px;
    outline: 0;
    padding: 0 10px;
    width: auto
}

.sticky #siteHeader nav>ul>li:last-child,
/*.sticky #menuRedesSociais {
    display: none
}*/

body.sticky:not(.mob) #menuPrincipal #subMenuASpr.subMenu,
body.sticky:not(.mob) #menuPrincipal #subMenuConcursos.subMenu,
body.sticky:not(.mob) #menuPrincipal #subMenuPublicacoes.subMenu {
    width: auto
}

body.sticky:not(.mob) #menuPrincipal #subMenuMembros.subMenu,
body.sticky:not(.mob) #menuPrincipal #subMenuConcursos.subMenu,
body.sticky:not(.mob) #menuPrincipal #subMenuPublicacoes.subMenu {
    width: auto
}

body.sticky:not(.mob) #menuPrincipal .subMenu {
    left: 0;
    width: calc(100% + 342px)
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #004379;
    background-color: #004379;
}

.custom-switch {
    margin-top: -40px;
}

#barraTituloCtn {
    background: url(/img/bgTitulo.jpg) center center no-repeat;
    background-size: cover
}

#barraTituloCtn>div {
    color: #fff;
    margin: 0 auto;
    max-width: 1290px;
    padding: 25px 15px;
}

#barraTituloCtn>div .breadcrumb {
    background: 0 0;
    color: #ccc;
    font-size: 14px;
    margin: 0;
    padding: 0
}

#barraTituloCtn>div .breadcrumb a {
    color: #ccc
}

#barraTituloCtn .breadcrumb-item+.breadcrumb-item::before {
    color: #ccc;
    content: "»"
}

#barraTituloCtn .breadcrumb-item.active {
    color: #ccc
}

#barraTituloCtn>div h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin: 0
}

#sideNav {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin-bottom: 50px;
    padding-bottom: 60px
}

#sideNav h2 {
    font-size: 18px;
    margin: 0;
    padding: 20px 30px
}

#sideNav h2:after {
    content: ''
}

#sideNav h2:before {
    content: '\2630';
    margin-right: 10px
}

#sideNav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#sideNav ul li:first-child {
    border-TOP: 1px solid #ddd
}

#sideNav ul li {
    border-bottom: 1px solid #ddd
}

#sideNav ul li a {
    display: block;
    color: #333;
    padding: 5px 30px
}

#sideNav ul li a:hover {
    background: #004379;
    color: #fff
}

.cdin h2 {
    font-size: 30px;
    margin-bottom: 20px
}

.cdin h2:after {
    content: ''
}

.cdin h3,
h3.cinza {
    color: #666;
    font-size: 22px;
    margin-bottom: 15px
}

.cdin p {
    display: block;
    margin: 5px 0 20px;
    width: 100%
}

.cdin img {
    display: block;
    margin: 5px 0 20px;
    max-width: 100%;
    height: auto;
}

.collpaseRosa .tbl {
    border-radius: 0 0 15px 15px
}

.tbl {
    border: 1px solid #ddd;
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 15px;
    overflow: hidden;
    width: 100%
}

.tbl thead th {
    background: #18a7b5;
    color: #fff;
    font-size: 18px;
    padding: 10px 15px
}

.tbl td,
.tbl th {
    border: 1px solid #ddd;
    padding: 10px 15px;
    vertical-align: top
}

.tbl th.bgCinzaEscuro {
    background: #ddd;
    color: #212529;
    font-size: 16px
}

.tbl .tag {
    background: #666;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    clear: both;
    padding: 2px 7px
}

.nav-tabs {
    border-bottom: 0;
    margin-left: 30px
}

.nav-tabs .nav-link {
    background: #eee;
    border-bottom: 0;
    border-color: #ddd;
    border-radius: 15px 15px 0 0;
    color: #666;
    font-weight: 600;
    margin: 0 3px;
    padding: 12px 35px
}

.nav-tabs .nav-link.active {
    color: #FFFFFF;
    background-color: #18a7b5;
}

.nav-tabs .nav-link:hover:not(.active) {
    border-color: #ddd;
    color: #333
}

.collapseBlock {
    margin-bottom: 30px
}

.collapseBlock>a,
.collapseBlock>button {
    align-items: center;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 15px 15px 0 0;
    color: #333;
    display: flex;
    font-weight: 600
}

.collapseBlock>a.collapsed,
.collapseBlock>button.collapsed {
    border-radius: 15px
}

.collapseBlock>a:before,
.collapseBlock>button:before {
    content: '-';
    font-size: 40px;
    line-height: 45px;
    width: 50px;
    border-right: 1px solid #ddd;
    margin-right: 15px;
    height: 50px;
    text-align: center
}

.collapseBlock>a.collapsed:before,
.collapseBlock>button.collapsed:before {
    content: '+'
}

.collapseBlock>div {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 15px
}

.collpaseBranco,
.collpaseRosa {
    margin-bottom: 30px
}

.collpaseBranco>a,
.collpaseBranco>button,
.collpaseRosa>a {
    align-items: center;
    background: #ff7a7b;
    border-radius: 15px 15px 0 0;
    color: #fff;
    display: flex;
    font-weight: 600;
    min-height: 50px;
    outline: 0;
    padding: 10px 10px 10px 60px;
    position: relative;
    text-align: left;
    width: 100%
}

.collpaseBranco>a,
.collpaseBranco>button {
    background: #fff;
    border: 1px solid #ddd;
    color: #212529
}

.collpaseBranco>a.collapsed,
.collpaseBranco>button.collapsed,
.collpaseRosa>a.collapsed {
    border-radius: 15px
}

.collpaseBranco>a:before,
.collpaseBranco>button:before,
.collpaseRosa>a:before {
    content: '-';
    font-size: 40px;
    line-height: 45px;
    width: 50px;
    border-right: 1px solid #fff;
    margin-right: 15px;
    height: 50px;
    left: 0;
    position: absolute;
    text-align: center
}

.collpaseBranco>a:before,
.collpaseBranco>button:before {
    border-right: 1px solid #ddd;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.collpaseBranco>a.collapsed:before,
.collpaseBranco>button.collapsed:before,
.collpaseRosa>a.collapsed:before {
    content: '+'
}

.link-caixa-cinza {
    align-items: center;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    height: 70px;
    line-height: 70px;
    padding: 0 15px
}

.link-caixa-cinza div {
    border-left: 1px solid #ddd;
    padding-left: 15px
}

.link-caixa-cinza:before {
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    background-position: 0 268px;
    content: '';
    display: inline-block;
    font-size: 40px;
    line-height: 70px;
    width: 29px;
    margin-right: 15px;
    height: 29px;
    text-align: center
}

.fichasBtnCtn {
    display: flex
}

.fichasBtnCtn a.botaoIcon {
    width: 160px
}

.lastColumn {
    width: 1%;
    white-space: nowrap
}

.pagination>span {
    display: flex;
    font-size: 0;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.anterior {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.proximo {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination>span>a,
.pagination>span>span {
    font-size: 16px;
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6
}

.table-responsive {
    padding: 1px
}

.modal-xl {
    max-width: 940px
}

#lbProgramacao .modal-header {
    justify-content: center
}

#lbProgramacao .modal-header .close {
    position: absolute;
    right: 1rem
}

.btnTabelaValores {
    align-items: center;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #004379;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    height: 70px
}

.btnTabelaValores>div {
    align-items: center;
    border-right: 1px solid #ddd;
    display: flex;
    margin-right: 15px;
    height: 70px;
    width: 70px
}

.btnTabelaValores>div:before {
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    background-position: 0 -130px;
    border-right: 1px solid #ddd;
    content: ' ';
    font-size: 40px;
    height: 29px;
    line-height: 65px;
    margin: 0 auto;
    text-align: center;
    width: 30px
}

#fichasInscricaoBtnCtn {
    display: flex
}

#fichasInscricaoBtnCtn a {
    margin-left: 20px;
    min-width: 170px
}

#fichasInscricaoBtnCtn a:first-child {
    margin-left: 0
}

.empresasCtn {
    justify-content: center;
}

.empresasCtn>div {
    display: flex
}

.empresasCtn>div>div {
    align-items: center;
    display: flex;
    /*min-height: 200px;*/
    width: 100%
}

.empresasCtn>div>div a {
    /*display: flex;*/
    height: 100%;
    align-items: center;
    width: 100%;
    font-weight: 600;
    text-align: center;
    color: #333;
    font-size: 16px;
}

.empresasCtn>div>div img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
}

.btn-danger {
    border-color: #004379 !important;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #004379 !important;
    border-color: #004379 !important;
}

.btn-danger.focus,
.btn-danger:focus {
    box-shadow: initial !important;
}

p a {
    text-decoration: underline;
}

#bloco-relacionamento .box-branco {
    min-height: initial;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

@media (min-width: 576px) {

    #newsCtn {
        max-width: 280px;
    }

    .row.rowFive .col {
        flex: 0 0 20%;
        max-width: 20%;
    }

    #bloco-relacionamento .box-branco {
        min-height: 500px;
        display: flex;
        flex-flow: column;
        justify-content: initial;
    }
}

#bloco-relacionamento .box-branco h3 {
    color: #b9313a;
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

#bloco-relacionamento .box-branco p {
    margin: 0;
    text-align: center
}

#bloco-como-associar .box-branco,
#bloco-quem-somos .box-branco {
    background: url(/img/bgComoSeAssociar.png) 110% 50px no-repeat, url(/img/bgComoSeAssociar-2.jpg) 0 0
}

#bloco-como-associar img {
    margin-right: 20px
}

#bloco-como-associar h4 {
    font-size: 17px;
    font-weight: 600;
    height: 56px
}

#bloco-como-associar p {
    text-align: left;
    line-height: 25px
}

#bloco-como-associar p.lh19 {
    line-height: 19px
}

#bloco-como-associar p.lh37 {
    line-height: 38px
}

#bloco-como-associar .div {
    background: #b93139;
    height: 2px;
    width: 65%
}

#bloco-como-associar .btnVermelho {
    padding: 0 60px
}

#bloco-quem-somos .box-branco {
    background: url(/img/bgComoSeAssociar.png) right -50px bottom -33px no-repeat, url(/img/bgComoSeAssociar-2.jpg) 0 0;
    min-height: 375px
}

#bloco-quem-somos h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: center
}

#bloco-quem-somos .img {
    align-items: center;
    display: flex;
    height: 128px;
    justify-content: center
}

#bloco-quem-somos .div {
    background: #004379;
    height: 2px;
    margin: 0 auto;
    width: 40px
}

#bloco-quem-somos p {
    margin: 0;
    text-align: center
}

.vermelho {
    color: #004379
}

#barraIdioma {
    align-items: center;
    justify-content: center;
    display: flex;
    position: absolute;
    right: 15px;
    top: -45px
}

#barraIdioma a {
    transition: .5s all;
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    content: '';
    display: inline-block;
    height: 32px;
    margin-left: 5px;
    overflow: hidden;
    width: 32px
}

#barraIdioma a.pt-br {
    background-position: 0 -45px
}

#barraIdioma a.en-us {
    background-position: -32px -45px
}

#barraIdioma a.es-es {
    background-position: -64px -45px
}

#barraIdioma a.pt-pt {
    background-position: -128px -45px
}

#barraTituloCtn.tituloAssociese {
    background-image: url(/img/bgAssociese.jpg)
}

#barraTituloCtn.tituloAssocieseEn {
    background-image: url(/img/bgAssocieseEn.jpg)
}

#barraTituloCtn.tituloAssocieseEs {
    background-image: url(/img/bgAssocieseEs.jpg)
}

#barraTituloCtn.tituloAssocieseConveniado {
    background-image: url(/img/bgAssocieseConveniado.jpg)
}

#barraTituloCtn.tituloAssocieseConveniado-esp {
    background-image: url(/img/bgAssocieseConveniado-esp.jpg)
}

#barraTituloCtn.tituloAssocieseConveniado-en {
    background-image: url(/img/bgAssocieseConveniado-en.jpg)
}

#barraTituloCtn.tituloAssocieseMedicoEs {
    background-image: url(/img/bgAssocieseMedicoEs.jpg)
}

#barraTituloCtn.tituloAssocieseMedicoEn {
    background-image: url(/img/bgAssocieseMedicoEn.jpg)
}

#barraTituloCtn.tituloAssociaseJpr {
    background-image: url(/img/bgTitulo.jpg)
}

.btnTeal {
    background: #18a7b5;
    border-radius: 18px;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    padding: 0 20px;
    text-decoration: underline
}

.btnTeal:hover {
    background: #128f9c;
    color: #fff
}

.caixa-aviso {
    border: 1px solid #c8e6ea;
    border-radius: 8px;
    background: #f0fafc;
    padding: 16px 20px
}

.bloco-cinza-jpr {
    background: #f2f2f2;
    margin-top: 10px
}

.btnAzulClaro {
    background: #18a7b5;
    border: 2px solid #18a7b5;
    border-radius: 18px;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    padding: 0 24px;
    text-decoration: underline
}

.btnAzulClaro:hover {
    background: #128f9c;
    border-color: #128f9c;
    color: #fff
}

#barraTituloCtn.tituloGenerico {
    background-image: url(/img/bgGenerico.jpg)
}

#barraTituloCtn.tituloMembros {
    background-image: url(/img/bgGenerico.jpg);
}

#barraTituloCtn.tituloMembrosEn {
    background-image: url(/img/bgGenerico.jpg);
}

#barraTituloCtn.tituloMembrosEs {
    background-image: url(/img/bgGenerico.jpg);
}

#bloco-ex-presidentes,
#bloco-membros,
#bloco-parcerias {
    text-align: center
}

#bloco-ex-presidentes .box-branco,
#bloco-membros .box-branco {
    padding: 0
}

.box-branco.img-box {
    padding: 0
}

#bloco-parcerias .box-branco {
    padding: 10px
}

#bloco-ex-presidentes .box-branco img,
#bloco-membros .box-branco img,
#bloco-parcerias .box-branco img,
.box-branco.img-box img {
    border-radius: 10px;
    display: block;
    width: 100%
}

.box-branco.img-box img {
    width: auto
}

#bloco-membros h3 {
    font-size: 18px;
    font-weight: 600
}

#bloco-ex-presidentes h3 {
    font-size: 14px;
    font-weight: 600
}

#bloco-ex-presidentes span {
    font-size: 14px
}

#bloco-ex-presidentes .div,
#bloco-membros .div,
#bloco-parcerias .div,
.radiologia .div {
    background: #004379;
    height: 2px;
    margin: 0 auto;
    width: 30px
}

#listaEventos {
    text-align: center
}

#listaEventos img {
    display: block;
    width: 100%
}

#listaEventos span {
    color: #212529;
    font-weight: 600
}

.radiologia h4 {
    font-size: 18px;
    font-weight: 600
}

.fit {
    width: fit-content
}

.cdin .box-cinza h3.cinza {
    font-size: 22px;
    font-weight: 600
}

.cdin .box-cinza img {
    margin: 0
}

#mapa {
    border: 1px solid #ced4da;
    height: 300px;
    width: 100%
}

#listaPublicacoes iframe {
    max-width: 100%
}

#badgesApp {
    margin-top: -20px
}

#badgesApp a {
    display: block;
    margin-bottom: 10px
}

#badgesApp a img {
    display: block;
    margin: 0 auto;
    max-width: 200px
}

.card {
    border-left: 5px solid #004379
}

.searchResultItem .link {
    color: #007bff
}

.searchResultItem .tipo {
    color: #007bff;
    border: 1px solid #007bff;
    margin-right: 5px
}

.icon-bar {
    display: none;
}

#menuPrincipal .icon-bar a {
    display: block;
    text-align: center;
    padding: 10px 15px;
    transition: all .3s ease;
    color: #fff;
    font-size: 24px
}

.facebook {
    background: #3b5998;
    color: #fff
}

.twitter {
    background: #111111;
    color: #fff
}

.instagram {
    background: #f77737;
    color: #fff
}

.youtube {
    background: #b00;
    color: #fff
}

.txAzul {
    color: #004379;
}

.listIcone {
    color: #004379;
}

.listIcone div {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.listIcone div i {
    margin-right: 10px;
}

.collpaseCategorias,
.collpaseRosaCategorias {
    margin-bottom: 0px
}

.collpaseCategorias>a,
.collpaseCategorias>button,
.collpaseRosaCategorias>a {
    align-items: center;
    background: #ff7a7b;
    border-radius: 15px 15px 0 0;
    color: #fff;
    display: flex;
    font-weight: 600;
    min-height: 50px;
    outline: 0;
    padding: 10px 10px 10px 50px;
    position: relative;
    text-align: left;
    width: 100%
}

.collpaseCategorias>a,
.collpaseCategorias>button {
    background: #fff;
    border: 0px solid #ddd;
    color: #212529
}

.collpaseCategorias>a.collapsed,
.collpaseCategorias>button.collapsed,
.collpaseRosaCategorias>a.collapsed {
    border-radius: 15px
}

.collpaseCategorias>a:before,
.collpaseCategorias>button:before,
.collpaseRosaCategorias>a:before {
    /*content: '-';*/
    font-size: 1.3em;
    content: '\f078';
    font-family: 'FontAwesome' !important;
    color: #004379;
    line-height: 45px;
    width: 50px;
    border-right: 0px solid #fff;
    margin-right: 15px;
    height: 50px;
    left: 0;
    position: absolute;
    text-align: center
}

.collpaseCategorias>a:before,
.collpaseCategorias>button:before {
    border-right: 0px solid #ddd;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.collpaseCategorias>a.collapsed:before,
.collpaseCategorias>button.collapsed:before,
.collpaseRosaCategorias>a.collapsed:before {
    /*content: '+';*/
    font-size: 1.3em;
    content: '\f054';
    font-family: 'FontAwesome' !important;
    color: #004379;
}

.collapseBlockCategorias {
    margin-bottom: 10px
}

.collapseBlockCategorias>a,
.collapseBlockCategorias>button {
    align-items: center;
    background: #fff;
    border: solid 0px #ddd;
    border-radius: 15px 15px 0 0;
    color: #333;
    display: flex;
    font-weight: 600
}

.collapseBlockCategorias>a.collapsed,
.collapseBlockCategorias>button.collapsed {
    border-radius: 15px
}

.collapseBlockCategorias>a:before,
.collapseBlockCategorias>button:before {
    content: '-';
    font-size: 40px;
    line-height: 45px;
    width: 50px;
    border-right: 0px solid #ddd;
    margin-right: 15px;
    height: 50px;
    text-align: center
}

.collapseBlockCategorias>a.collapsed:before,
.collapseBlockCategorias>button.collapsed:before {
    content: '+'
}

.collapseBlockCategorias>div {
    border: 0px solid #ddd;
    border-top: 0;
    padding: 15px
}

.text-start {
    text-align: left !important;
}

.mvv img {
    width: 250px;
}



.banner-develop,
.banner-numbers {
    background: #004379;
}

.banner-numbers {
    padding: 40px 0;
}

.btn-join {
    background: #18a7b5;
    color: #fff;
    padding: 5px 40px;
    border-radius: 20px;
    font-weight: 700;
}

.btn-learn {
    background: #18a7b5;
    color: #fff;
    padding: 5px 20px;
    border-radius: 20px;
    font-weight: 700;
}

.marginCenter {
    margin: 0 auto;
    padding: 60px 0;
}

.annual {
    padding: 45px 0 60px 0;

    gap: 1.7rem;
}

.annual h5 {
    color: #004379;
    font-weight: 700;
}


.color-blueC2 {
    color: #004379 !important;
}

.color-blueC {
    color: #18a7b5;
    font-size: 50px;
    font-weight: 900;
}

.btn-learn2 {
    background: #18a7b5;
    color: #fff;
    padding: 5px 20px;
    border-radius: 100px;
    font-weight: 700;
}



.looking h2 {
    font-size: 30px !important;
}

.marginCenter2 {
    margin: 0 auto;
    font-size: 28px;
}

.conteudo-mvv h2 {
    font-weight: 700 !important;
    color: #333333;
}

.bandeiras img {
    width: 24px !important;
}

.bandeiras .aus {
    width: 20px !important;
}

@media(max-width: 576px) {
    .banner-develop h2 {
        font-size: 26px !important;
    }

    .banner-develop .btn-join {
        font-size: 14px !important;
    }

    .banner-numbers .color-blueC {
        font-size: 30px;
    }

    .banner-numbers h2 {
        font-size: 20px;
    }

    .spr-title {
        font-size: 30px !important;
    }

    .gap-rem {
        gap: 1rem;
    }

    #conteudoPagina {
        padding: 20px 15px;
    }

    .marginCenter2 {
        font-size: 16px;
        margin-bottom: 30px;
    }
}

.position-esp {
    position: relative;
    bottom: 0px;
}

/* ============================================
   PÁGINAS INTERNAS - Barra de Título
   ============================================ */

#barraTituloCtn {
    background: url(/img/bgTitulo.jpg) center center no-repeat;
    background-size: cover
}

#barraTituloCtn>div {
    color: #fff;
    margin: 0 auto;
    max-width: 1290px;
    padding: 25px 15px;
}

#barraTituloCtn>div .breadcrumb {
    background: 0 0;
    color: #ccc;
    font-size: 14px;
    margin: 0;
    padding: 0
}

#barraTituloCtn>div .breadcrumb a {
    color: #ccc
}

#barraTituloCtn .breadcrumb-item+.breadcrumb-item::before {
    color: #ccc;
    content: "»"
}

#barraTituloCtn .breadcrumb-item.active {
    color: #ccc
}

#barraTituloCtn>div h1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin: 0
}

/* ============================================
   PÁGINAS INTERNAS - Navegação Lateral
   ============================================ */

#sideNav {
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin-bottom: 50px;
    padding-bottom: 60px
}

#sideNav h2 {
    font-size: 18px;
    margin: 0;
    padding: 20px 30px
}

#sideNav h2:after {
    content: ''
}

#sideNav h2:before {
    content: '\2630';
    margin-right: 10px
}

#sideNav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#sideNav ul li:first-child {
    border-top: 1px solid #ddd
}

#sideNav ul li {
    border-bottom: 1px solid #ddd
}

#sideNav ul li a {
    display: block;
    color: #333;
    padding: 5px 30px
}

#sideNav ul li a:hover {
    background: #004379;
    color: #fff
}

/* ============================================
   PÁGINAS INTERNAS - Área de Conteúdo
   ============================================ */

.cdin h2 {
    font-size: 30px;
    margin-bottom: 20px
}

.cdin h2:after {
    content: ''
}

.cdin h3,
h3.cinza {
    color: #666;
    font-size: 22px;
    margin-bottom: 15px
}

.cdin p {
    display: block;
    margin: 5px 0 20px;
    width: 100%
}

.cdin img {
    display: block;
    margin: 5px 0 20px;
    max-width: 100%;
    height: auto;
}

/* ============================================
   PÁGINAS INTERNAS - Tabs
   ============================================ */

.nav-tabs {
    border-bottom: 0;
    margin-left: 30px
}

.nav-tabs .nav-link {
    background: #eee;
    border-bottom: 0;
    border-color: #ddd;
    border-radius: 15px 15px 0 0;
    color: #666;
    font-weight: 600;
    margin: 0 3px;
    padding: 12px 35px
}

.nav-tabs .nav-link.active {
    color: #FFFFFF;
    background-color: #18a7b5;
}

.nav-tabs .nav-link:hover:not(.active) {
    border-color: #ddd;
    color: #333
}

/* ============================================
   PÁGINAS INTERNAS - Tabelas
   ============================================ */

.tbl {
    border: 1px solid #ddd;
    box-shadow: 0 0 0 1px #ddd;
    border-radius: 15px;
    overflow: hidden;
    width: 100%
}

.tbl thead th {
    background: #18a7b5;
    color: #fff;
    font-size: 18px;
    padding: 10px 15px
}

.tbl td,
.tbl th {
    border: 1px solid #ddd;
    padding: 10px 15px;
    vertical-align: top
}

.tbl th.bgCinzaEscuro {
    background: #ddd;
    color: #212529;
    font-size: 16px
}

.tbl .tag {
    background: #666;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    clear: both;
    padding: 2px 7px
}

/* ============================================
   PÁGINAS INTERNAS - Collapse Blocks
   ============================================ */

.collapseBlock {
    margin-bottom: 30px
}

.collapseBlock>a,
.collapseBlock>button {
    align-items: center;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 15px 15px 0 0;
    color: #333;
    display: flex;
    font-weight: 600
}

.collapseBlock>a.collapsed,
.collapseBlock>button.collapsed {
    border-radius: 15px
}

.collapseBlock>a:before,
.collapseBlock>button:before {
    content: '-';
    font-size: 40px;
    line-height: 45px;
    width: 50px;
    border-right: 1px solid #ddd;
    margin-right: 15px;
    height: 50px;
    text-align: center
}

.collapseBlock>a.collapsed:before,
.collapseBlock>button.collapsed:before {
    content: '+'
}

.collapseBlock>div {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 15px
}

.collpaseBranco,
.collpaseRosa {
    margin-bottom: 30px
}

.collpaseBranco>a,
.collpaseBranco>button,
.collpaseRosa>a {
    align-items: center;
    background: #ff7a7b;
    border-radius: 15px 15px 0 0;
    color: #fff;
    display: flex;
    font-weight: 600;
    min-height: 50px;
    outline: 0;
    padding: 10px 10px 10px 60px;
    position: relative;
    text-align: left;
    width: 100%
}

.collpaseBranco>a,
.collpaseBranco>button {
    background: #fff;
    border: 1px solid #ddd;
    color: #212529
}

.collpaseBranco>a.collapsed,
.collpaseBranco>button.collapsed,
.collpaseRosa>a.collapsed {
    border-radius: 15px
}

.collpaseBranco>a:before,
.collpaseBranco>button:before,
.collpaseRosa>a:before {
    content: '-';
    font-size: 40px;
    line-height: 45px;
    width: 50px;
    border-right: 1px solid #fff;
    margin-right: 15px;
    height: 50px;
    left: 0;
    position: absolute;
    text-align: center
}

.collpaseBranco>a:before,
.collpaseBranco>button:before {
    border-right: 1px solid #ddd;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.collpaseBranco>a.collapsed:before,
.collpaseBranco>button.collapsed:before,
.collpaseRosa>a.collapsed:before {
    content: '+'
}

.collpaseRosa .tbl {
    border-radius: 0 0 15px 15px
}

/* ============================================
   PÁGINAS INTERNAS - Inscrição
   ============================================ */

.btnTabelaValores {
    align-items: center;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 15px;
    color: #004379;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    height: 70px
}

.btnTabelaValores>div {
    align-items: center;
    border-right: 1px solid #ddd;
    display: flex;
    margin-right: 15px;
    height: 70px;
    width: 70px
}

.btnTabelaValores>div:before {
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    background-position: 0 -130px;
    border-right: 1px solid #ddd;
    content: ' ';
    font-size: 40px;
    height: 29px;
    line-height: 65px;
    margin: 0 auto;
    text-align: center;
    width: 30px
}

.link-caixa-cinza {
    align-items: center;
    background: #eee;
    border: 1px solid #ddd;
    border-radius: 15px;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    height: 70px;
    line-height: 70px;
    padding: 0 15px
}

.link-caixa-cinza div {
    border-left: 1px solid #ddd;
    padding-left: 15px
}

.link-caixa-cinza:before {
    background-image: url(/Img/sprites@2x.png);
    background-size: 181px 199px;
    background-position: 0 268px;
    content: '';
    display: inline-block;
    font-size: 40px;
    line-height: 70px;
    width: 29px;
    margin-right: 15px;
    height: 29px;
    text-align: center
}

#fichasInscricaoBtnCtn {
    display: flex
}

#fichasInscricaoBtnCtn a {
    margin-left: 20px;
    min-width: 170px
}

#fichasInscricaoBtnCtn a:first-child {
    margin-left: 0
}

.fichasBtnCtn {
    display: flex
}

.fichasBtnCtn a.botaoIcon {
    width: 160px
}

/* ============================================
   PÁGINAS INTERNAS - Empresas Parceiras
   ============================================ */

.empresasCtn {
    justify-content: center;
}

.empresasCtn>div {
    display: flex
}

.empresasCtn>div>div {
    align-items: center;
    display: flex;
    width: 100%
}

.empresasCtn>div>div a {
    height: 100%;
    align-items: center;
    width: 100%;
    font-weight: 600;
    text-align: center;
    color: #333;
    font-size: 16px;
}

.empresasCtn>div>div img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
}

/* ============================================
   PÁGINAS INTERNAS - Modal Programação
   ============================================ */

#lbProgramacao .modal-header {
    justify-content: center
}

#lbProgramacao .modal-header .close {
    position: absolute;
    right: 1rem
}

.modal-xl {
    max-width: 940px
}

/* ====================================================
   Título Genérico (banner interno de páginas)
   Antes: CSS inline em FaleConosco.cshtml e outras
   ==================================================== */
.tituloGenerico {
    background: url(/img/bgGenerico.jpg) center center no-repeat;
    background-size: cover;
    color: #fff
}

.tituloGenerico .breadcrumb {
    background: transparent;
    margin: 0 0 5px;
    padding: 0;
    font-size: .85rem
}

.tituloGenerico .breadcrumb a {
    color: rgba(255,255,255,.7);
    text-decoration: none
}

.tituloGenerico .breadcrumb-item.active {
    color: #fff
}

.tituloGenerico .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255,255,255,.5)
}

.tituloGenerico h1 {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0
}

/* ====================================================
   .page-content — substitui inline style repetido:
   style="margin: 0 auto; max-width: 1290px; padding: 30px 15px"
   Antes: inline em 15+ páginas (Membros, NaoMedico, Publicacoes...)
   ==================================================== */
.page-content {
    margin: 0 auto;
    max-width: 1290px;
    padding: 30px 15px
}

/* ====================================================
   Novas classes (substituem inline styles removidos)
   ==================================================== */

/* TopBar: label dos botões (font-weight:600) */
.topBarBtnLabel {
    font-weight: 600
}

/* Footer copyright bar */
#rowCopyright {
    background: #ddd
}

/* Login dropdown — painel "Esqueci senha" */
.pmEsqueciHint {
    font-size: .82rem;
    color: #666;
    margin-bottom: 12px
}

.pmEsqueciVoltar {
    text-align: center;
    margin-top: 10px
}

.pmVoltar {
    font-size: .82rem
}

/* AboutUs — seções de conteúdo (substitui id="conteudoPagina" duplicado) */
.conteudo-section {
    background: #fff;
    padding: 60px 15px;
    margin: 0 auto;
    max-width: 1290px
}

/* ====================================================
   Banner Carousel (Index.cshtml)
   Antes: CSS inline no @section Styles da home
   ==================================================== */
.banner-carousel { position: relative; overflow: hidden; }
.carousel-slides { position: relative; width: 100% }
.carousel-slide { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transform: translateX(100%); transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out; pointer-events: none }
.carousel-slide.active { position: relative; opacity: 1; transform: translateX(0); pointer-events: auto }
.carousel-slide.exiting-left { transform: translateX(-100%); opacity: 0 }
.carousel-slide.entering-right { transform: translateX(100%) }
.carousel-slide.exiting-right { transform: translateX(100%); opacity: 0 }
.carousel-slide.entering-left { transform: translateX(-100%) }
.carousel-slide img { display: block; width: 100%; height: auto }
.carousel-prev, .carousel-next { position: absolute; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; background: rgba(0,0,0,0.40); border: 2px solid rgba(255,255,255,0.7); border-radius: 50%; cursor: pointer; z-index: 10; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,.25) }
.carousel-prev:hover, .carousel-next:hover { background: rgba(0,0,0,0.65); box-shadow: 0 4px 12px rgba(0,0,0,.4) }
.carousel-prev::before, .carousel-next::before { content: ''; display: block; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff }
.carousel-prev::before { transform: rotate(-135deg); margin-left: 3px }
.carousel-next::before { transform: rotate(45deg); margin-right: 3px }
.carousel-prev { left: 15px }
.carousel-next { right: 15px }
.carousel-dots { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; gap: 10px; z-index: 10 }
.carousel-dot { width: 12px; height: 12px; border-radius: 50%; border: 2px solid white; background: transparent; cursor: pointer; padding: 0; transition: background 0.3s }
.carousel-dot.active, .carousel-dot:hover { background: white }
@media (max-width: 479px) { .carousel-prev, .carousel-next { display: none } .carousel-dots { bottom: 10px } .carousel-dot { width: 10px; height: 10px } }

/* ====================================================
   RedefinirSenha / Tela de Sucesso
   ==================================================== */
.reset-success-wrap { text-align: center; padding: 10px 0 }
.reset-success-icon {
    width: 64px; height: 64px; border-radius: 50%;
    background: #e8f5e9; display: flex; align-items: center;
    justify-content: center; margin: 0 auto 16px
}
.bi-check-success { font-size: 2rem; color: #2e7d32 }
.reset-success-title { font-size: 1.1rem; font-weight: 700; color: #1b5e20; margin-bottom: 8px }
.reset-success-text  { font-size: .88rem; color: #666 }
.reset-btn-inline { display: inline-block; text-decoration: none; color: #fff; padding: 12px 32px; width: auto; margin-top: 8px }

/* RedefinirSenha — alerta de erro menor */
.alert-sm { font-size: .87rem; border-radius: 8px }

/* pw-hint variação erro (substituição de style="color:#c62828") */
.pw-hint--error { color: #c62828 }

/* ====================================================
   Anuidade — caixa CTA de renovação
   ==================================================== */
.anuidade-cta {
    background-color: #f0f0f0;
    padding: 20px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 10px
}
.anuidade-cta-text { font-size: 18px; margin-right: 10px }
.anuidade-cta-link {
    display: inline-block;
    background-color: #004379;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s
}
.anuidade-cta-link:hover { background-color: #002d52; color: #fff }
.anuidade-th-small { font-size: 14px }

/* ====================================================
   MeuPerfil — Classes substituindo inline styles
   ==================================================== */
/* Ícones coloridos dos cards */
.pc-icon--blue-person { background: #e3f2fd; color: #1565c0 }
.pc-icon--purple      { background: #f3e5f5; color: #7b1fa2 }
.pc-icon--green       { background: #e8f5e9; color: #2e7d32 }
.pc-icon--red   { background: #fce4ec; color: #c62828; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center }
.pc-icon--indigo{ background: #e8eaf6; color: #3949ab; width: 40px; height: 40px; border-radius: 10px; display: flex; align-items: center; justify-content: center }

/* Badges de papel de usuário */
.role-badge { padding: 2px 10px; border-radius: 12px; font-size: .78rem; font-weight: 700; display: inline-block }
.role-badge--adm  { background: #fff3e0; color: #e65100 }
.role-badge--cor  { background: #e3f2fd; color: #1565c0 }
.role-badge--user { background: #e8f5e9; color: #2e7d32 }
.role-badge--socio     { background: #e0f7fa; color: #00695c }
.role-badge--naomembro { background: #fce4ec; color: #b71c1c }

/* Compact card body (info-card direito) */
.profile-card-body--compact { padding: 16px 24px }

/* Card-link: card de acesso a Admin/COR */
.profile-card-link { padding: 16px 20px; gap: 12px }

/* Títulos e sub dentro dos card-links */
.pc-link-title  { font-weight: 700; font-size: .9rem;  color: #1a2a4a }
.pc-link-sub    { font-size: .78rem; color: #78909c }
.pc-link-arrow  { color: #bbb }

/* ====================================================
   Banner Carousel (Index.cshtml)
   Migrado do @section Styles para padrao.css
   ==================================================== */
.banner-carousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.carousel-slides {
    position: relative;
    width: 100%;
}
.carousel-slide {
    display: none;
    width: 100%;
}
.carousel-slide.active {
    display: block;
}
.carousel-slide.entering-left  { animation: slideInLeft  0.5s ease forwards }
.carousel-slide.entering-right { animation: slideInRight 0.5s ease forwards }
.carousel-slide.exiting-left   { animation: slideOutLeft  0.5s ease forwards; position: absolute; top: 0; left: 0; width: 100% }
.carousel-slide.exiting-right  { animation: slideOutRight 0.5s ease forwards; position: absolute; top: 0; left: 0; width: 100% }

@keyframes slideInLeft  { from { transform: translateX(-100%) } to { transform: translateX(0) } }
@keyframes slideInRight { from { transform: translateX(100%)  } to { transform: translateX(0) } }
@keyframes slideOutLeft { from { transform: translateX(0) }  to { transform: translateX(100%)  } }
@keyframes slideOutRight{ from { transform: translateX(0) }  to { transform: translateX(-100%) } }

/* Dots — desktop: sobre o banner (posição absoluta) */
.carousel-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}
.carousel-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    border: 2px solid #333;
    cursor: pointer;
    padding: 0;
    transition: background 0.3s;
}
.carousel-dot.active,
.carousel-dot:hover { background: white }

/* ── Mobile: dots ABAIXO do banner (não sobrepostas) ── */
@media (max-width: 576px) {
    .banner-carousel {
        overflow: visible;
/*        padding-bottom: 28px;*/
    }
    .carousel-dots {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        justify-content: center;
        margin-top: 8px;
    }
    .carousel-prev,
    .carousel-next {
        display: none;
    }
    .carousel-dot {
        width: 10px;
        height: 10px;
    }
}

/* ═════════════════════════════════════════════════════════
   MOBILE: Header row, Lupa e Busca Overlay
   ═════════════════════════════════════════════════════════ */
@media (max-width: 980px) {

    /* ── Div pai do row: 100% width no mobile ── */
    #headerMain {
        width: 100% !important;
    }

    /* ── Row do header: já é flex via #siteHeader>div>div>div,
          mas max-width:1290px esmaga na janela pequena ── */
    #headerMobileRow {
        max-width: 100% !important;
        width: 100% !important;
        justify-content: flex-start;
        padding: 0 12px;
        box-sizing: border-box;
    }

    /* ── Logo: não cresce, fica só o tamanho natural ── */
    #headerMobileRow #logo {
        flex: 0 1 auto;
        padding: 8px 0;
        margin: 0;
    }

    /* ── Lupa: margin-left:auto empurra para direita ── */
    #headerMobileRow #buscaOverlay {
        margin-left: auto !important;
        margin-right: 4px;
        flex-shrink: 0;
        cursor: pointer;
        order: 50;
    }

    /* ── Nav: vai para o final do flex (oculto no mobile via CSS existente) ── */
    #headerMobileRow #menuPrincipal {
        order: 99;
    }
    #headerMobileRow #busca {
        order: 100;
    }

    /* ── Overlay de busca: glassmorphism premium ── */
    #siteHeader #busca {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        max-width: none !important;
        z-index: 9999;
        background: linear-gradient(160deg, rgba(0,30,80,0.94) 0%, rgba(0,0,0,0.90) 100%);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        padding-top: 30px !important;
        animation: busca-in 0.22s ease;
    }
    @keyframes busca-in {
        from { opacity: 0; transform: translateY(-8px); }
        to   { opacity: 1; transform: translateY(0); }
    }

    /* ── Container do form de busca ── */
    #siteHeader #busca > #buscaTextSubmit {
        position: relative !important;
        width: 88vw !important;
        max-width: 400px !important;
        display: flex !important;
        flex-direction: column;
        gap: 0;
    }

    /* ── Label acima do input ── */
    #siteHeader #busca > #buscaTextSubmit::before {
        content: 'O QUE VOCÊ PROCURA?';
        display: block;
        color: rgba(255,255,255,0.6);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0.12em;
        margin-bottom: 14px;
        text-align: center;
    }

    /* ── Pill form: totalmente arredondada ── */
    #siteHeader #busca > #buscaTextSubmit > form {
        display: flex !important;
        width: 100% !important;
        align-items: center;
        background: rgba(255,255,255,0.12);
        border-radius: 999px;
        overflow: hidden;
        border: 1.5px solid rgba(255,255,255,0.25);
        box-shadow: 0 4px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.15);
        height: 56px;
        transition: border-color 0.2s, box-shadow 0.2s;
        backdrop-filter: blur(8px);
    }
    #siteHeader #busca > #buscaTextSubmit > form:focus-within {
        border-color: rgba(100,160,255,0.7);
        box-shadow: 0 0 0 3px rgba(70,130,255,0.25), 0 4px 24px rgba(0,0,0,0.35);
    }

    /* ── Input de texto ── */
    #siteHeader #busca > #buscaTextSubmit input[type=text] {
        flex: 1 !important;
        width: 100% !important;
        padding: 0 22px !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #fff !important;
        background: transparent !important;
        border: none !important;
        outline: none !important;
        border-radius: 0 !important;
        height: 56px;
        line-height: 56px;
    }
    #siteHeader #busca > #buscaTextSubmit input[type=text]::placeholder {
        color: rgba(255,255,255,0.45);
    }

    /* ── Botão de submissão integrado ── */
    #siteHeader #busca > #buscaTextSubmit button[type=submit] {
        background: rgba(255,255,255,0.18) !important;
        border: none !important;
        padding: 0 20px !important;
        cursor: pointer;
        height: 56px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s;
        flex-shrink: 0;
    }
    #siteHeader #busca > #buscaTextSubmit button[type=submit]:hover {
        background: rgba(255,255,255,0.30) !important;
    }

    #siteHeader #busca > #buscaTextSubmit button[type=submit] img {
        width: 22px;
        height: 22px;
        filter: brightness(0) invert(1);
        opacity: 0.85;
    }

    /* ── Botão fechar (X) canto sup direito ── */
    #siteHeader #busca span#closeOverlay {
        position: fixed !important;
        top: 20px !important;
        right: 20px !important;
        bottom: auto !important;
        font-size: 36px !important;
        color: #fff !important;
        cursor: pointer;
        z-index: 10001;
        display: none;
        line-height: 1;
        opacity: 0.85;
        transition: opacity 0.2s;
    }
    #siteHeader #busca span#closeOverlay:hover {
        opacity: 1;
    }
}

/* ── Texto do input de busca: visível no mobile ── */
@media (max-width: 980px) {
    #siteHeader #busca > #buscaTextSubmit input[type=text] {
        color: #333 !important;
        background: #fff !important;
    }
    .carousel-dots { z-index: 1; }
}


/* ── Próximos Eventos: mobile oculta calendário, mostra lista de cards ── */
@media (max-width: 767px) {
    /* Ocultar o calendário grid no mobile */
    #calendario {
        display: none !important;
    }
    /* Mostrar a lista de cards de eventos no mobile */
    #proximosEventos {
        display: flex !important;
        flex-wrap: wrap;
    }
    /* Card de evento mais compacto no mobile */
    #proximosEventos .card {
        font-size: 13px;
    }
    #proximosEventos .card-img-top {
        height: 120px;
        object-fit: cover;
    }
}

/* ═══════════════════════════════════════════════════
   PRÓXIMOS EVENTOS — Layout de Agenda (estilo original)
   ═══════════════════════════════════════════════════ */
#homeUltimasNoticias {
    margin-top: 8px;
}
#homeUltimasNoticias h3 {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #999;
    text-transform: uppercase;
    margin: 20px 0 4px;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
}
#homeUltimasNoticias ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#homeUltimasNoticias ul li {
    border-bottom: 1px solid #f0f0f0;
}
#homeUltimasNoticias ul li:last-child {
    border-bottom: none;
}
#homeUltimasNoticias ul li a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 4px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.35;
    transition: color 0.15s;
}
#homeUltimasNoticias ul li a:hover {
    color: #0066cc;
}
#homeUltimasNoticias ul li a div {
    width: 56px;
    min-width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #f2f2f2;
    border: 1px solid #e0e0e0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.diaMes {
    font-size: 21px;
    font-weight: 700;
    color: #333;
    line-height: 1.1;
}
.diaSemana {
    font-size: 10px;
    color: #888;
    line-height: 1.2;
}
/* Botao de download de e-book (substitui inline style de QuemSomos) */
.btn-ebook {
    background-color: #23aab7;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    transition: background-color 0.3s
}

.btn-ebook:hover {
    background-color: #1b8d98;
    color: #fff
}


/* ── Newsletter rodapé ───────────────────────────────────── */
/* Honeypot: visualmente oculto mas não via display:none      */
/* (display:none é ignorado por alguns bots)                  */
.nl-hp {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none
}