/* Cargar al final. No cambia dimensiones, transformaciones ni radio del carrusel. */
html[data-brand="hipicas-play"] {
  --hp-glass: linear-gradient(135deg, #1955b5b3, #143d85e6);
  --hp-glass-shadow: 0 8px 24px #155eef24, inset 0 1px 0 #ffffff66;
}
html[data-brand="hipicas-play"][data-theme="light"] {
  --hp-glass: linear-gradient(135deg, #38bdf833, #38bdf80a);
  --hp-glass-shadow: 0 8px 24px #155eef14, inset 0 1px 0 #ffffffee;
}
html[data-brand="hipicas-play"] :is(.hp-card,.accion-card,.hipicas-home-block,.sports-home-block,.hipicas-home-option,.hero-card,.rh-hero,.hp-track-demo,.gac-track-card),
html[data-brand="hipicas-play"] :is(#hip-hipo-container,#hex-hipo-container,#hpk-hipo-container,#ji-hipo-container) > .anim-lot-item {
  background: var(--hp-glass);
  border: 1px solid var(--hp-electric);
  border-radius: 18px;
  color: var(--hp-text);
  box-shadow: var(--hp-glass-shadow);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
/* Evita recalcular el fondo de muchas tarjetas a la vez durante el scroll.
   Conserva el vidrio visual, sin blur en las tarjetas repetidas del carrusel y Gacetas. */
html[data-brand="hipicas-play"] .gac-track-card,
html[data-brand="hipicas-play"] :is(#hip-hipo-container,#hex-hipo-container,#hpk-hipo-container,#ji-hipo-container) > .anim-lot-item {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
/* Respaldo opaco para equipos sin backdrop-filter. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-brand="hipicas-play"] :is(.hp-card,.accion-card,.hipicas-home-block,.sports-home-block,.hipicas-home-option,.hero-card,.rh-hero,.hp-track-demo,.gac-track-card),
  html[data-brand="hipicas-play"] :is(#hip-hipo-container,#hex-hipo-container,#hpk-hipo-container,#ji-hipo-container) > .anim-lot-item {
    background: linear-gradient(135deg, var(--bg-alt), var(--bg-soft));
  }
}
html[data-brand="hipicas-play"] :is(#hip-hipo-container,#hex-hipo-container,#hpk-hipo-container,#ji-hipo-container) > .anim-lot-item.active,
html[data-brand="hipicas-play"] .hp-track-demo[aria-pressed="true"] {
  border-color: var(--hp-gold);
  box-shadow: var(--hp-glass-shadow), inset 0 -3px 0 var(--hp-gold);
}
/* Carreras de gaceta cerradas/anuladas mantienen su estado y no brillan al hover. */
html[data-brand="hipicas-play"] :is(.gac-track-card--cerrada,.gac-track-card--cancelada):is(:hover,:active) {
  box-shadow: none;
  transform: none;
}
html[data-brand="hipicas-play"] .gac-track-card--cerrada:is(:hover,:active) { border-color: #78909c66; }
html[data-brand="hipicas-play"] .gac-track-card--cancelada:is(:hover,:active) { border-color: #9333ea66; }
html[data-brand="hipicas-play"] .gac-track-card--cerrada:is(:hover,:active)::before { background: #546e7a; }
html[data-brand="hipicas-play"] .gac-track-card--cancelada:is(:hover,:active)::before { background: #7e22ce; }
/* Los logos de marca existentes permanecen planos y los resuelve theme.js. */
html[data-brand="hipicas-play"] .hip-hipo-logo { width: 100%; height: 52px; }
html[data-brand="hipicas-play"] .hip-hipo-logo img { max-width: 100%; max-height: 48px; object-fit: contain; }
html[data-brand="hipicas-play"] :is(.hip-hipo-name,.gac-track-name) { color: var(--hp-text); }
html[data-brand="hipicas-play"] .hip-hipo-races { background: rgba(190, 210, 234, 0.149); color: var(--hp-gold); }
html[data-brand="hipicas-play"][data-theme="light"] .hip-hipo-races { background: var(--hp-gold); color: var(--hp-on-gold); }
html[data-brand="hipicas-play"] .jugar-integral-group-title {
  margin: 1rem 0 .45rem;
  color: var(--hp-muted);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

/* Navegación del carrusel de hipódromos: conserva geometría y usa tokens de tema. */
html[data-brand="hipicas-play"] .anim-carousel-viewport--hipodromos .anim-nav-btn {
  color: var(--hp-text);
  border-color: var(--hp-electric);
  background: var(--hp-glass);
}
html[data-brand="hipicas-play"] .anim-carousel-viewport--hipodromos .anim-nav-btn:active {
  background: var(--hp-electric);
  color: var(--hp-on-electric);
}
html[data-brand="hipicas-play"] .anim-carousel-viewport--hipodromos .anim-nav-btn:focus-visible {
  outline: 3px solid var(--hp-electric);
  outline-offset: 3px;
}
@media (max-width: 599px) {
  html[data-brand="hipicas-play"] .anim-carousel-viewport--hipodromos .anim-carousel-nav { display: flex; }
}
html[data-brand="hipicas-play"] :is(#hip-hipo-label,#hex-hipo-label,#hpk-hipo-label) {
  line-height: 1.45;
  padding-inline: 48px;
}
html[data-brand="hipicas-play"] .hp-glass-icon-slot {
  display: inline-flex; align-items: center; justify-content: center;
  background: transparent; border: 0; box-shadow: none; padding: 0;
  width: 56px; height: 56px; flex: 0 0 56px;
}
html[data-brand="hipicas-play"] .hp-glass-icon-slot > img {
  display: block; width: 100%; height: 100%; max-width: 100%; object-fit: contain;
}
html[data-brand="hipicas-play"] .hipicas-home-option .hp-glass-icon-slot { width: 40px; height: 40px; flex-basis: 40px; }
html[data-brand="hipicas-play"] .hp-glass-icon-slot::before,
html[data-brand="hipicas-play"] .hp-glass-icon-slot::after { content: none; }
html[data-brand="hipicas-play"] :is(.accion-card__title,.hipicas-home-option__text strong,.hipicas-home-block__heading strong,.sports-home-block__heading strong,.rh-hero__title) { color: var(--hp-text); }
html[data-brand="hipicas-play"] :is(.accion-card__sub,.hipicas-home-option__text small,.sports-home-block__heading small,.rh-hero__sub) { color: var(--hp-muted); }
html[data-brand="hipicas-play"] .hp-card:focus-visible,
html[data-brand="hipicas-play"] .hp-track-demo:focus-visible { outline: 3px solid var(--hp-electric); outline-offset: 4px; }
@media (prefers-reduced-transparency: reduce) {
  html[data-brand="hipicas-play"] { --hp-glass: linear-gradient(135deg,var(--bg-alt),var(--bg-soft)); }
}

/* Bloques interiores y tarjetas existentes usan el mismo vidrio de marca. */
html[data-brand="hipicas-play"] :is(.monedero-card,.hip-hipo-card) {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
html[data-brand="hipicas-play"] .monedero-card {
  background: var(--hp-glass);
  border: 1px solid var(--hp-electric);
  box-shadow: var(--hp-glass-shadow);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
html[data-brand="hipicas-play"] .monedero-card__balance { color: var(--hp-text); }
html[data-brand="hipicas-play"] .monedero-card__top { border-bottom-color: #ffffff38; }
html[data-brand="hipicas-play"] .monedero-header__icon { border-color: var(--hp-electric); }
html[data-brand="hipicas-play"] :is(.app-header__brand,.app-header__nav-item,.app-bottom-nav__item) { transition: color .18s ease, background-color .18s ease; }
html[data-brand="hipicas-play"] .hip-hipo-card { color: var(--hp-text); }
html[data-brand="hipicas-play"] .hip-hipo-races { background: rgba(190, 210, 234, 0.141); color: var(--hp-gold); border: 1px solid rgba(190, 210, 234, 0.396); }
html[data-brand="hipicas-play"] .hp-glass-icon-slot { width: 44px; height: 44px; flex-basis: 44px; }
html[data-brand="hipicas-play"] .hipicas-home-block__brand.hp-glass-icon-slot,
html[data-brand="hipicas-play"] .sports-home-block__icon.hp-glass-icon-slot,
html[data-brand="hipicas-play"] .sports-history-block__icon.hp-glass-icon-slot,
html[data-brand="hipicas-play"] .accion-card__icon.hp-glass-icon-slot,
html[data-brand="hipicas-play"] .monedero-header__icon.hp-glass-icon-slot { width: 40px; height: 40px; flex-basis: 40px; }
html[data-brand="hipicas-play"] .stream-banner__play.hp-glass-icon-slot { width: 42px; height: 42px; flex-basis: 42px; }
html[data-brand="hipicas-play"] .rh-hero__icon.hp-glass-icon-slot { width: 52px; height: 52px; flex-basis: 52px; }
html[data-brand="hipicas-play"] .hp-glass-icon-slot > img { background: transparent; border: 0; box-shadow: none; }
html[data-brand="hipicas-play"][data-theme="light"] .monedero-card {
  background: linear-gradient(135deg, #38bdf833, #38bdf80a);
  border-color: #155eef66;
  box-shadow: 0 8px 24px #155eef16, inset 0 1px 0 #ffffff;
}
html[data-brand="hipicas-play"][data-theme="light"] .monedero-card__balance { color: #17458f; }
html[data-brand="hipicas-play"][data-theme="light"] .monedero-card__top { border-bottom-color: #155eef26; }
html[data-brand="hipicas-play"][data-theme="light"] .monedero-header__icon { background: rgba(190, 210, 234, 0.220); color: var(--srh-gold-ink, #435a74); }
html[data-brand="hipicas-play"][data-theme="light"] .hip-hipo-races { background: var(--srh-gold, #dce6f2); color: #17458f; border-color: var(--srh-gold-line, #a9bdd4); }
html[data-brand="hipicas-play"][data-theme="light"] .gac-track-card--cerrada:is(:hover,:active) { border-color: #78909c66; }
html[data-brand="hipicas-play"][data-theme="light"] .gac-track-card--cancelada:is(:hover,:active) { border-color: #9333ea66; }

/* Selección activa del tipo de jugada hípica. */
html[data-brand="hipicas-play"] :is(.hip-tipo-indicator,.hex-tipo-indicator,.hpk-tipo-indicator) {
  background: linear-gradient(135deg, #246bff, #155eef);
  box-shadow: 0 4px 16px #155eef55;
}
html[data-brand="hipicas-play"] :is(.hip-tipo-opt.active,.hex-tipo-opt.active,.hpk-tipo-opt.active) { color: #d9e1eb; }
html[data-brand="hipicas-play"][data-theme="light"] :is(.hip-tipo-indicator,.hex-tipo-indicator,.hpk-tipo-indicator) {
  background: linear-gradient(135deg, #c8edff, #e4f7ff);
  border: 1px solid #155eef80;
  box-shadow: 0 3px 12px #155eef20, inset 0 1px 0 #ffffff;
}
html[data-brand="hipicas-play"][data-theme="light"] :is(.hip-tipo-opt.active,.hex-tipo-opt.active,.hpk-tipo-opt.active) { color: #17458f; }

/* Campos de monto compartidos por los módulos hípicos y deportivos. */
html[data-brand="hipicas-play"] :is(.anim-monto-input-wrap,.sports-slip__input) { border-color: var(--hp-electric); }
html[data-brand="hipicas-play"] :is(.anim-monto-simbolo,.anim-monto-input,.anim-monto-clear,.sports-slip__input span,.sports-slip__input input) { color: #d9e1eb; }
html[data-brand="hipicas-play"] .anim-action-bar .anim-monto-clear:hover { color: #f7fbff; }
html[data-brand="hipicas-play"] :is(.anim-monto-input,.sports-slip__input input)::placeholder { color: #b8c5d6; opacity: 1; }
html[data-brand="hipicas-play"][data-theme="light"] :is(.anim-monto-input-wrap,.sports-slip__input) { border-color: #155eef; }
html[data-brand="hipicas-play"][data-theme="light"] :is(.anim-monto-simbolo,.anim-monto-input,.anim-monto-clear,.sports-slip__input span,.sports-slip__input input) { color: #155eef; }
html[data-brand="hipicas-play"][data-theme="light"] .anim-action-bar .anim-monto-clear:hover { color: #17458f; }
html[data-brand="hipicas-play"][data-theme="light"] :is(.anim-monto-input,.sports-slip__input input)::placeholder { color: #45658f; opacity: 1; }

/* Módulo Exacta / Trifecta: el estado activo y el monto siguen el azul de Jugar. */
html[data-brand="hipicas-play"] #hex-action-bar :is(.hex-tipo-indicator,.hex-modo-seg__pill) {
  background: linear-gradient(135deg, #246bff, #155eef);
  box-shadow: 0 4px 16px #155eef55;
}
html[data-brand="hipicas-play"] #hex-action-bar :is(.hex-tipo-opt.active,.hex-modo-seg__opt.active) { color: #fff; }
html[data-brand="hipicas-play"] #hex-action-bar .anim-monto-input-wrap {
  background: var(--srh-card);
  border-color: var(--hp-electric);
}
html[data-brand="hipicas-play"] #hex-action-bar :is(.hex-modo-seg,.hex-tipo-toggle) {
  background: #171c2b;
  border-color: rgba(255, 255, 255, .1);
}
html[data-brand="hipicas-play"][data-theme="light"] #hex-action-bar :is(.hex-modo-seg,.hex-tipo-toggle) {
  background: #e6f4ff;
  border-color: rgba(21, 94, 239, .22);
}
html[data-brand="hipicas-play"] #hex-action-bar {
  background: #0b1020;
  border-top: 2px solid var(--hp-electric);
  box-shadow: 0 -15px 50px rgba(0, 0, 0, .52);
}
html[data-brand="hipicas-play"][data-theme="light"] #hex-action-bar {
  background: #eff3fd;
  border-top-color: #9bb7dc;
  box-shadow: 0 -12px 38px rgba(41, 70, 116, .16);
}

/* Pick 3 / 4 / 5 / 6: misma barra, selector y campo de monto. */
html[data-brand="hipicas-play"] #hpk-action-bar {
  background: #0b1020;
  border-top: 2px solid var(--hp-electric);
  box-shadow: 0 -15px 50px rgba(0, 0, 0, .52);
}
html[data-brand="hipicas-play"][data-theme="light"] #hpk-action-bar {
  background: #eff3fd;
  border-top-color: #9bb7dc;
  box-shadow: 0 -12px 38px rgba(41, 70, 116, .16);
}
html[data-brand="hipicas-play"] #hpk-action-bar .hpk-tipo-toggle {
  background: #171c2b;
  border-color: rgba(255, 255, 255, .1);
}
html[data-brand="hipicas-play"][data-theme="light"] #hpk-action-bar .hpk-tipo-toggle {
  background: #e6f4ff;
  border-color: rgba(21, 94, 239, .22);
}
html[data-brand="hipicas-play"] #hpk-action-bar .hpk-tipo-indicator {
  background: linear-gradient(135deg, #246bff, #155eef);
  box-shadow: 0 4px 16px #155eef55;
}
html[data-brand="hipicas-play"] #hpk-action-bar .hpk-tipo-opt.active { color: #fff; }
html[data-brand="hipicas-play"] #hpk-action-bar .anim-monto-input-wrap {
  background: var(--srh-card);
  border-color: var(--hp-electric);
}

/* Cabecera de hípica con caballo de cristal y contraste de marca. */
html[data-brand="hipicas-play"] .jugar-header--info { --jh-accent: 36, 107, 255; }
html[data-brand="hipicas-play"] .jugar-header--info .jugar-header__icon.hp-horse-glass {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
html[data-brand="hipicas-play"] .jugar-header__icon.hp-horse-glass img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 2px 5px #155eef55);
}
html[data-brand="hipicas-play"] .jugar-header--info .jugar-header__title { color: #d9e1eb; }
html[data-brand="hipicas-play"] .jugar-header--info .jugar-header__sub { color: #b8c5d6; }
html[data-brand="hipicas-play"][data-theme="light"] .jugar-header--info { --jh-accent: 21, 94, 239; }
html[data-brand="hipicas-play"][data-theme="light"] .jugar-header--info .jugar-header__title { color: #17458f; }
html[data-brand="hipicas-play"][data-theme="light"] .jugar-header--info .jugar-header__sub { color: #1b3652; }

/* En táctil, evitar repintar grandes capas transparentes y sombras de imágenes al desplazar. */
@media (hover: none) and (max-width: 1023px) {
  html[data-brand="hipicas-play"] .app-body :is(.hipicas-home-block,.sports-home-block,.hipicas-home-option,.accion-card,.monedero-card) {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: linear-gradient(135deg, var(--bg-alt), var(--bg-soft));
  }
  html[data-brand="hipicas-play"] .app-body :is(.hipicas-home-block__horse,.sports-home-block__players,.sports-home-block__trophies) {
    filter: none;
  }
}