:root{--fondo:#f4f5f7;--superficie:#fff;--texto:#111418;--texto-suave:#545a64;--borde:#d7dbe1;--marca:#111418;--marca-texto:#fff;--acento:#d71920;--verde:#0b6b2f;--verde-fondo:#e2f4e8;--amarillo:#7a4f00;--amarillo-fondo:#fff1cc;--rojo:#b3261e;--rojo-fondo:#fde7e5;--radio:14px;--sombra:0 1px 2px #11141814, 0 4px 16px #1114180f;--toque:52px;--fuente:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--fondo);color:var(--texto);font-family:var(--fuente);-webkit-text-size-adjust:100%;font-size:17px;line-height:1.45;overflow-x:hidden}h1{margin:0 0 12px;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.15}h2{margin:0 0 10px;font-size:1.15rem}p{margin:0 0 10px}.cargando{text-align:center;color:var(--texto-suave);padding:32px 16px}.centrado{place-items:center;min-height:100dvh;padding:16px;display:grid}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);width:100%;max-width:440px;padding:24px}.marca{letter-spacing:.02em;text-transform:uppercase;font-weight:800}.marca span{color:var(--acento)}label{margin:14px 0 6px;font-weight:600;display:block}input{width:100%;min-height:var(--toque);font:inherit;border:2px solid var(--borde);background:var(--superficie);color:var(--texto);border-radius:10px;padding:10px 14px;font-size:1.1rem}input:focus-visible{outline-offset:1px;border-color:#2f6fed;outline:3px solid #2f6fed}.boton{min-height:var(--toque);font:inherit;border:2px solid var(--marca);background:var(--marca);color:var(--marca-texto);cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.boton:disabled{opacity:.5;cursor:not-allowed}.boton:focus-visible{outline-offset:2px;outline:3px solid #2f6fed}.boton-secundario{background:var(--superficie);color:var(--texto);border-color:var(--borde)}.boton-grande{text-align:center;width:100%;min-height:72px;font-size:1.25rem}.lista-botones{gap:12px;margin-top:16px;display:grid}.mensaje-error{background:var(--rojo-fondo);color:var(--rojo);border-radius:10px;margin-top:14px;padding:10px 14px;font-weight:600}.mensaje-aviso{background:var(--amarillo-fondo);color:var(--amarillo);border-radius:10px;margin:12px 0;padding:10px 14px;font-weight:600}.encabezado{background:var(--marca);color:var(--marca-texto);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.encabezado .detalle{opacity:.85;font-size:.95rem}.encabezado .boton{min-height:44px;color:var(--marca-texto);background:0 0;border-color:#ffffff59;padding:6px 14px;font-size:.95rem}.contenido{max-width:1200px;margin:0 auto;padding:16px}.estado{border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-weight:800;display:inline-flex}.estado-verde{background:var(--verde-fondo);color:var(--verde)}.estado-amarillo{background:var(--amarillo-fondo);color:var(--amarillo)}.estado-rojo{background:var(--rojo-fondo);color:var(--rojo)}.visualmente-oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mensaje-hecho{background:var(--verde-fondo);color:var(--verde);border-radius:10px;margin:12px 0;padding:10px 14px;font-weight:700}.etiqueta{color:var(--texto-suave);background:#e8ebef;border-radius:999px;padding:2px 8px;font-size:.8rem;font-weight:700}.kiosco-cajera{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}@media (max-width:900px){.kiosco-cajera{grid-template-columns:1fr}}.kiosco-campo input{letter-spacing:.08em;font-size:1.6rem}.kiosco-espera{color:var(--texto-suave);margin-top:24px;font-size:1.2rem}.ficha{background:var(--superficie);border:1px solid var(--borde);border-left:10px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);margin-top:18px;padding:20px}.ficha-verde{border-left-color:var(--verde)}.ficha-amarillo{border-left-color:#e0a100}.ficha-rojo{border-left-color:var(--rojo)}.ficha-cabeza{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.acciones-kiosco{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}@media (max-width:560px){.acciones-kiosco{grid-template-columns:1fr}}.accion-entra{background:var(--verde);border-color:var(--verde)}.accion-va_a_pagar{background:#1d4fbf;border-color:#1d4fbf}.accion-no_entra{background:var(--rojo);border-color:var(--rojo)}.cuenta{background:#e8ebef;border-radius:999px;height:8px;margin:14px 0 6px;overflow:hidden}.cuenta>div{background:var(--texto);height:100%;transition:width .25s linear}.kiosco-entradas ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.entrada{background:var(--superficie);border:1px solid var(--borde);border-left:6px solid var(--borde);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.entrada-verde{border-left-color:var(--verde)}.entrada-amarillo{border-left-color:#e0a100}.entrada-rojo{border-left-color:var(--rojo)}.entrada-hora{font-variant-numeric:tabular-nums;color:var(--texto-suave)}.entrada-nombre{flex:140px;font-weight:700}.pantalla-socio{text-align:center;place-content:center;justify-items:center;gap:20px;min-height:100dvh;padding:24px 16px;display:grid}.ficha-socio{justify-items:center;gap:14px;min-width:min(560px,100%);display:grid}.nombre-socio{font-size:clamp(2rem,5vw,3.2rem)}.dias-socio{font-size:clamp(1.3rem,3vw,1.8rem)}.mensaje-socio{font-size:clamp(1.4rem,3.4vw,2rem);font-weight:800}.captura-socio{gap:16px;width:min(560px,100%);display:grid}.burbuja{background:var(--marca);min-height:160px;color:var(--marca-texto);cursor:pointer;border-radius:999px;place-items:center;margin:0;padding:20px 32px;font-size:clamp(1.3rem,3vw,1.8rem);display:grid}.captura-socio input{text-align:center;letter-spacing:.15em;font-size:2.6rem}.avisos-cobro{background:#e7efff;border-bottom:1px solid #c7d6f7;gap:8px;padding:10px 16px;display:grid}.aviso-cobro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:1.1rem;display:flex}.mosaico{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:16px;display:grid}.mosaico-item{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);min-height:130px;padding:18px}.mosaico-item.pendiente{opacity:.7;border-style:dashed}.nav-tablet{background:#22262c;gap:4px;padding:0 12px;display:flex;overflow-x:auto}.nav-tablet a{color:#d6dae0;border-bottom:3px solid #0000;align-items:center;min-height:48px;padding:12px 16px;font-weight:700;text-decoration:none;display:inline-flex}.nav-tablet a[aria-current=page]{color:#fff;border-bottom-color:var(--acento)}.barra-titulo{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.barra-titulo h1,.barra-titulo h2{margin:0}.lista-socios{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.tarjeta-socio{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);color:inherit;flex-wrap:wrap;align-items:center;gap:14px;min-height:72px;padding:12px;text-decoration:none;display:flex}.tarjeta-socio-datos{flex:180px;min-width:0;display:grid}.tarjeta-socio-datos span{color:var(--texto-suave)}.numero-socio{font-size:1.3rem;font-weight:800}textarea{width:100%;font:inherit;border:2px solid var(--borde);background:var(--superficie);color:var(--texto);border-radius:10px;padding:10px 14px;font-size:1.05rem}.formulario{gap:16px;max-width:820px;display:grid}.seccion{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:16px}.rejilla-2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 16px;display:grid}.foto-captura{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.foto-vacia{border:2px dashed var(--borde);width:160px;height:160px;color:var(--texto-suave);border-radius:16px;place-items:center;display:grid}.ayuda{color:var(--texto-suave);margin-top:6px;font-size:.92rem}.error-campo{color:var(--rojo);margin:6px 0 0;font-size:.95rem;font-weight:600}input[aria-invalid=true]{border-color:var(--rojo)}.opciones{border:0;flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:0;display:flex}.opcion{min-height:var(--toque);border:2px solid var(--borde);background:var(--superficie);cursor:pointer;border-radius:12px;align-items:center;gap:10px;margin:0;padding:6px 12px;font-weight:600;display:flex}.opcion input{flex:none;width:22px;height:22px;min-height:22px}.ficha-encabezado{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:14px;display:flex}.estados-sede{flex-wrap:wrap;gap:10px 18px;margin-top:10px;display:flex}.ficha-acciones{gap:10px;min-width:220px;display:grid}.rejilla-ficha{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.bloque{max-width:none}.datos{grid-template-columns:max-content 1fr;gap:6px 14px;margin:0;display:grid}.datos dt{color:var(--texto-suave)}.datos dd{overflow-wrap:anywhere;margin:0}.lista-simple{gap:8px;margin:0;padding:0;list-style:none;display:grid}a.mosaico-item{color:inherit;text-decoration:none}select{width:100%;min-height:var(--toque);font:inherit;border:2px solid var(--borde);background:var(--superficie);color:var(--texto);border-radius:10px;padding:10px 14px;font-size:1.05rem}.contenido-ancho{max-width:1400px}.cobro{grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:start;gap:16px;display:grid}@media (max-width:900px){.cobro{grid-template-columns:minmax(0,1fr)}}.cobro .tarjeta{max-width:none}.cobro-ticket{position:sticky;top:12px}@media (max-width:900px){.cobro-ticket{position:static}}.cliente-cobro{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cliente-nombre{overflow-wrap:anywhere;margin:0 0 4px;font-size:1.3rem}.pestanas{flex-wrap:wrap;gap:8px;margin:16px 0 8px;display:flex}.pestanas button{min-height:var(--toque);font:inherit;border:2px solid var(--borde);background:var(--superficie);color:var(--texto);cursor:pointer;border-radius:999px;padding:8px 18px;font-weight:700}.pestanas button[aria-selected=true]{background:var(--marca);border-color:var(--marca);color:var(--marca-texto)}.titulo-grupo{text-transform:uppercase;letter-spacing:.04em;color:var(--texto-suave);margin:18px 0 8px;font-size:1rem}.rejilla-planes,.rejilla-productos{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.boton-plan,.boton-producto{min-height:84px;font:inherit;text-align:left;border:2px solid var(--borde);background:var(--superficie);color:var(--texto);cursor:pointer;touch-action:manipulation;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.boton-plan:active,.boton-producto:active{border-color:var(--marca)}.boton-plan:disabled,.boton-producto:disabled{opacity:.45;cursor:not-allowed}.boton-upgrade{background:#eef3fe;border-color:#2f6fed;width:100%;margin-top:8px}.nota{color:var(--texto-suave);font-size:.9rem}.rejilla-lockers{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin:10px 0;display:grid}.boton-locker{min-height:var(--toque);font:inherit;border:2px solid var(--borde);color:var(--texto-suave);cursor:pointer;background:#e9ebee;border-radius:10px;font-weight:800}.boton-locker.locker-libre{background:var(--verde-fondo);color:var(--verde)}.boton-locker.locker-suyo{color:#1d4fc4;background:#eef3fe;border-color:#2f6fed}.boton-locker[aria-pressed=true]{outline:3px solid var(--marca)}.boton-locker:disabled{cursor:not-allowed}.subformulario{border:2px dashed var(--borde);border-radius:12px;gap:4px;margin:12px 0;padding:12px;display:grid}.fila-botones{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.fila-botones input{flex:1;min-width:120px}.boton-chico{min-height:44px;padding:6px 12px;font-size:.95rem}.boton-texto{min-height:36px;font:inherit;color:#1d4fc4;cursor:pointer;background:0 0;border:0;padding:6px 0;font-weight:700;text-decoration:underline}.renglones{margin:0;padding:0;list-style:none}.renglon,.entrada-pago{border-bottom:1px solid var(--borde);padding:10px 0}.renglon-cabeza{justify-content:space-between;align-items:center;gap:8px;display:flex}.renglon-nota{margin:4px 0;font-size:.9rem}.contador{align-items:center;gap:12px;margin-top:6px;display:inline-flex}.contador .boton{min-width:var(--toque);padding:4px;font-size:1.4rem}.contador span{text-align:center;min-width:2ch;font-size:1.2rem;font-weight:800}.detalle-cobro{margin-top:12px}.detalle-cobro[aria-busy=true]{opacity:.6}.detalle-linea{padding:6px 0}.detalle-fila{justify-content:space-between;gap:12px;font-weight:600;display:flex}.detalle-nota{color:var(--texto-suave);font-size:.88rem}.detalle-total{border-top:2px solid var(--texto);margin-top:8px;padding-top:8px;font-size:1.4rem;font-weight:800}.pagos h3{margin:18px 0 4px}.cuadre{gap:4px;margin-top:12px;display:grid}.cuadre .falta{color:var(--rojo)}.cuadre .cambio-fila,.cambio{color:var(--verde);font-size:1.3rem;font-weight:800}.pantalla-ticket{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.pantalla-ticket-acciones{flex:300px;max-width:480px}.acciones-ticket{gap:10px;display:grid}.ticket-marco{background:#e9ebee;border-radius:12px;flex:0 auto;max-width:100%;padding:16px;overflow-x:auto}.ticket{color:#000;background:#fff;width:384px;max-width:100%;padding:8px;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.3}.ticket-logo{text-align:center;letter-spacing:.02em;font-size:30px;font-weight:900}.ticket hr{border:0;border-top:2px solid #000;margin:6px 0}.ticket-espacio{height:8px}.ticket-columnas{justify-content:space-between;gap:8px;display:flex}.ticket-columnas span:last-child{white-space:nowrap}.ticket-negrita{font-weight:700}.ticket-grande{font-size:21px}.ticket-centro{text-align:center}@media print{@page{size:58mm auto;margin:0}body *{visibility:hidden}.ticket,.ticket *{visibility:visible}.ticket{width:48mm;padding:0 0 0 1mm;font-size:9pt;position:absolute;top:0;left:0}.ticket-logo{font-size:16pt}.ticket-grande{font-size:12pt}}.ticket-logo-imagen{width:78%;margin:0 auto 6px;display:block}.caja-vivo h2{margin-top:0}.cifras{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:10px 0;display:grid}.cifras div{border:1px solid var(--borde);background:var(--fondo);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.cifras span{color:var(--texto-suave);font-size:.9rem}.cifras strong{font-size:1.35rem}.rejilla-caja{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.rejilla-caja .tarjeta,.caja-vivo,.lista-ventas .tarjeta{max-width:none}.lista-ventas{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.venta{padding:14px 16px}.venta-cancelada{opacity:.65}.enlace-tarjeta{color:inherit;text-decoration:none;display:block}.boton-peligro{background:var(--rojo);border-color:var(--rojo);color:#fff}.rejilla-conteo{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.campo-conteo input{text-align:center;font-size:1.3rem}.diferencia{border-radius:12px;margin:12px 0;padding:12px 16px;font-size:1.6rem;font-weight:800}.diferencia-cero{background:var(--verde-fondo);color:var(--verde)}.diferencia-sobra{background:var(--amarillo-fondo);color:var(--amarillo)}.diferencia-falta{background:var(--rojo-fondo);color:var(--rojo)}.texto-sobra{color:var(--amarillo)}.texto-falta{color:var(--rojo)}.opciones-pro-club{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:10px;display:grid}.autorizaciones{gap:10px;margin-top:10px;display:grid}.autorizacion{border:1px solid var(--borde);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 12px;display:flex}.autorizacion legend{float:left;max-width:60ch;padding:0;font-weight:600}.si-no{gap:8px;display:flex}.aviso{max-width:820px;line-height:1.55}.aviso table{border-collapse:collapse;width:100%;margin:10px 0}.aviso th,.aviso td{border:1px solid var(--borde);text-align:left;padding:6px 8px}.aviso blockquote{border-left:4px solid var(--borde);color:var(--texto-suave);margin:10px 0;padding:4px 12px}.contrasena-temporal{gap:8px;display:grid}.contrasena-temporal .clave{letter-spacing:.08em;color:var(--texto);-webkit-user-select:all;user-select:all;margin:0;font-family:ui-monospace,Menlo,monospace;font-size:1.6rem}.boton-locker.locker-vencido{background:var(--rojo-fondo);color:var(--rojo);border-color:var(--rojo)}.fila-horario{border-bottom:1px solid var(--borde);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 0;display:flex}.fila-horario>strong{min-width:110px}.fila-horario input[type=time],.fila-horario input[type=email]{flex:140px;width:auto}.acciones-gerencia{max-width:none}
