/* Bet505.com - ajuste visual seguro para hospedagem */

/* Cabeçalho do menu: X + logo pequenos, alinhados e próximos */
.header[data-v-307e04a7] .header-content[data-v-307e04a7] {
  justify-content: flex-start !important;
  gap: 8px !important;
  padding-top: 10px !important;
}

.header[data-v-307e04a7] .btn-close[data-v-307e04a7] {
  order: 1 !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
}

.header[data-v-307e04a7] .btn-close img,
.header[data-v-307e04a7] .btn-close svg {
  width: 19px !important;
  height: 19px !important;
}

.header[data-v-307e04a7] .logo[data-v-307e04a7] {
  order: 2 !important;
  display: block !important;
  width: auto !important;
  max-width: 112px !important;
  height: 26px !important;
  object-fit: contain !important;
  object-position: left center !important;
  margin: 0 !important;
}

/* Efeito real nas capas: funciona também em celular, sem depender de hover */
html .style1[data-v-366b663d],
html .style2[data-v-366b663d],
html .style3[data-v-366b663d] {
  transform: translateZ(0);
  backface-visibility: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,.28);
}

html .style1[data-v-366b663d]::after,
html .style2[data-v-366b663d]::after,
html .style3[data-v-366b663d]::after {
  content: "";
  position: absolute;
  inset: -35% -70%;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    110deg,
    transparent 38%,
    rgba(255,255,255,0.05) 43%,
    rgba(255,255,255,0.34) 50%,
    rgba(255,255,255,0.05) 57%,
    transparent 62%
  );
  transform: translateX(-55%) rotate(8deg);
  animation: bet505-shine 4.2s ease-in-out infinite;
}

html .style1[data-v-366b663d] .game-img[data-v-366b663d]::part(image),
html .style2[data-v-366b663d] .game-img[data-v-366b663d]::part(image),
html .style3[data-v-366b663d] .game-img[data-v-366b663d]::part(image) {
  transition: transform .28s ease, filter .28s ease;
  transform-origin: center center;
}

html .style1[data-v-366b663d]:hover .game-img[data-v-366b663d]::part(image),
html .style2[data-v-366b663d]:hover .game-img[data-v-366b663d]::part(image),
html .style3[data-v-366b663d]:hover .game-img[data-v-366b663d]::part(image) {
  transform: scale(1.045);
  filter: brightness(1.08) saturate(1.08);
}

html .style1[data-v-366b663d]:active,
html .style2[data-v-366b663d]:active,
html .style3[data-v-366b663d]:active {
  transform: scale(.975) translateZ(0);
}

@keyframes bet505-shine {
  0%, 58%, 100% { transform: translateX(-55%) rotate(8deg); opacity: 0; }
  68% { opacity: 1; }
  82% { transform: translateX(55%) rotate(8deg); opacity: 0; }
}

@media (max-width: 380px) {
  .header[data-v-307e04a7] .header-content[data-v-307e04a7] {
    gap: 6px !important;
  }
  .header[data-v-307e04a7] .btn-close[data-v-307e04a7] {
    flex-basis: 32px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }
  .header[data-v-307e04a7] .logo[data-v-307e04a7] {
    max-width: 100px !important;
    height: 24px !important;
  }
}