/*==================================================================================================
  PERSONALIZAÇÃO DO STAND — modeloAI18w
  --------------------------------------------------------------------------------------------------
  Este ficheiro vai no alojamento de CADA stand (dentro de /template/) e é carregado DEPOIS do CSS
  do modelo, por isso é aqui que cada stand define o seu LOGÓTIPO e a sua COR DE MARCA.
  Para mudar a identidade do stand basta:
    1) substituir as imagens em /template/images/ (logotipo.webp, logotipo-mobile.webp,
       logotipo-rodape.webp, favicon.ico, touch-icon.png);
    2) ajustar a cor da marca nas variáveis abaixo.
  Editar sempre o .source e regenerar o .min.
==================================================================================================*/

/*--------------------------------------------------------------------------------------------------
  COR DA MARCA — sobrepõe as variáveis do tema do modelo (todo o site usa estas variáveis)
--------------------------------------------------------------------------------------------------*/
:root {
  --m18-primary: #2b39d4;   /* cor principal do stand (botões, preços, links, títulos) */
  --m18-primary-2: #1f2bb0; /* variante mais escura (hover) */
}

/*--------------------------------------------------------------------------------------------------
  FUNDO GERAL
--------------------------------------------------------------------------------------------------*/
body {
  background-color: #ffffff;
}

/*--------------------------------------------------------------------------------------------------
  LOGÓTIPOS DO STAND
  (o tamanho/posição são definidos pelo tema do modelo; aqui define-se apenas a IMAGEM)
--------------------------------------------------------------------------------------------------*/
/* logótipo do topo: PC usa logotipo.webp; mobile/tablet usa logotipo-mobile.webp */
.LogotipoTopo {
  background-image: url(/template/images/logotipo.webp);
}
@media (max-width: 1023px) {
  .LogotipoTopo {
    background-image: url(/template/images/logotipo-mobile.webp);
  }
}
/* logótipo do menu mobile (framework) */
.LogotipoTopoMobile,
.mobile-logotipo-menu {
  background-image: url(/template/images/logotipo-mobile.webp);
}
/* logótipo do rodapé */
.rodape-logo {
  background-image: url(/template/images/logotipo-rodape.webp);
}

/*--------------------------------------------------------------------------------------------------
  BANNER POR DEFEITO
  O ficheiro /template/images/banner01.jpg serve de banner de exemplo/fallback do stand.
--------------------------------------------------------------------------------------------------*/