.SecaoPrincipal {
  width: 100%;
  height: 100dvh;
  display: grid;
  justify-items: center;
  grid-template-columns: 90% 10%;
  padding-top: 1.5dvh;
  padding-bottom: 1.5dvh;
  padding-left: 1.5dvw;
  padding-right: 1.5dvw;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 2dvh;
  background: rgba(0, 0, 0, 0.1);
}

.Secao_Botao_log {
  text-align: center;
}

.SecaoPrimaria {
  background-color: rgba(1, 1, 1, 0.1);
  width: 80dvw;
  height: 100dvh;
  min-height: 0;
  padding-top: 1dvh;
  padding-bottom: 1dvh;
  box-sizing: border-box;
  overflow: hidden;
}

.Secao_Inicial {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  gap: 1.2dvh;
  margin: 0;
  padding: 1dvh 0 0.8dvh;
  box-sizing: border-box;
  overflow: hidden;
  justify-items: center;
  align-items: center;
  justify-content: center;
}

.Top_inicial {
  width: 100%;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.ImgTelaPrincipal {
  width: clamp(15rem, 12dvh, 12rem);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  overflow: hidden;
  border: 0.2dvh solid rgba(15, 105, 5, 0.85);
  border-radius: 50%;
  background: radial-gradient(
    circle at 35% 25%,
    #9edea0 0%,
    #f5f5f5 48%,
    #166fb3 100%
  );

  box-shadow:
    0 1dvh 2dvh rgba(0, 0, 0, 0.35),
    inset -6dvh -4vh 2dvh rgba(38, 99, 6, 0.16),
    inset 6dvh 6dvh 10dvh rgba(164, 188, 190, 0.8);

  & img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    object-fit: contain;
    filter: brightness(0) drop-shadow(0 0.4dvh 0.4dvh rgba(255, 255, 255, 0.55));
    pointer-events: none;
  }
}

.ImgTelaPrincipal::before {
  content: "";
  position: absolute;
  inset: 4%;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='%23aeb6bd' fill-opacity='.42' stroke='%23848e96' stroke-opacity='.38' stroke-width='4'%3E%3Cpath d='M100 45 126 64 116 96 84 96 74 64Z'/%3E%3Cpath d='M33 39 57 29 72 52 52 74 27 62Z'/%3E%3Cpath d='M143 29 168 39 173 62 148 74 128 52Z'/%3E%3Cpath d='M18 112 37 91 61 104 57 133 29 139Z'/%3E%3Cpath d='M182 112 163 91 139 104 143 133 171 139Z'/%3E%3Cpath d='M77 158 100 143 123 158 116 185 84 185Z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23848e96' stroke-opacity='.32' stroke-width='4'%3E%3Cpath d='M74 64 57 29M126 64 143 29M84 96 61 104M116 96 139 104M84 96 100 143M116 96 100 143M52 74 61 104M148 74 139 104M57 133 77 158M143 133 123 158'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.55;
  pointer-events: none;
}

.Secao_Inicial .Apresentacao.LinksInfo {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  align-content: start;
  padding-right: 0.4dvh;
}

.Apresentacao {
  padding: 0;
  align-items: start;
  display: grid;
  justify-items: start;

  & P {
    margin: 0;
    padding: 0;
    padding: 0.2dvh;
    margin-bottom: 0.3dvh;
  }
}

.Apresentacao.LinksInfo {
  width: 100%;
  display: grid;
  gap: 0.4dvh;
  justify-content: stretch;
}

/* Cada item da lista */
.Apresentacao.LinksInfo p {
  width: 100%;
  min-height: 4.5dvh;
  margin: 0;
  padding: 0 1dvh;
  display: grid;
  grid-template-columns: 100% 0%;
  align-items: center;
  gap: 2dvh;
  box-sizing: border-box;
  border: 0.1dvh solid rgba(255, 255, 255, 0.14);
  border-radius: 2dvh;
  background: rgba(8, 25, 31, 0.82);
  box-shadow:
    0 0.1dvh 0.6dvh rgba(0, 0, 0, 0.18),
    inset 0 0.1dvh 0 rgba(255, 255, 255, 0.04);
  transition:
    transform 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease;
}

/* Link */
.Apresentacao.LinksInfo p a {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Apresentacao.LinksInfo p b {
  flex-shrink: 0;
  color: #9ca3af;
  font-size: 1.8rem;
  font-weight: 400;
  pointer-events: none;
  transition:
    color 0.15s ease,
    transform 0.15s ease;
}

/* Efeito ao passar o mouse */
.Apresentacao.LinksInfo p:hover {
  transform: translateY(-0.1dvh);
  border-color: rgba(29, 155, 240, 0.65);
  background: rgba(14, 42, 51, 0.94);
}

.Apresentacao.LinksInfo p:hover b {
  color: #1d9bf0;
  transform: translateX(0.1dvh);
}

/* Efeito no toque */
.Apresentacao.LinksInfo p:active {
  transform: scale(0.6);
  background: rgba(29, 155, 240, 0.18);
}

.Controle_Menu_Geral {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 100%;
  overflow: hidden;

  & .Texto_menu {
    display: Flex;
    font-size: 2rem;
  }
}

.Propaganda {
  display: none;
  background-color: rgba(199, 247, 247, 0.7);
  border: 0.1rem solid #e0d4d4;
  max-height: 4dvh;
  height: 4dvh;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  position: relative;
  box-sizing: border-box;
}

.TextoPropaganda {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: propagandaPassando 25s linear infinite;
  font-size: 1.4rem;
  font-weight: bold;
  color: #00343d;
}

.TextoPropaganda span {
  margin-right: 50dvw;
}

@keyframes propagandaPassando {
  from {
    transform: translateX(0%);
  }

  to {
    transform: translateX(-100%);
  }
}

.TituloApp {
  font-size: 4rem;
  font-weight: 900;
  text-align: center;
  color: rgb(255 255 255);
  text-shadow: 0 0.1dvh 0.8dvh rgba(228, 212, 212, 0.7);
}

.SubtituloApp {
  color: rgb(255 255 255);
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 0.1dvh 0.8dvh rgba(228, 212, 212, 0.7);
}

.CardBoasVindas {
  background: rgba(255, 255, 255, 0.55);
  border: 0.1dvh solid rgba(255, 255, 255, 0.1);
  border-radius: 2dvh;
  text-align: center;
  padding: 2dvh;
  padding-right: 5dvw;
  padding-left: 5dvw;
  display: grid;
  grid-template-columns: 1fr 7fr 1fr;
  align-items: center;

  & img {
    width: 13dvh;
    height: 13dvh;
    border-radius: 100%;
  }

  & h3 {
    font-size: 3rem;
  }
}

.BotaoSair {
  color: #ff4d4d;
  font-weight: 800;
  cursor: pointer;
  font-size: 1.8rem;

  img {
    width: 3dvh;
    height: 3dvh;
    border-radius: 0;
  }
}

.Controle_menur {
  display: grid;
  width: 100%;
  height: 100%;
  background-color: rgba(199, 247, 247, 0.4);
  overflow: hidden;
  align-items: center;
  margin: 0;
  padding: 0;
  border-radius: 10px;

  & img {
    margin: 0;
    padding: 0;
    height: 6dvh;
    text-align: center;
  }
}

.Menu_Click {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: center;
  width: auto;
  height: 5dvh;
  margin: 0;
  padding: 0;
  color: black;
  height: 20dvh;
}

.Menu_Selec_Bord {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-items: center;
  width: auto;
  margin: 0;
  padding: 0;
  color: #0b3d00;
  background-color: rgba(199, 247, 247, 0.6);
  height: 20dvh;
}