/* Barra da família Serenitech — kit canônico (15/10/2026). Fonte única: serenitech-site/familybar/.
   Variáveis por site: --fb-max (largura do conteúdo do cabeçalho do site) e --fb-gutter (margem lateral do cabeçalho),
   para a bandeira ficar alinhada ao último elemento do cabeçalho e o título ao logo do site. */
@font-face { font-family: "FB Bodoni Moda"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/bodoni-moda-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "FB Raleway"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/raleway-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "FB Raleway"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/raleway-latin-600-normal.woff2") format("woff2"); }
.fb { --fb-max: 1216px; --fb-gutter: 24px; --fb-font: "FB Raleway", "Raleway", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --fb-red: #CE1126;
  background: #0B0B0B; color: #fff; font: 500 12px/1 var(--fb-font); position: relative; z-index: 60; -webkit-font-smoothing: antialiased; }
.fb *, .fb *::before, .fb *::after { box-sizing: border-box; }
.fb .fb-in { width: 100%; max-width: calc(var(--fb-max) + 2 * var(--fb-gutter)); margin-inline: auto; padding-inline: var(--fb-gutter); display: flex; align-items: center; justify-content: space-between; gap: 0; min-height: 32px; }
.fb nav { display: flex; align-items: center; gap: 9px; overflow: hidden; white-space: nowrap; min-width: 0; flex: 1 1 auto; margin: 0 9px 0 0; padding: 0; }
/* Marcas: faixa com rolagem automática lenta e infinita quando não cabem (16/10/2026). O JS monta .fb-mq > .fb-track e duplica os itens. */
.fb .fb-mq { overflow: hidden; min-width: 0; flex: 1 1 auto; }
.fb .fb-track { display: flex; align-items: center; gap: 9px; width: max-content; }
.fb .fb-track > * { flex: none; }
.fb .fb-mq:has(.fb-run) { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 14px), transparent 100%); }
.fb .fb-track.fb-run { animation: fb-marquee var(--fb-dur, 60s) linear infinite; will-change: transform; }
.fb .fb-mq:hover .fb-track.fb-run, .fb .fb-mq:focus-within .fb-track.fb-run { animation-play-state: paused; }
@keyframes fb-marquee { from { transform: translateX(0); } to { transform: translateX(calc(-1 * var(--fb-dist, 0px))); } }
@media (prefers-reduced-motion: reduce) { .fb .fb-track.fb-run { animation: none; } .fb .fb-mq { overflow-x: auto; scrollbar-width: none; } .fb .fb-mq::-webkit-scrollbar { display: none; } }
.fb nav::-webkit-scrollbar { display: none; }
.fb nav > * { flex: none; }
.fb .fb-title { font: 400 15px/1 "FB Bodoni Moda", "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif; color: #fff; letter-spacing: 0; }
.fb .fb-loz { display: inline-block; width: 10px; height: 10px; background: var(--fb-red); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); }
.fb a { color: #cfcfcf; text-decoration: none; border: 0; box-shadow: none; background: none; }
.fb a:hover { color: #fff; text-decoration: none; }
.fb a.fb-logo { display: inline-flex; align-items: center; line-height: 0; opacity: .8; transition: opacity .3s; padding: 7px 0; }
.fb a.fb-logo:hover, .fb a.fb-logo[aria-current="page"], .fb a.fb-logo.fb-white { opacity: 1; }
.fb .fb-logo img { height: 18px; width: auto; display: block; max-width: none; }
.fb .fb-logo img.fb-serif { height: 26px; margin: -4px 0; }
.fb a.fb-global { display: inline-flex; align-items: center; gap: 6px; font: 600 10.2px/1 var(--fb-font); letter-spacing: .01em; color: #fff; padding: 7px 0; }
.fb .fb-global img { height: 18.7px; width: auto; display: block; margin: -3px 0; max-width: none; }
.fb .fb-tools { display: flex; align-items: center; flex: none; gap: 0; }
.fb button { background: none; border: 0; color: #cfcfcf; font: inherit; cursor: pointer; padding: 6px 4px; margin: 0; display: inline-flex; align-items: center; line-height: 1; box-shadow: none; min-height: 0; min-width: 0; }
.fb button:hover { color: #fff; }
.fb :focus-visible { outline: 2px solid #fff; outline-offset: 2px; border-radius: 2px; }
.fb .fb-theme { padding: 6px; margin-right: -3px; }
.fb .fb-theme svg { width: 16px; height: 16px; display: block; }
.fb .fb-theme .fb-sun { display: none; }
.fb .fb-theme[aria-pressed="true"] .fb-sun, .fb.fb-is-alt .fb-theme .fb-sun { display: block; }
.fb .fb-theme[aria-pressed="true"] .fb-moon, .fb.fb-is-alt .fb-theme .fb-moon { display: none; }
.fb .fb-fs { display: inline-flex; align-items: center; margin-right: 5px; }
.fb .fb-fs button + button { margin-left: -5px; }
.fb .fb-lang { position: relative; display: inline-flex; }
.fb .fb-flag { display: inline-flex; align-items: center; padding: 6px 0; line-height: 0; opacity: .9; }
.fb .fb-flag:hover { opacity: 1; }
.fb .fb-flag img, .fb .fb-menu img { display: block; width: 24px; height: 16px; border-radius: 2px; max-width: none; }
.fb .fb-menu { position: absolute; top: calc(100% + 6px); right: 0; list-style: none; margin: 0; padding: 4px; background: #fff; border: 1px solid #DCDCDC; border-radius: 4px; box-shadow: 0 3px 12px rgba(27,27,27,.2); min-width: 170px; display: none; z-index: 1000; }
.fb .fb-lang.open .fb-menu { display: block; }
.fb .fb-menu li { margin: 0; padding: 0; list-style: none; }
.fb .fb-menu a, .fb .fb-menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border-radius: 3px; color: #333; font: 500 13px/1.2 var(--fb-font); white-space: nowrap; text-align: left; }
.fb .fb-menu a:hover, .fb .fb-menu button:hover { background: #EDEDED; color: #1B1B1B; }
.fb .fb-menu [aria-current="true"] { background: var(--fb-red); color: #fff; font-weight: 600; }
.fb .fb-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (max-width: 767px) {
  .fb { --fb-gutter: 16px; }
  .fb .fb-hide-sm { display: none !important; }
  .fb nav, .fb .fb-track { gap: 7px; }
  .fb nav { margin-right: 7px; }
  .fb .fb-logo img { height: 16px; } .fb .fb-logo img.fb-serif { height: 23px; }
  .fb .fb-theme { margin-right: 8px; }
}
/* Variante rodapé (MonPanier): mesma barra, no fim da página; o menu de idiomas abre para cima */
.fb.fb--footer .fb-menu { top: auto; bottom: calc(100% + 6px); }