:root{--fondo:#f6f7f9;--papel:#fff;--borde:#dfe3e8;--texto:#1b2330;--suave:#5f6b7c;--acento:#1f6feb;--acento-suave:#eaf1fe;--acento-puro:#1f6feb;--acento-letra:#fff;--acento-borde:#bcd4fb;--bien:#0f7b46;--bien-suave:#e6f5ee;--mal:#b42318;--mal-suave:#fdeceb;--ojo:#9a5b00;--ojo-suave:#fdf3e2;--radio:10px;--sombra:0 1px 2px #1018280f, 0 1px 3px #1018281a}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--texto);margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}a{color:var(--acento);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 .25rem;font-size:1.6rem}h2{margin:0 0 .75rem;font-size:1.15rem}h3{margin:0 0 .5rem;font-size:1rem}.contenedor{max-width:1040px;margin:0 auto;padding:1.5rem 1rem 4rem}.estrecho{max-width:460px;margin:4rem auto;padding:0 1rem}.tarjeta{background:var(--papel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);margin-bottom:1rem;padding:1.25rem}.suave{color:var(--suave);font-size:.9rem}.filas{flex-direction:column;gap:.75rem;display:flex}.linea{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.entre{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.rejilla{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}label{margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.pista{color:var(--suave);font-size:.85rem;font-weight:400}input,select,textarea{border:1px solid var(--borde);background:var(--papel);width:100%;color:var(--texto);border-radius:8px;padding:.6rem .7rem;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:-1px;border-color:var(--acento)}input[type=checkbox]{width:auto;margin-right:.5rem}.casilla{align-items:flex-start;gap:.5rem;font-weight:400;display:flex}.casilla input{margin-top:.25rem}button{border:1px solid var(--acento-puro);background:var(--acento-puro);color:var(--acento-letra);cursor:pointer;border-radius:8px;padding:.6rem 1rem;font-family:inherit;font-size:1rem;font-weight:600}button:hover:not(:disabled){filter:brightness(.94)}button:disabled{opacity:.55;cursor:default}button.secundario{background:var(--papel);color:var(--texto);border-color:var(--borde)}button.peligro{background:var(--papel);color:var(--mal);border-color:var(--borde)}button.enlace{color:var(--acento);background:0 0;border:none;padding:0;font-weight:400;text-decoration:underline}.aviso{border:1px solid;border-radius:8px;margin-bottom:1rem;padding:.75rem .9rem;font-size:.94rem}.aviso.mal{background:var(--mal-suave);color:var(--mal);border-color:#f3b9b4}.aviso.bien{background:var(--bien-suave);color:var(--bien);border-color:#a8ddc2}.aviso.ojo{background:var(--ojo-suave);color:var(--ojo);border-color:#f0d193}.aviso.dato{background:var(--acento-suave);border-color:var(--acento-borde);color:var(--acento)}.aviso ul{margin:.4rem 0 0;padding-left:1.1rem}.etiqueta{background:var(--acento-suave);color:var(--acento);border:1px solid var(--acento-borde);border-radius:999px;padding:.1rem .5rem;font-size:.78rem;font-weight:600;display:inline-block}.etiqueta.gris{color:var(--suave);border-color:var(--borde);background:#eef0f3}.etiqueta.bien{background:var(--bien-suave);color:var(--bien);border-color:#a8ddc2}.etiqueta.mal{background:var(--mal-suave);color:var(--mal);border-color:#f3b9b4}.etiqueta.ojo{background:var(--ojo-suave);color:var(--ojo);border-color:#f0d193}.envoltura{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.94rem}th,td{text-align:left;border-bottom:1px solid var(--borde);padding:.6rem .5rem}th{text-transform:uppercase;letter-spacing:.03em;color:var(--suave);font-size:.8rem}tbody tr:hover{background:#fafbfc}td.numero,th.numero{text-align:right;font-variant-numeric:tabular-nums}.barra{background:var(--papel);border-bottom:1px solid var(--borde);padding:.75rem 1rem}.barra .dentro{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1040px;margin:0 auto;display:flex}.marca{color:var(--texto);font-size:1.05rem;font-weight:700}.menu{flex-wrap:wrap;gap:.25rem;display:flex}.menu a{color:var(--suave);border-radius:999px;padding:.35rem .7rem;font-size:.94rem}.menu a.activo{background:var(--acento-suave);color:var(--acento);font-weight:600}.club-en-la-barra{align-items:center;gap:.5rem;min-width:0;display:inline-flex}.muestra-logo{border:1px solid var(--borde);border-radius:10px;place-items:center;min-width:150px;min-height:72px;padding:.75rem 1rem;display:grid}.muestra-logo.claro{background:#fff}.muestra-logo.oscuro{background:#e6e9ee}.boton-archivo{border:1px solid var(--borde);background:var(--papel);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.55rem 1rem;font-weight:600;display:inline-flex}.boton-archivo:hover{border-color:var(--acento);color:var(--acento)}.club-en-la-barra strong{white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;overflow:hidden}@media (max-width:640px){.club-en-la-barra strong{max-width:16ch}}.barra-dato{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.barra-dato .nombre{flex-shrink:0;width:130px;font-size:.9rem}.barra-dato .canal{background:#eef0f3;border-radius:999px;flex:1;height:20px;overflow:hidden}.barra-dato .relleno{background:var(--acento);border-radius:999px;min-width:2px;height:100%}.barra-dato .valor{text-align:right;font-variant-numeric:tabular-nums;width:40px;font-size:.9rem}.cargando{color:var(--suave);text-align:center;padding:2rem 0}.vacio{color:var(--suave);text-align:center;padding:1.5rem 0}.foto-ficha{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.foto-marco{border:1px solid var(--borde);background:var(--acento-suave);border-radius:10px;flex:none;width:140px;height:140px;overflow:hidden}.foto-marco img{object-fit:cover;width:100%;height:100%;display:block}.foto-vacia{color:#7d93b5;letter-spacing:.05em;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:600;display:flex}.foto-acciones{flex:260px;min-width:240px}.camara{margin-top:.75rem}.camara video{border:1px solid var(--borde);background:#000;border-radius:10px;width:100%;max-width:320px;margin-bottom:.6rem;display:block;transform:scaleX(-1)}.camara-tomada{object-fit:cover;border:1px solid var(--borde);border-radius:10px;width:240px;height:240px;margin-bottom:.6rem;display:block}.documento-fila{border-top:1px solid var(--borde);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:.75rem;padding-top:.75rem;display:flex}.documento-vista{margin-top:.6rem}.documento-vista img,.documento-vista iframe{object-fit:contain;border:1px solid var(--borde);background:var(--acento-suave);border-radius:8px;width:100%;max-width:480px;height:320px;display:block}.formato-texto{margin-top:.6rem}.formato-texto .texto{white-space:pre-line;border:1px solid var(--borde);background:var(--papel);border-radius:8px;max-height:320px;padding:.9rem;line-height:1.55;overflow-y:auto}.tema-escucha{border-top:1px solid var(--borde);margin-top:.75rem;padding-top:.75rem}.guion{border-left:3px solid var(--acento);background:var(--acento-suave);color:var(--acento);border-radius:0 8px 8px 0;margin:.6rem 0;padding:.85rem 1rem;font-size:1.05rem;line-height:1.6}.rotulo{text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.78rem}.lista-asistencia{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.fila-asistencia{border:1px solid var(--borde);border-radius:var(--radio);background:var(--papel);border-left-width:5px;align-items:stretch;gap:.5rem;display:flex;overflow:hidden}.fila-asistencia .toque{text-align:left;cursor:pointer;min-height:56px;color:inherit;font:inherit;background:0 0;border:0;flex:1;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.fila-asistencia .marca-estado{border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:1.05rem;font-weight:700;display:grid}.fila-asistencia .quien{flex-direction:column;min-width:0;display:flex}.fila-asistencia .nombre{font-weight:600}.fila-asistencia .dice{color:var(--suave);font-size:.8rem}.fila-asistencia .matiz{align-items:center;padding-right:.6rem;display:flex}.fila-asistencia.vino{border-left-color:var(--bien)}.fila-asistencia.vino .marca-estado{background:var(--bien-suave);color:var(--bien)}.fila-asistencia.tarde{border-left-color:var(--ojo)}.fila-asistencia.tarde .marca-estado{background:var(--ojo-suave);color:var(--ojo)}.fila-asistencia.falto{border-left-color:var(--mal);background:var(--mal-suave)}.fila-asistencia.falto .marca-estado{color:var(--mal);background:#fff}.fila-asistencia.aviso{border-left-color:var(--suave);background:#f1f3f6}.fila-asistencia.aviso .marca-estado{color:var(--suave);background:#fff}.chip{background:var(--papel);border:1px solid var(--borde);color:var(--suave);cursor:pointer;border-radius:999px;min-height:36px;padding:.35rem .7rem;font-size:.85rem}.chip.puesto{background:var(--acento-suave);border-color:var(--acento);color:var(--acento);font-weight:600}.empezar{width:100%;min-height:56px;margin-top:.75rem;font-size:1.05rem;font-weight:600}.barra-guardar{background:var(--papel);border-top:1px solid var(--borde);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.75rem;padding:.6rem 0;display:flex;position:sticky;bottom:0}.barra-guardar button{flex:220px;min-height:48px;font-weight:600}.barra-guardar .listo{color:var(--bien);font-weight:600}@media (max-width:480px){.fila-asistencia .dice{font-size:.78rem}.barra-guardar{padding-bottom:max(.6rem, env(safe-area-inset-bottom))}.salida-fila{flex-wrap:wrap;align-items:flex-start;gap:.35rem .75rem}.salida-fila>*{min-width:0}.salida-fila>:first-child{flex:100%}.salida-fila>:last-child:not(:first-child){margin-left:auto}}.salida-fila{border:1px solid var(--borde);border-left:4px solid var(--suave);border-radius:var(--radio);background:var(--papel);justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.salida-fila.grave{border-left-color:var(--mal);background:var(--mal-suave)}.chip.alerta{color:var(--mal);border-color:#f3b9b4}.chip.alerta.puesto{background:var(--mal-suave);border-color:var(--mal);color:var(--mal)}.alerta-grave{border-left:4px solid var(--mal)}