:root{--zonaplay-boton: #EC4899;--zonaplay-visual: #A855F7;--zonaplay-fondo: #080A0F;--zonaplay-texto: #FFFFFF;--zonaplay-fondo-2: #0E1017;--zonaplay-fondo-3: #15111D;--zonaplay-fondo-profundo: #05070B;--zonaplay-panel: #0E1017;--zonaplay-panel-2: #15111D;--zonaplay-morado: #3B1D55;--zonaplay-morado-2: #7C3AED;--zonaplay-morado-3: #9333EA;--zonaplay-lila: #A855F7;--zonaplay-lila-fuerte: #A855F7;--zonaplay-lila-claro: #D8B4FE;--zonaplay-boton-2: #DB2777;--zonaplay-boton-claro: #F472B6;--zonaplay-boton-oscuro: #BE185D;--zonaplay-dorado: #EC4899;--zonaplay-dorado-2: #DB2777;--zonaplay-dorado-claro: #F9A8D4;--zonaplay-blanco: #FFFFFF;--zonaplay-blanco-calido: #FFFFFF;--zonaplay-gris: #C4C7CF;--zonaplay-gris-2: #8D929E;--zonaplay-saldo: #159447;--zonaplay-saldo-claro: #65E6A2;--zonaplay-saldo-plata-1: #EFFFF5;--zonaplay-saldo-plata-2: #C9F6DA;--zonaplay-saldo-plata-3: #9EE7BB;--zonaplay-saldo-plata-4: #79D79E;--zonaplay-saldo-oscuro: #0F6C36;--zonaplay-error: #FF5C70;--zonaplay-exito: #65E6A2;--zonaplay-lila-rgb: 168, 85, 247;--zonaplay-lila-fuerte-rgb: 168, 85, 247;--zonaplay-boton-rgb: 236, 72, 153;--zonaplay-dorado-rgb: 236, 72, 153;--zonaplay-dorado-2-rgb: 219, 39, 119;--zonaplay-blanco-rgb: 255, 255, 255;--zonaplay-negro-rgb: 0, 0, 0;--zonaplay-saldo-rgb: 21, 148, 71}html,body{margin:0;padding:0;width:100%;min-height:100%;background:var(--zonaplay-fondo);color:var(--zonaplay-texto)}html{background:var(--zonaplay-fondo)}body{min-height:100vh;background:var(--zonaplay-fondo);color:var(--zonaplay-texto)}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea,a{font-family:inherit}a{color:inherit}button,.btn-zonaplay,a.btn-zonaplay{appearance:none;position:relative;cursor:pointer;color:var(--zonaplay-texto);background:linear-gradient(135deg,var(--zonaplay-boton) 0%,var(--zonaplay-visual) 100%);border:1px solid rgba(var(--zonaplay-blanco-rgb),.15);box-shadow:0 0 10px rgba(var(--zonaplay-boton-rgb),.35),0 0 22px rgba(var(--zonaplay-lila-rgb),.28),0 8px 24px rgba(var(--zonaplay-negro-rgb),.35);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease}button:hover,.btn-zonaplay:hover,a.btn-zonaplay:hover{transform:translateY(-2px);filter:brightness(1.1);border-color:rgba(var(--zonaplay-blanco-rgb),.24);box-shadow:0 0 14px rgba(var(--zonaplay-boton-rgb),.6),0 0 30px rgba(var(--zonaplay-lila-rgb),.48),0 12px 30px rgba(var(--zonaplay-negro-rgb),.4)}button:active,.btn-zonaplay:active,a.btn-zonaplay:active{transform:translateY(0) scale(.97)}button:disabled,.btn-zonaplay:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}input,select,textarea{color:var(--zonaplay-blanco);background:var(--zonaplay-panel)}input::placeholder,textarea::placeholder{color:var(--zonaplay-gris-2)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--zonaplay-visual);box-shadow:0 0 0 3px rgba(var(--zonaplay-lila-rgb),.1),0 0 16px rgba(var(--zonaplay-lila-rgb),.12)}::selection{background:rgba(var(--zonaplay-lila-rgb),.35);color:var(--zonaplay-blanco)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--zonaplay-fondo)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--zonaplay-visual),var(--zonaplay-boton));border-radius:20px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--zonaplay-lila-claro),var(--zonaplay-boton-claro))}*{scrollbar-width:thin;scrollbar-color:var(--zonaplay-visual) var(--zonaplay-fondo)}@media(min-width:901px){body:has(app-admin-sidebar .admin-sidebar.abierto) .contenido-app{margin-left:264px;width:calc(100% - 264px);min-width:0;transition:margin-left .22s ease,width .22s ease}}body:has(.admin-layout) .contenido-app{min-height:100vh;background:#fff}body:has(.admin-layout) .admin-layout{min-height:calc(100vh - 64px);background:#fff}body:has(.admin-layout) .admin-layout__contenido{min-height:calc(100vh - 64px);background:#fff}@media(min-width:901px){body:has(app-navbar .menu-lateral):not(:has(app-admin-sidebar .admin-sidebar)) .contenido-app{margin-left:76px;width:calc(100% - 76px);min-width:0;transition:margin-left .22s ease,width .22s ease}body:has(app-navbar .menu-lateral.abierto):not(:has(app-admin-sidebar .admin-sidebar)) .contenido-app{margin-left:240px;width:calc(100% - 240px)}}@media(max-width:900px){body:has(app-navbar .menu-lateral):not(:has(app-admin-sidebar .admin-sidebar)) .contenido-app{margin-left:0;width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){body:has(app-navbar .menu-lateral):not(:has(app-admin-sidebar .admin-sidebar)) .contenido-app{transition:none}}@media(min-width:901px){body:has(app-deportes):has(app-navbar .menu-lateral):not(:has(app-admin-sidebar .admin-sidebar)) .contenido-app,body:has(app-deportes):not(:has(app-admin-sidebar .admin-sidebar)) app-navbar .menu-lateral{transition:none!important}}@media(max-width:650px){:root{--zp-alto-navbar-movil: 64px}:root:has(app-navbar .navbar-invitado){--zp-alto-navbar-movil: 156px}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0px)}body app-navbar .navbar{height:calc(var(--zp-alto-navbar-movil) + env(safe-area-inset-top,0px))!important;padding:calc(8px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px))!important;gap:8px!important;align-items:center!important}body app-navbar .navbar:has(.navbar-invitado){display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px minmax(0,1fr)!important}body app-navbar .navbar-izquierda{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex-shrink:0!important}body app-navbar .hamburguesa,body app-navbar .tres-puntos{width:44px!important;height:44px!important;min-width:44px!important;padding:0!important}body app-navbar .marca{display:flex!important;align-items:center!important;width:auto!important;min-height:44px!important}body app-navbar .logo-zonaplay{width:100px!important;max-width:100px!important;height:auto!important;max-height:38px!important;object-fit:contain!important}body app-navbar .navbar-invitado{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:44px 32px!important;width:100%!important;gap:6px 8px!important;margin:0!important}body app-navbar .navbar-invitado .btn-login,body app-navbar .navbar-invitado .btn-registro{width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:0 8px!important;font-size:12px!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap!important}body app-navbar .navbar-invitado .btn-recuperar{grid-column:1 / -1!important;display:flex!important;width:100%!important;min-width:0!important;max-width:none!important;height:32px!important;min-height:32px!important;padding:0 6px!important;font-size:11px!important;line-height:1.2!important;letter-spacing:0!important;white-space:normal!important;text-align:center!important}body app-navbar .navbar-usuario{flex:1 1 auto!important;min-width:0!important;gap:6px!important;margin:0!important;justify-content:flex-end!important}body app-navbar .navbar-usuario .nombre{min-width:0!important;max-width:100px!important;flex:1 1 0!important;padding-right:6px!important;font-size:11px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}body app-navbar .navbar-usuario .tiempo{width:56px!important;flex:0 0 56px!important;min-width:56px!important;font-size:11px!important}body app-navbar .navbar-usuario .tiempo-label{font-size:8px!important}body .contenido-app{padding-top:calc(var(--zp-alto-navbar-movil) + env(safe-area-inset-top,0px))!important}body app-navbar .menu-lateral{top:calc(var(--zp-alto-navbar-movil) + env(safe-area-inset-top,0px))!important;bottom:0!important;height:auto!important;max-height:none!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overscroll-behavior:contain}body app-navbar .menu-lateral nav a{min-height:44px!important;font-size:13px!important}body app-inicio .inicio:not(.inicio-admin) .contenido{padding:20px max(16px,env(safe-area-inset-right,0px)) 28px max(16px,env(safe-area-inset-left,0px))!important}body app-inicio .inicio:not(.inicio-admin) .hero-titulo-wrap{gap:10px!important;min-width:0!important}body app-inicio .inicio:not(.inicio-admin) .hero-titulo-wrap>div:last-child{min-width:0!important}body app-inicio .inicio:not(.inicio-admin) .hero-encabezado h2{font-size:clamp(20px,5.5vw,26px)!important;line-height:1.15!important;letter-spacing:-.4px!important;overflow-wrap:anywhere}body app-inicio .inicio:not(.inicio-admin) .hero-encabezado p{font-size:12px!important;line-height:1.5!important;margin-top:6px!important}body app-inicio .inicio:not(.inicio-admin) .busqueda-campo{min-height:48px!important}body app-inicio .inicio:not(.inicio-admin) .busqueda-campo input{font-size:16px!important;min-width:0!important}body app-inicio .inicio:not(.inicio-admin) .carrusel-cargando{min-height:112px!important;padding:18px!important;font-size:13px!important;line-height:1.5!important}body app-inicio .inicio:not(.inicio-admin) .ultimos-ganadores{margin:24px 0!important}body app-inicio .inicio:not(.inicio-admin) .ultimos-ganadores .titulo-seccion{margin-bottom:10px!important}body app-inicio .inicio:not(.inicio-admin) .ganadores-vacio{margin:0!important;padding:8px 0!important;font-size:13px!important;line-height:1.5!important}body app-inicio .inicio:not(.inicio-admin) .juegos{margin-top:24px!important}body app-inicio .inicio:not(.inicio-admin) .titulo-seccion h2{font-size:22px!important;line-height:1.2!important}body app-inicio .tarjetas-profesionales{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}body app-inicio .tarjetas-profesionales .juego-card{min-height:180px!important}body app-inicio .tarjetas-profesionales .juego-card-contenido{min-height:180px!important;padding:42px 18px 54px!important;gap:14px!important}body app-inicio .tarjetas-profesionales .juego-card-texto p{font-size:13px!important;line-height:1.5!important;white-space:normal!important}body app-inicio .tarjetas-profesionales .juego-card-flecha{width:44px!important;height:44px!important;right:16px!important;bottom:12px!important}}@media(max-width:380px){body app-navbar .navbar-usuario .nombre{max-width:66px!important}body app-navbar .navbar:has(.navbar-usuario) .logo-zonaplay{width:76px!important;max-width:76px!important}}html.zonaplay-app-android body app-inicio .tarjetas-profesionales{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .juego-card{width:100%!important;min-width:0!important;height:144px!important;min-height:144px!important;border-radius:14px!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .juego-card-contenido{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:100%!important;min-height:0!important;padding:28px 10px 30px!important;gap:8px!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .juego-logo{position:static!important;order:0!important;flex:0 0 40px!important;width:40px!important;height:40px!important;margin:0!important;border-radius:10px!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .juego-logo svg{width:28px!important;height:28px!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .juego-card-texto{order:1!important;flex:0 0 auto!important;min-width:0!important;padding:0!important;text-align:center!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .juego-card-texto h3{margin:0!important;font-size:15px!important;line-height:1.2!important;letter-spacing:.4px!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .juego-card-texto p{display:none!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .estado{top:8px!important;right:8px!important;padding:3px 5px!important;font-size:7px!important;line-height:1.2!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .juego-card-flecha{width:24px!important;height:24px!important;right:8px!important;bottom:8px!important;border-radius:7px!important}html.zonaplay-app-android body app-inicio .tarjetas-profesionales .juego-card-flecha svg{width:14px!important;height:14px!important}body:has(app-admin-sidebar .admin-sidebar:not(.abierto)) .contenido-app{margin-left:0;width:100%}body:has(app-admin-sidebar .admin-sidebar.abierto){overflow:hidden}@media(max-width:900px){body:has(app-admin-sidebar .admin-sidebar) .contenido-app{margin-left:0;width:100%}}