.pg{padding:24px 0 40px}.pg__migas{color:var(--texto-suave);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;display:flex}.pg__migas a{color:var(--cian);text-decoration:none}.pg__migas a:hover{text-decoration:underline}.pg__cabecera{margin-bottom:26px}.pg__bajada{color:var(--texto-suave);max-width:52ch;margin:10px 0 0}.pg__reja{align-items:start;gap:20px;display:grid}.pg__columna{gap:20px;min-width:0;display:grid}.pg__lateral{min-width:0}.pg-caja{gap:0;display:grid}.pg-caja__titulo{color:var(--oro-claro);margin:0 0 6px;font-size:13px;line-height:1.5}.pg-caja__nota{color:var(--texto-suave);margin:0 0 22px;font-size:15px}.pg-grupo+.pg-grupo,.pg-jugador+.pg-grupo{margin-top:22px}.pg-etiqueta{margin-bottom:4px;font-size:15px;font-weight:600;display:block}.pg-opcional{color:var(--texto-suave);font-weight:400}.pg-ayuda{color:var(--texto-suave);margin:0 0 12px;font-size:14px;line-height:1.55}.pg-ayuda--pie{margin:16px 0 0}.pg-fila{flex-wrap:wrap;gap:10px;display:flex}.pg-campo{width:100%;min-width:0;min-height:52px;color:var(--texto);background:var(--panel-alto);border:1px solid color-mix(in srgb, var(--borde) 85%, transparent);border-radius:11px;flex:200px;padding:13px 15px;font-family:inherit;font-size:16px;transition:border-color .15s,background-color .15s}.pg-campo::placeholder{color:color-mix(in srgb, var(--texto-suave) 75%, transparent)}.pg-campo:focus{border-color:var(--cian);background:color-mix(in srgb, var(--panel-alto) 70%, var(--fondo));box-shadow:0 0 0 3px color-mix(in srgb, var(--cian) 22%, transparent);outline:none}.pg-campo[aria-invalid=true]{border-color:var(--peligro)}.pg-campo--monto{text-align:center;font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.boton.pg-secundario{width:auto;color:var(--fondo);background:var(--cian);box-shadow:0 2px 0 0 color-mix(in srgb, var(--cian) 55%, #000);flex:none}.pg-error{min-height:1.3em;color:var(--peligro);margin:8px 0 0;font-size:14px;line-height:1.4}.pg-errores{color:var(--texto);background:color-mix(in srgb, var(--peligro) 12%, var(--panel));border:1px solid color-mix(in srgb, var(--peligro) 55%, transparent);border-radius:14px;padding:18px 20px}.pg-errores__titulo{color:var(--peligro);margin:0 0 8px;font-size:16px}.pg-errores ul{color:var(--texto-suave);margin:0;padding-left:20px;font-size:15px}.pg-jugador{background:var(--panel-alto);border:1px solid color-mix(in srgb, var(--exito) 45%, transparent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;display:flex}.pg-jugador img{border-radius:8px;flex:none;width:46px;height:46px}.pg-jugador>div{gap:2px;min-width:0;display:grid}.pg-jugador__nombre{word-break:break-all;font-weight:600}.pg-jugador__marca{color:var(--exito);font-size:14px}.pg-chip{color:var(--texto-suave);border:1px solid color-mix(in srgb, var(--borde) 85%, transparent);border-radius:999px;margin-left:auto;padding:6px 11px;font-size:13px}.pg-boton-menor{min-height:44px;color:var(--texto);border:1px solid color-mix(in srgb, var(--borde) 90%, transparent);cursor:pointer;background:0 0;border-radius:10px;margin-left:auto;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.pg-boton-menor:hover{border-color:var(--cian);color:var(--cian)}.pg-datos{gap:12px;margin:0;display:grid}.pg-datos>div{border-bottom:1px solid color-mix(in srgb, var(--borde) 45%, transparent);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:12px;display:flex}.pg-datos>div:last-child{border-bottom:0;padding-bottom:0}.pg-datos dt{color:var(--texto-suave);font-size:15px}.pg-datos dd{text-align:right;word-break:break-word;margin:0}.pg-aviso{color:var(--oro-claro);background:color-mix(in srgb, var(--oro) 10%, transparent);border:1px solid color-mix(in srgb, var(--oro) 38%, transparent);border-radius:11px;margin:18px 0 0;padding:13px 15px;font-size:14px;line-height:1.55}.pg-metodo{background:var(--panel-alto);border:1px solid color-mix(in srgb, var(--cian) 45%, transparent);border-radius:12px;align-items:flex-start;gap:13px;padding:16px;display:flex}.pg-metodo>span{gap:4px;display:grid}.pg-metodo__marca{background:var(--cian);width:18px;height:18px;box-shadow:inset 0 0 0 3px var(--panel-alto);border-radius:50%;flex:none;margin-top:3px}.pg-metodo__detalle{color:var(--texto-suave);font-size:14px;line-height:1.5}.pg-resumen{border-color:color-mix(in srgb, var(--tono) 45%, transparent)}.pg-resumen__titulo{color:var(--oro-claro);border-bottom:1px solid color-mix(in srgb, var(--borde) 55%, transparent);margin:0 0 18px;padding-bottom:14px;font-size:12px}.pg-resumen__producto{align-items:flex-start;gap:13px;display:flex}.pg-resumen__producto img{flex:none;width:42px;height:42px}.pg-resumen__nombre{color:var(--tono,var(--oro));margin:0;font-weight:600}.pg-resumen__meta{color:var(--texto-suave);margin:4px 0 0;font-size:14px}.pg-grupo--aporte{border-top:1px solid color-mix(in srgb, var(--borde) 45%, transparent);margin-top:20px;padding-top:18px}.pg-cuentas{border-top:1px solid color-mix(in srgb, var(--borde) 55%, transparent);gap:10px;margin:20px 0 0;padding-top:16px;display:grid}.pg-cuentas>div{color:var(--texto-suave);justify-content:space-between;align-items:baseline;gap:16px;font-size:15px;display:flex}.pg-cuentas dt,.pg-cuentas dd{margin:0}.pg-cuentas dd{font-variant-numeric:tabular-nums}.pg-cuentas__rebaja{color:var(--exito)}.pg-cuentas__total{border-top:1px solid color-mix(in srgb, var(--borde) 45%, transparent);margin-top:4px;padding-top:14px;color:var(--texto)!important}.pg-cuentas__total dt{font-weight:600}.pg-cuentas__total dd{color:var(--oro-claro);letter-spacing:-.01em;font-size:26px;font-weight:700}.boton.pg-pagar{min-height:56px;margin-top:20px;font-size:16px}.pg-resumen__pie{color:var(--texto-suave);text-align:center;margin:12px 0 0;font-size:13px}.pg-barra-movil{z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--panel) 94%, #000);border-top:1px solid color-mix(in srgb, var(--borde) 80%, transparent);align-items:center;gap:14px;margin-top:18px;display:flex;position:sticky;bottom:0}.pg-barra-movil__total{color:var(--texto-suave);gap:1px;font-size:13px;display:grid}.pg-barra-movil__total strong{color:var(--oro-claro);font-variant-numeric:tabular-nums;font-size:19px}.pg-barra-movil .boton.pg-pagar{flex:1;margin-top:0}.pg-pagar--lateral{display:none}.pg-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pg-velo{z-index:60;background:#030610bd;place-items:center;padding:20px;animation:.15s pg-fundido;display:grid;position:fixed;inset:0}.pg-dialogo{background:var(--panel);border:2px solid var(--texto);width:min(520px,100%);box-shadow:0 0 0 6px var(--fondo), 0 24px 60px -20px #000000e6;border-radius:14px;padding:24px 22px 20px;animation:.18s pg-abrir}.pg-dialogo__titulo{font-family:var(--fuente-pixel), ui-monospace, monospace;color:var(--peligro);margin:0 0 14px;font-size:11px;line-height:1.6}.pg-dialogo__cuerpo{cursor:pointer;min-height:3.4em}.pg-dialogo__texto{margin:0;font-size:16px;line-height:1.6}.pg-dialogo__cursor{animation:.6s step-end infinite pg-parpadeo}.pg-dialogo__enlace{margin:12px 0 0;font-size:15px}.pg-dialogo__pie{align-items:center;gap:12px;margin-top:18px;display:flex}.pg-dialogo__flecha{color:var(--oro);font-size:12px;animation:.7s steps(2,end) infinite pg-saltar}.boton.pg-dialogo__boton{width:auto;margin-left:auto}.pg-vacio{text-align:center;justify-items:center;gap:16px;max-width:520px;margin:40px auto;display:grid}.pg-vacio p{color:var(--texto-suave);margin:0}.pg-vacio .boton{max-width:240px}@media (min-width:980px){.pg{padding:36px 0 56px}.pg__reja{grid-template-columns:minmax(0,1fr) 340px;gap:26px}.pg__lateral{position:sticky;top:24px}.pg-pagar--lateral{display:inline-flex}.pg-barra-movil{display:none}}@keyframes pg-fundido{0%{opacity:0}to{opacity:1}}@keyframes pg-abrir{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pg-parpadeo{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes pg-saltar{0%,50%{transform:translateY(0)}50.01%,to{transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.pg-velo,.pg-dialogo,.pg-dialogo__cursor,.pg-dialogo__flecha{animation:none}}.pg-campo,.pg-errores,.pg-jugador,.pg-jugador img,.pg-chip,.pg-boton-menor,.pg-aviso,.pg-metodo,.pg-dialogo,.pg-metodo__marca{border-radius:0}.pg-campo{background:color-mix(in srgb, var(--fondo) 82%, #000);box-shadow:0 -3px 0 0 var(--borde), 0 3px 0 0 var(--borde), -3px 0 0 0 var(--borde), 3px 0 0 0 var(--borde);border:0;transition:box-shadow .1s steps(2,end)}.pg-campo:focus{box-shadow:0 -3px 0 0 var(--cian), 0 3px 0 0 var(--cian), -3px 0 0 0 var(--cian), 3px 0 0 0 var(--cian)}.pg-campo[aria-invalid=true]{box-shadow:0 -3px 0 0 var(--peligro), 0 3px 0 0 var(--peligro), -3px 0 0 0 var(--peligro), 3px 0 0 0 var(--peligro)}.pg-jugador{box-shadow:0 -3px 0 0 var(--exito), 0 3px 0 0 var(--exito), -3px 0 0 0 var(--exito), 3px 0 0 0 var(--exito);border:0}.pg-errores{box-shadow:0 -4px 0 0 var(--peligro), 0 4px 0 0 var(--peligro), -4px 0 0 0 var(--peligro), 4px 0 0 0 var(--peligro);border:0}.pg-errores__titulo{font-family:var(--fuente-pixel), ui-monospace, monospace;font-size:10px}.pg-aviso{box-shadow:0 -3px 0 0 var(--oro), 0 3px 0 0 var(--oro), -3px 0 0 0 var(--oro), 3px 0 0 0 var(--oro);border:0}.pg-chip,.pg-boton-menor{box-shadow:0 -3px 0 0 var(--borde), 0 3px 0 0 var(--borde), -3px 0 0 0 var(--borde), 3px 0 0 0 var(--borde);border:0}.pg-boton-menor:active{transform:translateY(2px)}.pg-metodo{box-shadow:0 -3px 0 0 var(--cian), 0 3px 0 0 var(--cian), -3px 0 0 0 var(--cian), 3px 0 0 0 var(--cian);border:0}.pg-metodo__marca{box-shadow:inset 0 0 0 3px var(--panel-alto), 0 0 0 3px var(--cian)}.pg-caja__titulo,.pg-resumen__titulo{font-family:var(--fuente-pixel), ui-monospace, monospace;letter-spacing:0;line-height:1.6}.pg__cabecera h1{font-family:var(--fuente-pixel), ui-monospace, monospace;letter-spacing:0;text-shadow:0 4px #0000008c;font-size:clamp(15px,3vw,22px);line-height:1.5}.pg__migas{font-family:var(--fuente-pixel), ui-monospace, monospace;font-size:8px;line-height:1.8}.pg-cuentas__total dd,.pg-barra-movil__total strong{font-variant-numeric:tabular-nums}.pg-dialogo{box-shadow:0 -5px 0 0 var(--texto), 0 5px 0 0 var(--texto), -5px 0 0 0 var(--texto), 5px 0 0 0 var(--texto), 0 0 0 9px var(--fondo), 0 16px 0 0 #00000080;border:0}.pg-barra-movil{box-shadow:0 -4px 0 0 var(--oro);border-top:0}
