/* inicio-admin-v12 cache-bust */
/* mobile-only-fixes.css — NO cambia escritorio (>=901px) */
@media (max-width: 900px) {
  /* 1) PintyMonedas HUD: nubecita blanca flotante (sin glow) */
  a.header-pm-balance,
  .header-pm-balance {
    position: fixed !important;
    top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    right: calc(10px + env(safe-area-inset-right, 0px)) !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    z-index: 2147483000 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    padding: 5pt 12px 5pt 5pt !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 2px solid rgba(4, 48, 100, .12) !important;
    box-shadow:
      0 6px 18px rgba(4, 48, 100, .10),
      0 2px 6px rgba(4, 48, 100, .06) !important;
    gap: .35rem !important;
    overflow: visible !important;
    isolation: auto !important;
    filter: none !important;
    animation: none !important;
  }
  a.header-pm-balance::after,
  .header-pm-balance::after,
  a.header-pm-balance::before,
  .header-pm-balance::before {
    content: none !important;
    display: none !important;
  }
  .header-pm-balance img,
  .header-pm-balance .pm-ico,
  .header-pm-balance__ico {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    animation: none !important;
    filter:
      drop-shadow(0 0 1px #fff)
      drop-shadow(0 0 2px #fff)
      drop-shadow(0 0 3px #fff)
      drop-shadow(0 0 4px #fff)
      drop-shadow(0 0 5px #fff) !important;
    -webkit-filter:
      drop-shadow(0 0 1px #fff)
      drop-shadow(0 0 2px #fff)
      drop-shadow(0 0 3px #fff)
      drop-shadow(0 0 4px #fff)
      drop-shadow(0 0 5px #fff) !important;
  }
  .header-pm-balance__num {
    font-size: 12px !important;
    font-weight: 900 !important;
    color: #8A6A00 !important;
    -webkit-text-fill-color: #8A6A00 !important;
    line-height: 1 !important;
    position: relative !important;
    z-index: 1 !important;
    text-shadow: none !important;
  }

  /* 1b) inicio-admin-v12: REVERT brand; ocultar SOLO logo HERO del inicio */
  .hero.home-hero .hero-logo-slot,
  .hero.home-hero .hero-logo,
  .home-hero .hero-logo-slot,
  .home-hero img.hero-logo {
    display: none !important;
  }

  /* 2) PintyStore: una columna, tarjeta de grupo clara */
  .store-groups.card-grid,
  .card-grid.store-groups,
  .store-groups {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
    grid-template-columns: none !important;
  }
  .store-color-card,
  .store-simple-card {
    width: 100% !important;
    max-width: 100% !important;
    border: 3px solid #0BB2DE !important;
    border-radius: 1.25rem !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(4,48,100,.12) !important;
  }
  .store-color-card .card-body,
  .store-simple-card .card-body {
    text-align: center !important;
  }
  .store-swatches {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: .45rem !important;
    padding: .35rem .5rem .6rem !important;
  }
  .store-swatch {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    border: 2px solid #c5d4e3 !important;
  }
  .store-swatch.is-active {
    border-color: #0BB2DE !important;
    box-shadow: 0 0 0 2px rgba(11,178,222,.35) !important;
  }
  .store-color-help {
    display: block !important;
    text-align: center !important;
    font-weight: 800 !important;
    color: #043064 !important;
  }

  /* 3) Hub Música y Videos */
  .musica-videos-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.15rem !important;
    grid-template-columns: none !important;
  }
  .musica-videos-card {
    width: 100% !important;
    border-radius: 1.5rem !important;
    border: 5px solid !important;
    box-shadow: 0 12px 28px rgba(4,48,100,.15) !important;
  }
  .musica-videos-card--musica { border-color: #e91e8c !important; background: linear-gradient(165deg,#ffd0e8,#fff) !important; }
  .musica-videos-card--videos { border-color: #1e90ff !important; background: linear-gradient(165deg,#c8e7ff,#fff) !important; }
  .musica-videos-card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1.5rem 1.1rem !important;
  }
  .musica-videos-icon-frame,
  .musica-videos-card__icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 96px !important;
    height: 96px !important;
    margin: 0 auto 0.75rem !important;
    border-radius: 1.25rem !important;
    background: #fff !important;
    border: 3px solid rgba(4,48,100,.12) !important;
    box-shadow: 0 6px 16px rgba(4,48,100,.1) !important;
  }
  .musica-videos-card__icon img,
  .musica-videos-icon-frame img {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
    transform: none !important;
    float: none !important;
  }

  /* 4) Música: Spotify / YouTube */
  .musica-page .musica-grid,
  .musica-page .card-grid.musica-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.15rem !important;
    grid-template-columns: none !important;
  }
  .musica-page .musica-card {
    width: 100% !important;
    border-radius: 1.5rem !important;
    border: 4px solid !important;
    box-shadow: 0 10px 24px rgba(4,48,100,.12) !important;
  }
  .musica-page .musica-card--spotify { border-color: #1DB954 !important; background: linear-gradient(165deg,#d8ffe8,#fff) !important; }
  .musica-page .musica-card--youtube { border-color: #FF0000 !important; background: linear-gradient(165deg,#ffd6d6,#fff) !important; }
  .musica-page .musica-card--estrenos { border-color: #FAD029 !important; background: linear-gradient(165deg,#fff3c4,#fff) !important; }
  .musica-page .musica-card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1.35rem 1rem 1.5rem !important;
  }
  .musica-logo-frame {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100px !important;
    height: 100px !important;
    margin: 0 auto 1rem !important;
    border-radius: 1.35rem !important;
    background: #fff !important;
    border: 3px solid rgba(4,48,100,.1) !important;
    box-shadow: 0 6px 16px rgba(4,48,100,.1) !important;
  }
  .musica-page .musica-platform-logo,
  .musica-page img.musica-platform-logo {
    display: block !important;
    width: 68px !important;
    height: 68px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    transform: none !important;
    float: none !important;
  }
  .musica-page .musica-platform-logo.logo-press:hover,
  .musica-page .musica-platform-logo.logo-press:active {
    transform: scale(0.94) !important;
  }
}


@keyframes pmShineSweep {
  0%, 15% { left: -60%; opacity: 0; }
  20% { opacity: 1; }
  55% { left: 120%; opacity: 1; }
  60%, 100% { left: 120%; opacity: 0; }
}
@keyframes pmGoldSparkle {
  0%, 100% {
    box-shadow:
      0 0 0 1px rgba(255, 215, 80, .45),
      0 0 10px 2px rgba(250, 208, 41, .35),
      0 4px 12px rgba(4, 48, 100, .14);
  }
  50% {
    box-shadow:
      0 0 0 1px rgba(255, 230, 100, .7),
      0 0 16px 4px rgba(250, 208, 41, .55),
      0 4px 14px rgba(4, 48, 100, .18);
  }
}


@keyframes pmCoinGlow {
  0%, 100% { filter: drop-shadow(0 0 5px rgba(250,208,41,.75)) drop-shadow(0 0 10px rgba(230,180,34,.4)); }
  50% { filter: drop-shadow(0 0 9px rgba(250,208,41,1)) drop-shadow(0 0 18px rgba(230,180,34,.7)); }
}


/* pm-no-shine — sin círculo/shine; silueta blanca + sombra (v8) */
a.header-pm-balance::after,
.header-pm-balance::after,
a.header-pm-balance::before,
.header-pm-balance::before {
  content: none !important;
  display: none !important;
  animation: none !important;
}

/* inicio-admin-v11: nubecita + contorno blanco ~5pt, SIN glow amarillo (móvil) */
@media (max-width: 900px) {
  a.header-pm-balance, .header-pm-balance {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    padding: 5pt 12px 5pt 5pt !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 2px solid rgba(4, 48, 100, .12) !important;
    box-shadow:
      0 6px 18px rgba(4, 48, 100, .10),
      0 2px 6px rgba(4, 48, 100, .06) !important;
  }
  a.header-pm-balance::after, .header-pm-balance::after,
  a.header-pm-balance::before, .header-pm-balance::before {
    content: none !important; display: none !important; animation: none !important;
  }
  .header-pm-balance img, .header-pm-balance .pm-ico, .header-pm-balance__ico {
    filter:
      drop-shadow(0 0 1px #fff)
      drop-shadow(0 0 2px #fff)
      drop-shadow(0 0 3px #fff)
      drop-shadow(0 0 4px #fff)
      drop-shadow(0 0 5px #fff) !important;
    -webkit-filter:
      drop-shadow(0 0 1px #fff)
      drop-shadow(0 0 2px #fff)
      drop-shadow(0 0 3px #fff)
      drop-shadow(0 0 4px #fff)
      drop-shadow(0 0 5px #fff) !important;
    animation: none !important;
  }
  .header-pm-balance__num {
    text-shadow: none !important;
  }
}