/* Todas as páginas.

   Cabeçalho fixo (seção .header-sticky do modelo de cabeçalho #46, caixa .blur-card).
   O snippet "Menu" do Elementor (#352) põe .scrolled depois de 30 px de rolagem, e o CSS adicional do tema
   pintava a caixa de navy sólido. Aqui, ao rolar, ela encolhe, recolhe para o centro e fica translúcida. */

/* Uma curva só para tudo, lenta e macia. As transições levam body na frente porque o Elementor (na seção) e o CSS
   adicional do tema (na caixa) declaram as deles e venciam: a largura, a descida e o desfoque mudavam num quadro só.
   O desfoque parte de zero para poder deslizar também. */
.header-sticky{--mph-ritmo:.7s cubic-bezier(.4,0,.2,1)}
body .header-sticky.elementor-element{transition:padding var(--mph-ritmo)}
body .header-sticky .blur-card{max-width:1200px;margin-left:auto;margin-right:auto;
  -webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%);
  transition:background-color var(--mph-ritmo),border-color var(--mph-ritmo),box-shadow var(--mph-ritmo),max-width var(--mph-ritmo),
    -webkit-backdrop-filter var(--mph-ritmo),backdrop-filter var(--mph-ritmo)}
body .header-sticky .blur-card img{max-height:54px;object-fit:contain;object-position:left center;transition:max-height var(--mph-ritmo)}
body .header-sticky .elementor-nav-menu--main .elementor-item{transition:padding var(--mph-ritmo),color .3s ease}
body .header-sticky .elementor-button{transition:padding var(--mph-ritmo),background-color .3s ease,color .3s ease}
body .header-sticky .blur-card .elementor-element-populated{transition:padding var(--mph-ritmo)}

body .header-sticky.scrolled{padding-top:10px!important;padding-bottom:10px!important}
body .header-sticky.scrolled .blur-card .elementor-element-populated{padding-top:4px!important;padding-bottom:4px!important}
body .header-sticky.scrolled .blur-card{background-color:rgba(0,31,52,.74)!important;
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  border-color:rgba(255,255,255,.22)!important;box-shadow:0 12px 32px rgba(0,16,28,.18)}

@media (min-width:1025px){
  body .header-sticky.scrolled .blur-card{max-width:1040px}
  body .header-sticky.scrolled .blur-card img{max-height:38px}
  body .header-sticky.scrolled .elementor-nav-menu--main .elementor-item{padding-top:7px!important;padding-bottom:7px!important}
  body .header-sticky.scrolled .elementor-button{padding:10px 26px!important}
}
@media (max-width:1024px){
  body .header-sticky.scrolled .blur-card img{max-height:30px}
}

/* Celular: nas páginas sem Elementor (Política de Privacidade, erro 404) o título grande do tema e a tabela da
   Política (530 px) alargavam a página, e o cabeçalho fixo ia junto. A tabela passa a rolar de lado dentro dela. */
@media (max-width:767px){
  body.page-id-464 table{display:block;width:100%!important;min-width:0!important;max-width:100%;overflow-x:auto}
  body .page-header{overflow-wrap:anywhere}
  body .page-header .entry-title{font-size:2rem;line-height:1.2}
}