/* Central Agêntica MPV: camada de marca do Web (chat, login, Mesa, Lembretes, manual).
   Gerado pelo marca/aplicar-marca.mjs a partir de marca/tela/marca-web.css. Não edite no produto:
   edite o modelo e rode o script de novo. Carregado por último no <head> de cada tela. */

@font-face{font-family:"Aileron";src:url(fontes/aileron-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Aileron";src:url(fontes/aileron-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Aileron";src:url(fontes/aileron-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Aileron";src:url(fontes/aileron-black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}

:root{
  --fonte:"Aileron",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --yb-fundo:#0D1B2A;
  --yb-destaque:#1E3A8A;
  --yb-destaque-claro:#5B80E6;
}
body{font-family:var(--fonte)}

/* As duas logos juntas (regra da marca: YB e MPV sempre lado a lado, respiro de 50% da altura) */
.yb-logos{display:inline-flex;align-items:center;gap:15px;font-size:0;line-height:0}
.yb-logos img{display:block;height:30px;width:auto}

/* Login, primeiro acesso e criar senha: logos em cima, nome embaixo */
.cartao .marca{flex-wrap:wrap;row-gap:14px}
.cartao .marca .yb-logos{flex:0 0 100%}
.cartao .marca h1{font-weight:900;color:var(--yb-fundo)}

/* Conversa vazia */
.vazio .vz-ico.yb-logos{margin-bottom:14px;gap:12px}
.vazio .vz-ico.yb-logos img{height:34px}

/* Pé do menu lateral: as duas logos acima do botão Sair */
aside#menu .pe::before{content:"";display:block;height:24px;margin:6px 0 10px;
  background-image:url(logos/yb-navy.png),url(logos/mpv-navy.png);background-repeat:no-repeat;
  background-size:auto 24px,auto 24px;background-position:0 50%,93px 50%}

/* Cabeçalho em tela larga: as duas logos no canto direito */
@media (min-width:1100px){
  #cabecalho::after{content:"";flex:0 0 190px;align-self:center;height:22px;margin-left:10px;
    background-image:url(logos/yb-navy.png),url(logos/mpv-navy.png);background-repeat:no-repeat;
    background-size:auto 22px,auto 22px;background-position:0 50%,85px 50%}
}