.SecaoPrincipal {
  width: 100%;
  height: 100dvh;
  display: grid;
  justify-items: center;
  grid-template-columns: none;
  grid-template-rows: minmax(0, 1fr) auto;
  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;
}

.Secao_Botao_log {
  text-align: center;
}

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

.Centro_pag img {
  position: absolute;
  align-items: center;
  left: 6dvh;
  top: 18dvh;
  z-index: -3;
  opacity: 80%;
}

.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.4dvh);
  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.4dvh);
}

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

.Controle_Menu_Geral {
  width: 100%;
  margin-top: 1dvh;
  display: grid;
  grid-template-rows: 4dvh 8dvh;
  overflow: hidden;

  & .Texto_menu {
    display: None;
  }
}

.Propaganda {
  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;
  display: flex;
  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: clamp(2.2rem, 3.2dvh, 3rem);
  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: clamp(1.5rem, 2.3dvh, 2rem);
  font-weight: 600;
  text-align: center;
  font-size: 2rem;
  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: 6dvh;
    height: 6dvh;
    border-radius: 100%;
  }

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

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

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

.Controle_menur {
  display: flex;
  width: 100%;
  height: 8dvh;
  background-color: rgba(199, 247, 247, 0.6);
  overflow: hidden;
  align-items: center;
  margin: 0;
  padding: 0;
  justify-content: space-evenly;
  border-radius: 0;
  border-bottom-right-radius: 4dvw;
  border-bottom-left-radius: 4dvw;

  & img {
        width: 8dvw;
        height: 4dvh;
        margin: 0;
        padding: 0;
  }
}

.Menu_Click {
  display: grid;
  grid-template-columns: 1fr;
  background-color: rgba(199, 247, 247, 0.0);
  width: 25dvw;
  height: 5dvh;
  margin: 0;
  padding: 0;
  
}

.Menu_Selec_Bord {
  display: flex;
  background-color: rgba(199, 247, 247, 0.7);
  justify-content: center;
  height: auto;
  width: 25dvw;
  padding: 1dvh;

  & img {
        width: 10dvw;
        height: 6dvh;

  }
}

.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;
  align-items: center;
}

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

.ImgTelaPrincipal {
  width: clamp(8rem, 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;
}

.Secao_Perfil {
  display: grid;
  grid-template-rows: auto;
  text-align: center;
  margin: 0%;
  height: 84dvh;
  width: 100%;
  gap: 0.7dvh;

  & h2 {
    font-size: 2.8rem;
  }

  & h4 {
    font-size: 2.2rem;
    color: rgb(1, 1, 59);
    margin: 0;
    padding: 0;
  }

  & p {
    font-size: 2.4rem;
    text-align: start;
    width: 85%;
    color: black;
    margin-bottom: 0;
    margin-top: 0.8dvh;
    margin-left: 2rem;
  }

  & img {
    aspect-ratio: 4 / 4;
    width: 30dvw;
    object-fit: contain;
    margin: 2dvh;
    border-radius: 50%;
    margin-bottom: 0;
  }

  & i {
    font-size: 1.6rem;
    text-align: center;
    width: 80%;
    color: rgb(244, 20, 20);
    margin-bottom: 0;
    padding: 0;
    padding-left: 1dvh;
    padding-right: 1dvh;
  }

  & h5 {
    margin: 0;
    margin-top: 1dvh;
    margin-bottom: 1dvh;
  }
}

.Dados_Perfil {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  border: 0.1dvh solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.55);
  border-radius: 2dvh;
  height: auto;
  padding-bottom: 1dvh;

  & P {
    font-size: 1.8rem;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  & b {
    font-size: 1.8rem;
  }
}

.BtnEditarPerfil {
  position: absolute;
  width: 25dvw;
  font-size: 0.9rem;
  cursor: pointer;
}

.CardModalPerfil {
  background: rgba(255, 255, 255, 0.12);
  border: 0.1dvh solid rgba(255, 255, 255, 0.18);
  border-radius: 2dvh;
  padding: 2dvh;
  margin-bottom: 1dvh;
  text-align: center;

  & p {
    font-size: 1rem;
  }
}

.CardModalPerfil img {
  border: 0.2dvh solid #d4af37;
  margin-bottom: 2dvh;
}

.Estatistica {
  border: 0.1dvh solid rgba(255, 255, 255, 0.1);
  background: rgba(252, 249, 249, 0.3);
  border-radius: 2dvh;
  height: 40dvh;
  max-height: 40dvh;
  margin-top: 2%;
}
.Ranck {
  border: 0.1dvh solid rgba(255, 255, 255, 0.1);
  background: rgba(252, 249, 249, 0.3);
  border-radius: 2dvh;
  height: 20dvh;
  max-height: 20dvh;
  margin-top: 2%;

  & img {
    height: 10dvh;
    aspect-ratio: 4 / 4;
    width: 26dvw;
    object-fit: contain;
    margin: 0dvh;
    border-radius: 30%;
    background-color: white;
    border: 0.1rem solid #e0d4d4;
  }
}

.Secao_Jogadores {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  text-align: center;
  overflow: hidden;

  & h2 {
    font-size: 3.6rem;
  }

  & h3 {
    font-size: 2.4rem;
    margin: 0;
  }

  & .Lista_Jogador {
    display: grid;
    gap: 0.5dvh;
    max-height: 70dvh;
    height: 70dvh;
    height: auto;
    padding-top: 2%;
    padding-bottom: 2%;
    border-radius: 2dvh;
    max-height: 75dvh;
    overflow-y: auto;
    overflow-x: hidden;

    & div {
      display: grid;
      grid-template-columns: 2fr 4fr 0.4fr;
      background-color: ffffff6b;
      padding: 0.4dvh;
      padding-left: 1dvh;
      padding-right: 1dvh;
      border: 0.2dvh solid #e6e6e6;
      border-left: none;
      border-right: none;
      border-radius: 2dvh;
      align-items: center;

      & div {
        border: none;
        grid-template-columns: 1fr;
      }
    }
  }

  & img {
    width: 4dvh;
    height: 4dvh;
    border-radius: 50%;
    object-fit: cover;
  }
}

.Secao_Jogadores .Lista_Jogador {
  display: grid;
  gap: 0.5dvh;
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: visible;
  padding: 0;
}

select {
  width: 100%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border: 0.1dvh solid rgba(255, 255, 255, 0.2);
  border-radius: 2dvh;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select option {
  background: #1d3b36;
  color: #fff;
}

#Lista_Grupo {
  width: 100%;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  overflow-x: hidden;
}

.Btt_Estatistica {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  gap: 1dvw;
  justify-content: space-between;
  padding-left: 2dvh;
  padding-right: 2dvh;
  background-color: rgba(255, 255, 255, 0.55);
  border: 0.1dvh solid #e6e6e6;
  border-radius: 2dvh;

  & .btt_Padrão {
    width: 7dvh;
    font-size: 5.1dvh;
    margin: 0;
    padding: 0dvh 1dvw;
    background: #4ca5af00;
    border: 0rem solid #3d8e97;
    border-bottom: 0rem solid #347b83;
    height: 10dvh;
  }
}

.Dados_Estatistica {
  position: relative;
  font-size: 2.4rem;
  background-color: rgba(255, 255, 255, 0.55);
  border: 0.1dvh solid #e6e6e6;
  overflow: hidden;
  border-left: none;
  border-right: none;
  border-radius: 2dvh;
  align-items: center;
  padding-top: 4dvh;
  padding-bottom: 2dvh;

  & p {
    margin: 0;
    padding: 0;
    margin-bottom: 1dvh;
    text-align: start;
    margin-left: 5dvw;
  }

  & b {
    font-size: 2.4rem;
  }

  & .PremiumRibbon {
    font-size: 1.6rem !important;
    padding: 0.4dvh !important;
    padding-left: 4dvw !important;
    padding-right: 4dvw !important;
  }
}

.Item_Grupo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10dvh;
  background: rgba(255, 255, 255, 0.55);
  border: 0.1dvh solid rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: 0.25s;
  color: black;

  & p {
    margin: 0;
    padding: 0dvh;
    padding-top: 0.8dvh;
    font-size: 1.4rem;
  }
}

.ImagemGrupo img {
  width: 16dvw;
  height: 8dvh;
  border-radius: 2dvh;
  object-fit: cover;
}

.InfoGrupo {
  text-align: left;
  color: black;
}

.InfoGrupo b {
  font-size: 1rem;
}

.AcaoGrupo {
  font-size: 3.4rem !important;
  color: white;
}

.GrupoPremium {
  border: 0.2dvh solid #ffd900d3 !important;
  box-shadow: 0 0 4dvh rgba(255, 215, 0, 0.25) !important;
  overflow: hidden;
}

.PremiumRibbon {
  position: absolute;
  top: 0;
  left: 0;
  background: #ffd700;
  color: #111;
  font-weight: bold;
  padding: 0.3dvh 1dvw !important;
  border-bottom-right-radius: 2dvh !important;
  font-size: 0.9rem !important;
}

.PremiumInfo {
  color: #ffd700;
  font-size: 0.75rem;
  font-weight: bold;
}

/*controle modal*/

.FundoModalGrupo {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 998;
}

.ModalGrupo {
  position: fixed;
  top: 0;
  right: -80%;
  width: 80%;
  max-width: 80dvw;
  height: 100dvh;
  background: rgba(12, 45, 35, 0.96);
  z-index: 999;
  transition: right 0.35s ease;
  border-left: 0.2dvh solid rgba(212, 175, 55, 0.75);
  box-sizing: border-box;
  color: white;
}

.ModalGrupo.Aberto {
  right: 0;
}

.ModalGrupoTopo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 0.1dvh solid rgba(255, 255, 255, 0.25);
  padding-bottom: 10.2dvh;
}

.ModalGrupoTopo h3 {
  margin: 0;
  font-size: 1.25rem;
  color: #ffd700;
}

.ModalGrupoTopo p {
  font-size: 0.9rem;
  color: #eaf6ff;
}

.BtnFecharModal {
  background: transparent;
  border: none;
  color: #ff4d4d;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
}

.ModalGrupoImg {
  width: 100%;
  border-radius: 2dvh;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}

.ModalGrupoImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ModalGrupoAcoes {
  display: flex;
  flex-direction: column;
}

.ModalGrupoAcoes button:hover {
  background: linear-gradient(135deg, #fff2a8, #ffd700, #d4af37, #b8860b);
  color: #10251d;
}

.FundoModalAcao {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 998;
}

.ModalAcao {
  position: fixed;
  top: 0;
  right: -86%;
  width: 86%;
  max-width: 86dvh;
  height: 100dvh;
  background: rgba(8, 34, 28, 0.65);
  backdrop-filter: blur(10dvh);
  z-index: 999;
  transition: right 0.32s ease;
  border-left: 0.1dvh solid rgba(255, 255, 255, 0.18);
  padding: 5dvw;
  box-sizing: border-box;
  color: #fff;
}

.ModalAcao.Aberto {
  right: 0;
}

.PuxadorModal {
  width: 100%;
  height: 0.6dvh;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 1dvh;
  margin: 0;
  margin: 0.4dvh auto 0.8dvh auto;
}

.TopoModalAcao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  margin-bottom: 1dvh;
}

.TopoModalAcao h3 {
  margin: 0;
  color: #f5f7fa;
  font-size: 1.2rem;
}

.BtnFecharModal {
  background: rgba(255, 255, 255, 0.12);
  border: none;
  color: #fff;
  width: 5dvh;
  height: 5dvh;
  border-radius: 50%;
  font-size: 1rem;
  cursor: pointer;
}

.ConteudoModalAcao {
  animation: entrarConteudo 0.25s ease;

  & .btt_Padrão {
    text-align: start;
    width: 100%;
  }

  & .btt_Padrão_Red {
    background: #e76a38;
    border: 0.15rem solid #f3652d;
    border-bottom: 0.35rem solid #f3652d;
  }
}

@keyframes entrarConteudo {
  from {
    opacity: 0;
    transform: translateX(10.2dvh);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.CardModalGrupo {
  background: rgba(255, 255, 255, 0.12);
  border: 0.1dvh solid rgba(255, 255, 255, 0.18);
  border-radius: 2dvh;
  padding: auto;
  margin-bottom: 1dvh;
  text-align: center;
}

.CardModalGrupo img {
  width: 100%;
  height: 10dvh;
  border: 0.2dvh solid #d4af37;
  border-radius: 2dvh;
}

.CardModalGrupo h4 {
  margin: 0.2dvh 0;
  color: #ffd700;
  font-size: 1.4rem;
}

.CardModalGrupo p {
  margin: 0.2dvh 0;
  font-size: 1rem;
  color: #eaf6ff;
}

.CardModalGrupo strong {
  margin: 0.2dvh 0;
  font-size: 1.4rem;
  color: #eaf6ff;
}

.BotoesModalAcao {
  display: flex;
  flex-direction: column;
  gap: 0.4dvh;
}

.BotoesModalAcao button.Principal {
  background: linear-gradient(135deg, #fff2a8, #ffd700, #d4af37, #b8860b);
  color: #10251d;
}

.BotoesModalAcao button:hover {
  transform: scale(0.98);
}

.ProximoEventoGrupo P {
  font-size: 1.2rem !important;
  margin-bottom: 0.4dvh;
}

.InputConvite {
  width: 100%;
  padding: 2dvh;
  border-radius: 2dvh;
  border: 0.1dvh solid rgba(255, 255, 255, 0.28);
  background: rgba(245, 245, 245, 0.12);
  color: #fff;
  outline: none;
  font-size: 1rem;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 1dvh;
  text-transform: uppercase;
}

.InputConvite::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.MsgModal {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 2dvh;
  color: #eaf6ff;
}

.CabecalhoListaPresenca {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2fr 0.8fr;
  gap: 1dvh;
  align-items: center;
  padding: 1dvh;
  margin-bottom: 1dvh;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.12);
  border: 0.1dvh solid rgba(255, 255, 255, 0.2);
  border-radius: 2dvh;
  justify-items: center;

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

.ImagemGrupoLista {
  width: 10dvh !important;
  height: 10dvh !important;
  min-width: 10dvh !important;
  max-width: 10dvh !important;
  min-height: 10dvh !important;
  max-height: 10dvh !important;
  object-fit: cover;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 2dvh;
}

.ImagemGrupoLista.SemImagem {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  font-size: 2.2rem;
}

.DadosGrupoLista {
  display: flex;
  flex-direction: column;
  gap: 2dvh;
  min-width: 0;
}

.DadosGrupoLista strong {
  font-size: 1.4rem;
  color: #ffd900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.DadosGrupoLista span {
  font-size: 1.2rem;
  color: white;
}

.ConteudoListaStatus {
  display: flex;
  flex-direction: column;
  gap: 1dvh;
  width: 100%;
  max-height: 60dvh;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  margin-bottom: 1dvh;
}

.BlocoStatusPresenca {
  width: 100%;
  background: rgba(255, 255, 255, 0.13);
  border-radius: 2dvh;
  padding: 2dvh;
  box-sizing: border-box;
}

.TituloStatusPresenca {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.6dvh;
  font-size: 1.6rem;
  color: white;
}

.ListaUsuariosStatus {
  display: flex;
  flex-direction: column;
  gap: 0.4dvh;
}

.UsuarioListaPresenca {
  display: flex;
  align-items: center;
  gap: 1dvh;
  width: 100%;
  padding: 0.6dvh 0.8dvh;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.13);
  border-radius: 2dvh;
}

.UsuarioListaPresenca img {
  width: 3dvh !important;
  height: 3dvh !important;
  min-width: 3dvh !important;
  max-width: 3dvh !important;
  min-height: 3dvh !important;
  max-height: 3dvh !important;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 !important;
  padding: 0 !important;
}

.UsuarioListaPresenca strong {
  min-width: 0;
  font-size: 1.4rem;
  color: white;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ListaVaziaPresenca {
  width: 100%;
  padding: 2dvh;
  box-sizing: border-box;
  text-align: center;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.7);
}

/* =====================================================
   PERFIL — ESTATÍSTICA PREMIUM CORRIGIDA
===================================================== */

.Dados_Estatistica {
  position: relative;

  width: 100%;
  min-width: 0;

  padding: 2.2dvh 4vw;

  overflow: hidden;

  border-radius: 2dvh;

  box-sizing: border-box;
}

.Dados_Estatistica_Premium {
  padding-top: 5.2dvh;

  border: 0.18rem solid #e8c400;

  box-shadow:
    0 0.45dvh 1dvh rgba(0, 0, 0, 0.18),
    inset 0 0 0 0.08rem rgba(255, 235, 92, 0.28);
}

.PremiumRibbonEstatistica {
  position: absolute;

  top: 0;
  left: 0;
  right: 0;

  min-height: 3.7dvh;

  display: flex;
  align-items: center;

  padding: 0.6dvh 3vw;

  background:
    linear-gradient(
      90deg,
      #ffe84d,
      #f4c400
    );

  color: #2d2500;

  font-size: 1.45rem;
  font-weight: 900;

  box-sizing: border-box;
}

.ConteudoEstatisticaGrupo {
  min-width: 0;
}

.ConteudoEstatisticaGrupo p {
  margin:
    0
    0
    1.05dvh;
}

.ResumoPresencaGrupo,
.ResumoPresencaPerfil {
  margin-top: -0.65dvh !important;

  color: rgba(0, 0, 0, 0.72);

  font-size: 1.25rem;
  font-style: italic;
}