/* ERP Giants — ajustes de marca sobre o painel.css (preto, vermelho e dourado das lojas Giants) */
.lat-marca.g-marca { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.lat-marca.g-marca img { width: 44px; height: auto; filter: drop-shadow(0 4px 8px rgba(0,0,0,.45)); }
.g-marca span { display: flex; flex-direction: column; line-height: 1; }
.g-marca b { font-family: var(--fonte-destaque); font-weight: 400; font-size: 24px; letter-spacing: .04em; color: #F6F2EA; text-transform: uppercase;
  background: linear-gradient(180deg, #F2D88A 0%, #C9A227 55%, #8C6A14 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.g-marca small { font-size: 10px; font-weight: 600; letter-spacing: .32em; text-transform: uppercase; color: #B9AEA3; margin-top: 4px; }
.lat-slogan span { color: #D62828; }
.lateral { background-image: radial-gradient(120% 40% at 0% 0%, rgba(214,40,40,.10), transparent 60%); }
.acesso-marca .acesso-logo { width: 190px; filter: drop-shadow(0 18px 30px rgba(0,0,0,.5)); }
.acesso-slogan span { color: #E0B33A; }
.barra-tit h1 { letter-spacing: .02em; }
@media (max-width: 760px) { .acesso-marca .acesso-logo { width: 110px; } }
/* no computador as seções já estão no menu lateral; as abas internas ficam só no celular/tablet */
@media (min-width: 1081px) { .g-secoes { display: none; } }