/* Revisión móvil: reglas limitadas a la app autenticada y su marca. */
html[data-brand="hipicas-play"] {
  --hp-nav-measured: 0px;
  --hp-action-height: 0px;
}
html[data-brand="hipicas-play"] .app-body {
  padding-bottom: calc(var(--hp-nav-measured) + var(--nav-fab-overhang) + 16px);
}
html[data-brand="hipicas-play"] .app-header__inner {
  padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px));
  gap: 10px;
}
html[data-brand="hipicas-play"] .app-header__balance {
  max-width: min(52vw, 280px);
  overflow: hidden;
}
html[data-brand="hipicas-play"] .app-header__balance-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
html[data-brand="hipicas-play"] .app-body .app-bottom-nav {
  background: var(--hp-bg);
  padding-inline: max(4px, env(safe-area-inset-left, 0px)) max(4px, env(safe-area-inset-right, 0px));
  padding-bottom: var(--safe-bottom);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-brand="hipicas-play"] .app-body > .app-bottom-nav {
  padding-bottom: var(--safe-bottom);
}
html[data-brand="hipicas-play"] .app-body .app-bottom-nav__item {
  min-width: 0;
  min-height: 64px;
  justify-content: center;
  gap: 6px;
  padding: 6px 0;
  font-size: 0.6875rem;
  line-height: 1.2;
  letter-spacing: 0;
  color: var(--hp-muted);
}
html[data-brand="hipicas-play"] .app-body .app-bottom-nav__item--active {
  color: var(--hp-text);
}
html[data-brand="hipicas-play"] .app-body .app-bottom-nav__icon svg {
  width: 20px;
  height: 20px;
}
html[data-brand="hipicas-play"] .app-body .app-bottom-nav__item--cta { justify-content: center; }
html[data-brand="hipicas-play"] .app-body .app-bottom-nav__cta-circle--crystal,
html[data-brand="hipicas-play"] .app-body .app-bottom-nav__crystal {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
}
html[data-brand="hipicas-play"] .app-body .app-bottom-nav__cta-circle--crystal { margin-top: -16px; }
html[data-brand="hipicas-play"] .app-body .app-bottom-nav__crystal { animation: none; }
/* Colores de estado en el carrusel «Últimas jugadas de hoy». */
html[data-brand="hipicas-play"] #inicio-ultimas-list .jugada-status--pendiente {
  color: #ffd09a;
  background: rgba(249, 153, 55, .16);
  border-color: rgba(249, 153, 55, .48);
}
html[data-brand="hipicas-play"] #inicio-ultimas-list .jugada-status--ganado {
  color: #6ee7b7;
  background: rgba(16, 185, 129, .14);
  border-color: rgba(16, 185, 129, .52);
}
html[data-brand="hipicas-play"] #inicio-ultimas-list .jugada-status--anulado {
  color: #ffb4b4;
  background: rgba(239, 68, 68, .15);
  border-color: rgba(248, 113, 113, .5);
}
html[data-brand="hipicas-play"] #inicio-ultimas-list .jugada-status--perdido {
  color: #d1d5db;
  background: rgba(148, 163, 184, .16);
  border-color: rgba(148, 163, 184, .42);
}
html[data-brand="hipicas-play"] #inicio-ultimas-list .jugada-status--pagado {
  color: #9ed5ff;
  background: rgba(41, 182, 246, .14);
  border-color: rgba(41, 182, 246, .44);
}
html[data-brand="hipicas-play"][data-theme="light"] #inicio-ultimas-list .jugada-status--pendiente {
  color: #914900;
  background: rgba(217, 119, 6, .12);
  border-color: rgba(217, 119, 6, .42);
}
html[data-brand="hipicas-play"][data-theme="light"] #inicio-ultimas-list .jugada-status--ganado {
  color: #008a63;
  background: rgba(16, 185, 129, .14);
  border-color: rgba(16, 185, 129, .48);
}
html[data-brand="hipicas-play"][data-theme="light"] #inicio-ultimas-list .jugada-status--anulado {
  color: #b4232e;
  background: rgba(220, 38, 38, .1);
  border-color: rgba(220, 38, 38, .38);
}
html[data-brand="hipicas-play"][data-theme="light"] #inicio-ultimas-list .jugada-status--perdido {
  color: #5b6574;
  background: rgba(100, 116, 139, .12);
  border-color: rgba(100, 116, 139, .34);
}
html[data-brand="hipicas-play"][data-theme="light"] #inicio-ultimas-list .jugada-status--pagado {
  color: #007eaf;
  background: rgba(41, 182, 246, .14);
  border-color: rgba(17, 171, 235, .42);
}
html[data-brand="hipicas-play"] .anim-action-bar {
  bottom: var(--hp-action-bottom, var(--hp-nav-measured)) !important;
  max-height: var(--hp-action-max, calc(100dvh - var(--app-header-total) - var(--hp-nav-measured) - 12px));
  overflow-y: auto;
  padding-inline: max(12px, env(safe-area-inset-left, 0px)) max(12px, env(safe-area-inset-right, 0px));
  padding-bottom: calc(var(--nav-fab-overhang) + 12px);
  background: var(--bg-main);
  border-top: 1px solid var(--border-subtle);
  box-shadow: 0 -8px 24px rgb(0 0 0 / 12%);
}
/* La ficha del ejemplar sobresale sobre la barra WIN / PLACE / SHOW. */
html[data-brand="hipicas-play"] #hip-action-bar { overflow: visible; }
html[data-brand="hipicas-play"] #hip-action-bar .hip-sel-tab { z-index: 1; }
html[data-brand="hipicas-play"] .app-body .ji-action {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  overflow: hidden;
  max-height: min(42dvh, var(--hp-action-max, 42dvh));
  padding-bottom: calc(var(--nav-fab-overhang) + 12px);
}
html[data-brand="hipicas-play"] .ji-action .ji-bet-controls {
  min-height: 0;
  max-height: none;
  flex: 0 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
}
html[data-brand="hipicas-play"] .ji-action .ji-action-bottom { flex-shrink: 0; }
html[data-brand="hipicas-play"] .ji-action .ji-control-group { min-width: 0; }
html[data-brand="hipicas-play"] .ji-action .ji-pos-chip { min-width: 0; max-width: none; }
/* Panel de apuestas: blanco pleno en oscuro; el tema claro conserva su tinta azul. */
html[data-brand="hipicas-play"]:not([data-theme="light"]) .app-body .ji-action {
  --text-main: #ffffff;
  --text-muted: #ffffff;
  --hp-text: #ffffff;
  --hp-muted: #ffffff;
  --hp-card-start: #3074b8;
}
html[data-brand="hipicas-play"]:not([data-theme="light"]) .app-body .ji-action :is(
  .hex-modo-seg, .ji-pos-chip
) {
  background: linear-gradient(135deg, #3074b8, #2865a5);
  border-color: #8ac5ff;
}
html[data-brand="hipicas-play"]:not([data-theme="light"]) .app-body .ji-action .ji-pos-chip.is-active {
  background: linear-gradient(135deg, #246bff, #155eef);
  border-color: #c8e7ff;
}
html[data-brand="hipicas-play"]:not([data-theme="light"]) .app-body .ji-action :is(
  .ji-control-group > span, .ji-segment button, .hex-modo-seg__opt,
  .hex-modo-desc, .ji-pos-chip, .hex-box-count, .hex-box-combos,
  .anim-monto-simbolo, .anim-monto-input, .anim-btn-play
) { color: #ffffff; }
html[data-brand="hipicas-play"]:not([data-theme="light"]) .app-body .ji-action .hex-modo-desc { opacity: 1; }
html[data-brand="hipicas-play"]:not([data-theme="light"]) .app-body .ji-action .hex-modo-seg__pill {
  background: linear-gradient(135deg, #246bff, #155eef);
}
html[data-brand="hipicas-play"]:not([data-theme="light"]) .app-body .ji-action .anim-monto-input::placeholder {
  color: #ffffff;
  opacity: 1;
}
html[data-brand="hipicas-play"] .jugar-integral-page .ji-loading-placeholder {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 12px 16px;
  border-radius: var(--radius-md);
  background: var(--bg-alt);
  color: var(--text-muted);
  font-size: .75rem;
}
html[data-brand="hipicas-play"] #ji-action[aria-busy="true"] {
  /* Mantener la selección y el tamaño del panel mientras llegan los datos. */
  cursor: progress;
}
/* Los tickets BOX pueden incluir muchos ejemplares: conservar Cerrar accesible. */
html[data-brand="hipicas-play"] .ji-ticket-result {
  padding: max(16px, env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) max(16px, env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
}
html[data-brand="hipicas-play"] .ji-ticket-result > .anim-ticket {
  max-height: calc(100dvh - max(16px, env(safe-area-inset-top, 0px)) - max(16px, env(safe-area-inset-bottom, 0px)));
  overflow-y: auto;
  overflow-wrap: anywhere;
}
/* Los cierres y «Realizar otra jugada» no deben heredar el degradado rojo base. */
html[data-brand="hipicas-play"] :is(.anim-ticket__btn, .jugada-post-dialog__btn).btn--primary:not(:disabled) {
  background: linear-gradient(135deg, #246bff, #155eef) !important;
  border-color: #3980ff !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(21, 94, 239, .28) !important;
}
html[data-brand="hipicas-play"] :is(.anim-ticket__btn, .jugada-post-dialog__btn).btn--primary:hover:not(:disabled) {
  background: linear-gradient(135deg, #155eef, #17458f) !important;
  box-shadow: 0 8px 22px rgba(21, 94, 239, .35) !important;
}
html[data-brand="hipicas-play"] .ji-bottom-spacer {
  height: calc(var(--hp-action-height) + 16px);
}
html[data-brand="hipicas-play"] :is(.hip-tipo-opt,.hex-tipo-opt,.hpk-tipo-opt,.ji-segment button):disabled {
  color: var(--text-muted) !important;
  opacity: .55;
}
html[data-brand="hipicas-play"] :is(.hip-tipo-opt,.hex-tipo-opt,.hpk-tipo-opt) {
  min-width: 0;
  letter-spacing: 0;
}
html[data-brand="hipicas-play"] :is(.hip-tipo-indicator,.hex-tipo-indicator,.hpk-tipo-indicator) { pointer-events: none; }
/* El estado activo de WIN / PLACE / SHOW y las exóticas en Jugar debe seguir
   el mismo acabado celeste del selector hípico original en tema claro. */
html[data-brand="hipicas-play"][data-theme="light"] .jugar-integral-page .ji-segment:not(.ji-segment--two) button.is-active {
  background: linear-gradient(135deg, #c8edff, #e4f7ff);
  border-color: rgba(21, 94, 239, .5);
  color: #17458f;
  box-shadow: 0 3px 12px rgba(21, 94, 239, .12), inset 0 1px 0 #fff;
}
html[data-brand="hipicas-play"] .tlv-ganadora-toast {
  left: max(12px, env(safe-area-inset-left, 0px));
  right: max(12px, env(safe-area-inset-right, 0px));
  width: auto;
  max-width: 380px;
  margin-left: auto;
  gap: 8px;
  padding: 12px;
  background: var(--bg-alt);
  color: var(--text-main);
}
html[data-brand="hipicas-play"] .tlv-ganadora-toast__titulo { color: var(--text-main); }
html[data-brand="hipicas-play"] .tlv-ganadora-toast__monto { color: var(--text-main); }
html[data-brand="hipicas-play"] .tlv-ganadora-toast__close { min-width: 44px; height: 44px; }
html[data-brand="hipicas-play"]:not([data-theme="light"]) .gac-live-link {
  background: rgba(220, 38, 38, 0.22);
  border-color: rgba(248, 113, 113, 0.58);
  color: #fff;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  animation: none;
}
html[data-brand="hipicas-play"]:not([data-theme="light"]) .gac-live-link::before {
  content: none;
}
html[data-brand="hipicas-play"]:not([data-theme="light"]) .stream-banner {
  background: linear-gradient(110deg, rgba(220, 38, 38, 0.25), rgba(127, 29, 29, 0.2));
  border-color: rgba(248, 113, 113, 0.42);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
html[data-brand="hipicas-play"]:not([data-theme="light"]) .stream-banner__live {
  background: rgba(220, 38, 38, 0.45);
  border: 1px solid rgba(252, 165, 165, 0.4);
}
html[data-brand="hipicas-play"] #btn-retiro {
  background: var(--hp-electric);
  color: var(--hp-on-electric);
  border-color: var(--hp-electric);
}
@media (max-width: 767px) {
  html[data-brand="hipicas-play"], html[data-brand="hipicas-play"].is-android {
    --bottom-nav-height: 64px;
    --nav-fab-overhang: 16px;
  }
  html[data-brand="hipicas-play"] .app-body .app-bottom-nav { min-height: calc(64px + var(--safe-bottom)); }
}
@media (min-width: 768px) {
  html[data-brand="hipicas-play"] { --nav-fab-overhang: 0px; }
  html[data-brand="hipicas-play"] .app-body { padding-bottom: 0; }
}
@media (max-width: 359px) {
  html[data-brand="hipicas-play"] .tlv-ganadora-toast { flex-wrap: wrap; }
  html[data-brand="hipicas-play"] .tlv-ganadora-toast__body { flex-basis: 65%; }
}