/* help!aovivo · identidade visual aprovada (outubro/2026)
   Roxo oficial RGB(70, 42, 113) = #462A71; laranja = #FF6A00.
   Logotipo: somente estas duas cores. */
:root{--purple:#462A71;--ink:#462A71;--orange:#FF6A00}
.site-shell header .portal-brand{
  display:inline-flex;align-items:center;min-height:0;padding:9px 14px 9px 9px;
  border-radius:15px;background:#fff;box-shadow:0 6px 18px #462A711a;
  text-decoration:none;max-width:100%;
}
.portal-logo{display:inline-flex;align-items:center;gap:8px;max-width:100%}
.portal-radar-mark{width:47px!important;height:47px!important;flex:none;object-fit:contain;filter:none!important}
.portal-wordmark{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;line-height:1!important}
.portal-wordmark>strong,.portal-wordmark>span{
  font-family:Poppins,Arial,sans-serif!important;font-size:27px!important;line-height:1.15!important;
  font-weight:800!important;letter-spacing:-1.2px!important;display:inline!important;
}
.portal-wordmark>strong{color:#FF6A00!important}
.portal-wordmark>span{color:#462A71!important}
.portal-logo--compact .portal-radar-mark{width:34px!important;height:34px!important}
.portal-logo--compact .portal-wordmark>strong,
.portal-logo--compact .portal-wordmark>span{font-size:19px!important;letter-spacing:-.9px!important}
.site-shell .device-top .portal-logo{transform:none!important;background:#fff;border-radius:11px;padding:5px}
/* Administração: marca bicolor legível contra a barra roxa. */
.topbar .brand{display:inline-flex;gap:9px;align-items:center;background:#fff;border-radius:13px;padding:7px 13px 7px 8px;text-decoration:none}
.topbar .brand .brand-v8{width:43px;height:43px;flex:none}
.topbar .brand strong{font-family:Poppins,Arial,sans-serif;letter-spacing:-.9px;font-weight:800;font-size:21px;line-height:1.1;text-transform:none;display:block}
.topbar .brand .brand-help{color:#FF6A00}
.topbar .brand .brand-aovivo{color:#462A71}
.topbar .brand small{color:#462A71;font-size:10px;letter-spacing:.1px;margin-top:3px}
/* Cores institucionais nas ações principais e nas barras de navegação. */
.button-primary{background:#462A71}
.nav-item.active{background:#462A71}
.site-shell .pc-chat-kicker,.site-shell .pc-poll-modal-kicker{color:#462A71}
@media(max-width:780px){
  .site-shell header .portal-brand{padding:6px 9px 6px 5px;border-radius:10px}
  .portal-radar-mark{width:34px!important;height:34px!important}
  .portal-wordmark>strong,.portal-wordmark>span{font-size:19px!important;letter-spacing:-1px!important}
  .portal-logo--compact .portal-radar-mark{width:27px!important;height:27px!important}
  .portal-logo--compact .portal-wordmark>strong,.portal-logo--compact .portal-wordmark>span{font-size:16px!important}
  .topbar .brand{padding:5px 8px 5px 5px}
  .topbar .brand .brand-v8{width:34px;height:34px}
  .topbar .brand strong{font-size:18px}
  .topbar .brand small{font-size:9px}
}
@media(max-width:390px){
  .site-shell header .portal-brand{padding:5px 7px 5px 4px}
  .portal-radar-mark{width:30px!important;height:30px!important}
  .portal-wordmark>strong,.portal-wordmark>span{font-size:17px!important;letter-spacing:-.9px!important}
}