/* Estrutura geral da página */
.app {
  min-height: 100vh;
  display: flex;
  background: var(--cor-navy);
}

/* Faixa lateral decorativa com a textura mosaico da ACEP (desktop/tablet) */
.lateral {
  flex: 0 0 140px;
  background-image: url("../img/Textura_Mosaico_Acep.PNG");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.conteudo {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 26px 18px 48px;
  min-width: 0;
}

/* Faixa de textura no topo (só aparece no celular) */
.faixa-topo { display: none; }

.cabecalho {
  width: 100%;
  max-width: var(--container-max);
  display: flex;
  justify-content: center;
  padding: 4px 0 20px;
}
.logo { height: 56px; width: auto; }

@media (max-width: 680px) {
  .lateral { display: none; }
  .faixa-topo {
    display: block;
    width: 100%;
    height: 16px;
    background-image: url("../img/Textura_Mosaico_Acep.PNG");
    background-size: cover;
    background-position: center;
    margin-bottom: 10px;
  }
  .conteudo { padding: 8px 16px 40px; }
  .logo { height: 138px; }
}