/* Hípicas Play — aplicar después de styles.css y theme-light.css. */
/* La instalación usa el azul de marca en ambos temas, sin heredar el rojo del CTA base. */
html[data-brand="hipicas-play"] #pwa-install-btn:not(:disabled) {
  background: linear-gradient(135deg, #246bff, #155eef);
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(21, 94, 239, .28);
}
html[data-brand="hipicas-play"] #pwa-install-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #155eef, #17458f);
  box-shadow: 0 12px 32px rgba(21, 94, 239, .35);
}
/* El CTA de registro del menú también sigue la paleta azul de marca. */
html[data-brand="hipicas-play"] .navbar__cta {
  background: linear-gradient(135deg, #246bff, #155eef);
  border-color: rgba(104, 163, 255, .72);
  color: #ffffff !important;
  box-shadow: 0 8px 24px rgba(21, 94, 239, .28);
}
html[data-brand="hipicas-play"] .navbar__cta:hover,
html[data-brand="hipicas-play"] .navbar__cta:focus-visible {
  background: linear-gradient(135deg, #155eef, #17458f);
  border-color: #78b7ff;
  box-shadow: 0 12px 32px rgba(21, 94, 239, .35);
}
/* La confirmación del correo usa sólo identidad y colores HípicasPlay. */
html[data-brand="hipicas-play"] .verificar-section .hero__badge {
  color: #e9f1ff;
  background: rgba(36, 107, 255, .14);
  border-color: rgba(91, 157, 255, .62);
  box-shadow: 0 0 16px rgba(36, 107, 255, .2);
}
html[data-brand="hipicas-play"] .verificar-section .hero__badge::before {
  background: #64b5ff;
  box-shadow: 0 0 0 4px rgba(36, 107, 255, .22);
}
html[data-brand="hipicas-play"] .verificar-section .hero__highlight {
  background: linear-gradient(120deg, #e9f1ff, #8bc7ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
html[data-brand="hipicas-play"] .verificar-section .spinner {
  border-color: rgba(157, 205, 255, .16);
  border-top-color: #246bff;
}
html[data-brand="hipicas-play"] .verificar-icono--success,
html[data-brand="hipicas-play"] .verificar-icono--error {
  background: rgba(36, 107, 255, .14);
  border: 2px solid rgba(91, 157, 255, .55);
  color: #9dccff;
}
html[data-brand="hipicas-play"] .registro-alert-modal--success,
html[data-brand="hipicas-play"] .registro-alert-modal--error {
  background: #102c65;
  border-color: #246bff;
  color: #e9f1ff;
}
html[data-brand="hipicas-play"] .registro-alert-modal--success .registro-alert-modal__icon,
html[data-brand="hipicas-play"] .registro-alert-modal--error .registro-alert-modal__icon {
  background: rgba(36, 107, 255, .16);
  color: #9dccff;
}
/* Aviso de verificación de correo: sustituye los tonos ámbar del tema base. */
html[data-brand="hipicas-play"] .registro-alert-modal--warning {
  background: linear-gradient(145deg, #0b214e, #102c65 64%, #0a1d46);
  border: 1.5px solid rgba(74, 139, 255, .9);
  color: #e9f1ff;
  box-shadow: 0 24px 70px rgba(0, 8, 28, .58), 0 0 24px rgba(36, 107, 255, .16);
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__icon {
  background: rgba(36, 107, 255, .2);
  border: 1px solid rgba(91, 157, 255, .58);
  color: #b9dcff;
  animation-name: tlv-verif-pulse-hipicas;
}
@keyframes tlv-verif-pulse-hipicas {
  0%, 100% { box-shadow: 0 0 0 0 rgba(36, 107, 255, .42); }
  55% { box-shadow: 0 0 0 12px rgba(36, 107, 255, 0); }
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__badge {
  color: #cfe5ff;
  background: rgba(36, 107, 255, .16);
  border-color: rgba(91, 157, 255, .46);
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__title {
  color: #ffffff;
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__highlight {
  color: #9dccff;
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__message {
  color: #d9e7ff;
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__tip {
  color: #a9caff;
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__close {
  background: rgba(36, 107, 255, .18);
  color: #d9e7ff;
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__close:hover {
  background: rgba(36, 107, 255, .34);
  color: #ffffff;
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__btn {
  background: linear-gradient(135deg, #246bff, #155eef);
  color: #ffffff;
  box-shadow: 0 8px 24px rgba(21, 94, 239, .3);
}
html[data-brand="hipicas-play"] .registro-alert-modal--warning .registro-alert-modal__btn:hover {
  background: linear-gradient(135deg, #155eef, #17458f);
  box-shadow: 0 12px 30px rgba(21, 94, 239, .38);
}
/* Las acciones primarias de tickets y diálogos usan el azul de marca. */
html[data-brand="hipicas-play"] .btn--primary:not(:disabled) {
  background: linear-gradient(135deg, #246bff, #155eef);
  border-color: #3980ff;
  color: #fff;
  box-shadow: 0 4px 16px rgba(21, 94, 239, .28);
}
html[data-brand="hipicas-play"] .btn--primary:hover:not(:disabled) {
  background: linear-gradient(135deg, #155eef, #17458f);
  box-shadow: 0 8px 22px rgba(21, 94, 239, .35);
}
html[data-brand="hipicas-play"] {
  --hp-bg: #102c65;
  --hp-card-start: #143d85;
  --hp-card-end: #1955b5;
  --hp-electric: #246bff;
  --hp-gold: #e6eef9;
  --hp-on-gold: #102c65;
  --hp-text: #d9e1eb;
  --hp-muted: #b8c5d6;
  --hp-on-electric: #ffffff;
  --bg-main: var(--hp-bg);
  --bg-alt: var(--hp-card-start);
  --bg-soft: var(--hp-card-end);
  --text-main: var(--hp-text);
  --text-muted: var(--hp-muted);
  --yellow-ve: var(--hp-gold);
  --blue-ve: var(--hp-electric);
  --border-subtle: var(--hp-electric);
  --srh-dark: var(--hp-bg);
  --srh-surface: var(--hp-card-start);
  --srh-card: var(--hp-card-end);
  --srh-border: var(--hp-electric);
  --srh-gold: var(--hp-gold);
  --srh-gold-2: #afc3dc;
  --srh-gold-ink: #e6eef9;
  --srh-text: var(--hp-text);
  --srh-muted: var(--hp-muted);
}
html[data-brand="hipicas-play"][data-theme="light"] {
  --hp-bg: #ffffff;
  --hp-card-start: #38bdf833;
  --hp-card-end: #38bdf80a;
  --hp-electric: #155eef;
  --hp-gold: #cbd7e5;
  --hp-on-gold: #17458f;
  --yellow-ve: #cbd7e5;
  --srh-gold: #cbd7e5;
  --srh-gold-2: #afc3dc;
  --srh-gold-ink: #405872;
  --srh-gold-line: #91a8c1;
  --hp-text: #17458f;
  --hp-muted: #45658f;
  --bg-alt: #edf8ff;
  --bg-soft: #f7fcff;
  --srh-surface: #edf8ff;
  --srh-card: #f7fcff;
  --srh-gold-ink: #405872;
}
html[data-brand="hipicas-play"] body {
  background: var(--hp-bg);
  color: var(--hp-text);
}
/* Clases optativas: añadir sólo a los bloques que se integren. */
html[data-brand="hipicas-play"] .hp-card {
  background: linear-gradient(135deg, var(--hp-card-start), var(--hp-card-end));
  border: 1px solid var(--hp-electric);
  border-radius: 16px;
  color: var(--hp-text);
  box-shadow: 0 6px 20px #155eef14;
}
html[data-brand="hipicas-play"] .hp-icon {
  display: block;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  object-fit: contain;
  background: transparent;
}
html[data-brand="hipicas-play"] .hp-icon-slot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  background: transparent;
}
html[data-brand="hipicas-play"] .hp-primary {
  background: var(--hp-gold);
  color: var(--hp-on-gold);
  border: 1px solid var(--hp-gold);
  border-radius: 12px;
  font: inherit;
  font-weight: 600;
  padding: 12px 18px;
}
html[data-brand="hipicas-play"] .hp-bubble {
  background: var(--hp-electric);
  color: var(--hp-on-electric);
  border: 1px solid var(--hp-electric);
  border-radius: 999px;
  padding: 7px 14px;
}
html[data-brand="hipicas-play"] .hp-muted { color: var(--hp-muted); }
html[data-brand="hipicas-play"] .hp-accent { color: var(--hp-gold); }
html[data-brand="hipicas-play"][data-theme="light"] .hp-accent { color: var(--srh-gold-ink); }
html[data-brand="hipicas-play"] :is(.hp-primary,.hp-bubble):focus-visible {
  outline: 3px solid var(--hp-electric);
  outline-offset: 4px;
}

/* HÍPICAS PLAY — paleta corporativa y acabados v3 */
html[data-brand="hipicas-play"] {
  color-scheme: dark;
  --bg-main: #102c65;
  --bg-alt: #143d85;
  --bg-soft: #1955b5;
  --srh-dark: #102c65;
  --srh-surface: #143d85;
  --srh-card: #1955b5;
  --srh-border: #246bff;
  --text-main: #d9e1eb;
  --text-muted: #b8c5d6;
  --srh-text: #d9e1eb;
  --srh-muted: #b8c5d6;
  --yellow-ve: #e6eef9;
  --srh-gold: #e6eef9;
  --srh-gold-2: #afc3dc;
  --srh-gold-ink: #e6eef9;
  --srh-gold-line: #afc3dc;
  --blue-ve: #246bff;
  --border-subtle: #246bff66;
  --shadow-soft: 0 18px 45px #071a3b66;
  --shadow-subtle: 0 10px 30px #071a3b44;
}
html[data-brand="hipicas-play"] body {
  background: radial-gradient(ellipse at 50% -18%, #246bff30 0, transparent 54%), #102c65;
  color: #d9e1eb;
}
html[data-brand="hipicas-play"].is-android:not([data-theme="light"]),
html[data-brand="hipicas-play"].is-android:not([data-theme="light"]) body {
  background-color: #102c65;
}
html[data-brand="hipicas-play"][data-theme="light"] {
  color-scheme: light;
  --hp-bg: #ffffff;
  --hp-card-start: #38bdf833;
  --hp-card-end: #38bdf80a;
  --hp-electric: #155eef;
  --hp-gold: #cbd7e5;
  --hp-on-gold: #17458f;
  --yellow-ve: #cbd7e5;
  --srh-gold: #cbd7e5;
  --srh-gold-2: #afc3dc;
  --srh-gold-ink: #405872;
  --srh-gold-line: #91a8c1;
  --hp-gold: #cbd7e5;
  --hp-text: #17458f;
  --hp-muted: #45658f;
  --bg-main: #ffffff;
  --bg-alt: #f2faff;
  --bg-soft: #e8f7ff;
  --srh-dark: #ffffff;
  --srh-surface: #e9f8ff;
  --srh-card: #dff4ff;
  --srh-border: #155eef66;
  --text-main: #17458f;
  --text-muted: #45658f;
  --srh-text: #17458f;
  --srh-muted: #45658f;
  --yellow-ve: #cbd7e5;
  --srh-gold: #cbd7e5;
  --srh-gold-2: #afc3dc;
  --srh-gold-ink: #405872;
  --srh-gold-line: #91a8c1;
  --blue-ve: #155eef;
  --border-subtle: #155eef30;
  --srh-ink-on-brand: #17458f;
  --shadow-soft: 0 18px 45px #17458f16;
  --shadow-subtle: 0 10px 30px #17458f10;
}
html[data-brand="hipicas-play"][data-theme="light"] body {
  background: radial-gradient(ellipse at 100% 0, #38bdf81c 0, transparent 42%), #ffffff;
  color: #17458f;
}
html[data-brand="hipicas-play"][data-theme="light"].is-android,
html[data-brand="hipicas-play"][data-theme="light"].is-android body {
  background-color: #ffffff;
}
html[data-brand="hipicas-play"] :is(.app-header,.app-bottom-nav) {
  background: #102c65ed;
  border-color: #246bff88;
  box-shadow: 0 8px 22px #071a3b30;
}
html[data-brand="hipicas-play"]:not([data-theme="light"]) .app-header {
  background: #001744;
  border-color: rgba(36, 107, 255, .42);
  box-shadow: 0 8px 22px rgba(0, 10, 32, .42);
}
html[data-brand="hipicas-play"] :is(.app-header__nav-item--active::after,.app-bottom-nav__item--active::before) {
  background: var(--srh-gold, #dce6f2);
}
html[data-brand="hipicas-play"] .app-bottom-nav__cta-circle--crystal {
  width: 62px;
  height: 62px;
  margin-top: -29px;
  overflow: visible;
  background: transparent;
  color: inherit;
  border: 0;
  box-shadow: none;
}
html[data-brand="hipicas-play"] .app-bottom-nav__crystal {
  display: block;
  width: 62px;
  height: 62px;
  object-fit: contain;
  filter: drop-shadow(0 0 3px rgba(105, 220, 255, .32));
  animation: hp-crystal-light-pulse 2.4s ease-in-out infinite;
}
@keyframes hp-crystal-light-pulse {
  0%, 100% { filter: drop-shadow(0 0 3px rgba(105, 220, 255, .28)); }
  50% { filter: drop-shadow(0 0 8px rgba(105, 220, 255, .72)) drop-shadow(0 0 15px rgba(75, 190, 255, .3)); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-brand="hipicas-play"] .app-bottom-nav__crystal { animation: none; }
}
html[data-brand="hipicas-play"][data-theme="light"] :is(.app-header,.app-bottom-nav) {
  background: #ffffffeb;
  color: #17458f;
  border-color: #155eef4d;
  box-shadow: 0 8px 22px #17458f12;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
html[data-brand="hipicas-play"][data-theme="light"] :is(.app-header__nav-item,.app-bottom-nav__item) { color: #45658f; }
html[data-brand="hipicas-play"][data-theme="light"] :is(.app-header__nav-item--active,.app-bottom-nav__item--active) { color: #17458f; }html[data-brand="hipicas-play"] .app-brand__tag { background-image: linear-gradient(90deg, #65a0ff, var(--srh-gold, #dce6f2)); }
html[data-brand="hipicas-play"] .app-header__balance { background: #1955b566; border-color: #246bff88; }
html[data-brand="hipicas-play"] .app-header__balance:hover { background: #1955b5; border-color: rgba(190, 210, 234, 0.533); }
html[data-brand="hipicas-play"] .app-header__balance-currency,
html[data-brand="hipicas-play"] .app-header__balance-value { color: #d9e1eb; text-shadow: none; }
html[data-brand="hipicas-play"][data-theme="light"] .app-header__balance-currency,
html[data-brand="hipicas-play"][data-theme="light"] .app-header__balance-value { color: #155eef; }
html[data-brand="hipicas-play"][data-theme="light"] .app-header__balance { color: #17458f; }
html[data-brand="hipicas-play"][data-theme="light"] .app-brand__logo { color: #102c65; box-shadow: 0 0 0 1px #102c6533, 0 0 12px #102c6518; }
html[data-brand="hipicas-play"][data-theme="light"] .app-brand__accent,
html[data-brand="hipicas-play"][data-theme="light"] .app-header__name { color: #001744; }
html[data-brand="hipicas-play"][data-theme="light"] .app-brand__logo-img { filter: brightness(0) saturate(100%) invert(11%) sepia(39%) saturate(3170%) hue-rotate(203deg) brightness(72%) contrast(108%); }
html[data-brand="hipicas-play"][data-theme="light"] .app-header__balance { background: #38bdf81c; border-color: #155eef55; }
html[data-brand="hipicas-play"][data-theme="light"] .app-header__balance:hover { background: #38bdf833; border-color: #155eef99; }
html[data-brand="hipicas-play"][data-theme="light"] .app-brand__tag { background-image: linear-gradient(90deg, #155eef, #17458f); }
html[data-brand="hipicas-play"] :is(.app-brand__logo,.app-brand__logo-img,.app-brand__tag,.app-header__name,.app-brand__accent) { transition: color .22s ease, filter .22s ease, box-shadow .22s ease, background-image .22s ease; }
/* Selección de ejemplares unificada en todos los módulos hípicos y temas. */
html[data-brand="hipicas-play"] .hip-tabla td { transition: background-color .22s ease, color .22s ease, border-color .22s ease; }
html[data-brand="hipicas-play"] .hip-tabla-row.hip-row-sel>td,
html[data-brand="hipicas-play"] .hip-tabla-row.hex-row-dir-sel>td,
html[data-brand="hipicas-play"] .hip-tabla-row.hex-row-box-sel>td,
html[data-brand="hipicas-play"] .hip-tabla-row.hpk-row-sel>td { background: #dff4ff !important; color: #17458f !important; border-color: rgba(40,112,255,.2); }
html[data-brand="hipicas-play"] .hip-tabla-row.hip-row-sel .hip-nombre-ej,
html[data-brand="hipicas-play"] .hip-tabla-row.hex-row-dir-sel .hip-nombre-ej,
html[data-brand="hipicas-play"] .hip-tabla-row.hex-row-box-sel .hip-nombre-ej,
html[data-brand="hipicas-play"] .hip-tabla-row.hpk-row-sel .hip-nombre-ej { color: #17458f !important; }
html[data-brand="hipicas-play"] .hex-checkbox--on,
html[data-brand="hipicas-play"] .hpk-checkbox--on { background: #2870ff !important; border-color: #2870ff !important; color: #fff !important; }
html[data-brand="hipicas-play"] .hip-tabla tbody tr:not(.hip-row-sel):not(.hex-row-dir-sel):not(.hex-row-box-sel):not(.hpk-row-sel):hover>td { background: rgba(255,255,255,.03); }
html[data-brand="hipicas-play"][data-theme="light"] .hip-tabla tbody tr:not(.hip-row-sel):not(.hex-row-dir-sel):not(.hex-row-box-sel):not(.hpk-row-sel):hover>td { background: rgba(46,51,61,.032); }
html[data-brand="hipicas-play"] .sports-home-block__art { position: absolute; z-index: 2; top: 50%; right: clamp(41px, calc(8px + 7.75vw), 83px); width: clamp(132px, 31vw, 300px); aspect-ratio: 3 / 1; transform: translateY(-50%); pointer-events: none; user-select: none; }
html[data-brand="hipicas-play"] .sports-home-block__art img { position: absolute; top: 50%; left: 50%; display: block; max-width: none; height: auto; object-fit: contain; transform: translate(-50%, -50%); }
html[data-brand="hipicas-play"] .sports-home-block__players { z-index: 0; width: 150%; filter: drop-shadow(0 7px 12px #17458f20); }
html[data-brand="hipicas-play"] .sports-home-block__art .sports-home-block__trophies { z-index: 1; top: 75%; width: 100%; filter: drop-shadow(0 6px 10px #17458f30); }
html[data-brand="hipicas-play"] :is(.sports-home-block__header,.sports-home-block__cta) { position: relative; z-index: 3; }
html[data-brand="hipicas-play"] .sports-home-block__header { min-height: 56px; padding-right: clamp(185px, 36vw, 315px); }
@media (max-width: 390px) {
  html[data-brand="hipicas-play"] .sports-home-block__art { right: 41px; width: 132px; }
  html[data-brand="hipicas-play"] .sports-home-block__header { min-height: 52px; padding-right: 138px; }
}
html[data-brand="hipicas-play"] .hipicas-home-block__horse { top: -42px; right: 8px; width: clamp(180px, 22vw, 230px); }
html[data-brand="hipicas-play"] .hipicas-home-block__header { padding-right: 245px; }
html[data-brand="hipicas-play"] .hipicas-home-block::before { background: radial-gradient(circle, #155eef2b, transparent 68%); }
@media (max-width: 680px) {
  html[data-brand="hipicas-play"] .hipicas-home-block__horse { top: -20px; right: 5px; width: 170px; }
  html[data-brand="hipicas-play"] .hipicas-home-block__header { padding-right: 184px; }
}
@media (max-width: 390px) {
  html[data-brand="hipicas-play"] .hipicas-home-block__horse { top: -15px; right: 4px; width: 156px; }
  html[data-brand="hipicas-play"] .hipicas-home-block__header { padding-right: 170px; }
}