/* ============ marca (logomarca Magazine Isamor) ============
   Se assets/logo-isamor.png existir, a logo aparece e o texto/coração de
   reserva somem (o onerror no HTML faz o contrário quando o arquivo falta). */
.brand .logo-img{display:block;height:32px;width:auto;max-width:200px;object-fit:contain}
.logincard .logo-img{display:block;height:46px;width:auto;max-width:230px;object-fit:contain;margin:0 auto 14px}
.brand .logo-fb,.logincard .logo-fb,.brand .logo.logo-fb,.logincard .logo.logo-fb,.logincard h1.logo-fb{display:none}
/* no tema escuro a logo ganha um fundo claro pra manter o verde e o vermelho da marca legíveis */
@media (prefers-color-scheme:dark){
  .brand .logo-img,.logincard .logo-img{background:#fff;border-radius:9px;padding:5px 9px}
  .brand .logo-img{height:26px}
  .logincard .logo-img{height:38px}
}
:root[data-theme="dark"] .brand .logo-img,:root[data-theme="dark"] .logincard .logo-img{background:#fff;border-radius:9px;padding:5px 9px}
:root[data-theme="dark"] .brand .logo-img{height:26px}
:root[data-theme="dark"] .logincard .logo-img{height:38px}
:root[data-theme="light"] .brand .logo-img,:root[data-theme="light"] .logincard .logo-img{background:none;padding:0}
:root[data-theme="light"] .brand .logo-img{height:32px}
:root[data-theme="light"] .logincard .logo-img{height:46px}