*{box-sizing:border-box}body{color:#1a1a2e;background:#f4f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{cursor:pointer;color:#fff;background:#0877d1;border:none;border-radius:8px;padding:.6rem 1rem;font-size:1rem}button:disabled{opacity:.6;cursor:default}input,select{border:1px solid #ccc;border-radius:8px;padding:.6rem;font-size:1rem}.error{color:#c62828}.ok{color:#2e7d32}.cargando{text-align:center;margin-top:3rem}.login-page{justify-content:center;align-items:center;height:100vh;padding:1rem;display:flex}.login-card{background:#fff;border-radius:12px;flex-direction:column;gap:1rem;width:100%;max-width:360px;padding:2rem;display:flex;box-shadow:0 4px 20px #00000014}.login-card label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.staff-layout{flex-direction:column;min-height:100vh;display:flex}.staff-header{color:#fff;background:#0877d1;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.staff-tabs{background:#fff;border-bottom:1px solid #eee;gap:.5rem;padding:.6rem 1rem 0;display:flex}.staff-tabs a{color:#1a1a2e;border-radius:8px 8px 0 0;padding:.5rem .8rem;font-size:.9rem;text-decoration:none}.staff-tabs a.active{color:#fff;background:#0877d1;font-weight:700}.staff-page{flex-direction:column;flex:1;align-items:center;gap:1.5rem;padding:2rem 1rem;display:flex}.buscar-form{gap:.5rem;width:100%;max-width:400px;display:flex}.buscar-form input{text-align:center;flex:1;font-size:1.4rem}.resultado{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:400px;padding:1.5rem;box-shadow:0 2px 10px #0000000f}.resultado .nombre{font-size:1.3rem;font-weight:700}.resultado.disponible .confirmar{background:#2e7d32;width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem}.resultado.ya-canjeado .titulo{color:#c62828;font-size:1.4rem;font-weight:700}.resultado.exito .check{color:#2e7d32;font-size:3rem}.resultado button{width:100%;margin-top:1rem}.lista-resultados{flex-direction:column;gap:.75rem;width:100%;max-width:500px;display:flex}.fila-resultado{background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 2px 8px #0000000f}.fila-resultado.canjeado{opacity:.7}.fila-resultado .nombre{margin:0;font-weight:700}.fila-resultado .detalle{opacity:.8;margin:.2rem 0 0;font-size:.85rem}.fila-resultado .detalle.ya{color:#c62828}.fila-resultado .confirmar{white-space:nowrap;background:#2e7d32}.registrador-page{flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;display:flex}.registro-form{background:#fff;border-radius:12px;flex-direction:column;gap:.8rem;width:100%;max-width:400px;padding:1.5rem;display:flex;box-shadow:0 2px 10px #0000000f}.registro-form label{flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.ficha-existente{flex-direction:column;gap:.5rem;display:flex}.titulo-ficha{margin:0;font-weight:700}.ficha-existente .dato{margin:0;font-size:.9rem}.ficha-existente .detalle{opacity:.8;margin:0;font-size:.85rem}.dato.estado{border-radius:6px;padding:.5rem;font-weight:700}.dato.estado.pendiente{color:#b45309;background:#fff3e0}.dato.estado.confirmado{color:#2e7d32;background:#e6f4ea}.dato.estado.pagado{color:#1a1a2e;background:#eef1fb}.puntero-preview{opacity:.8;font-size:.85rem}.admin-layout{min-height:100vh}.admin-nav{color:#fff;background:#1a1a2e;flex-wrap:wrap;align-items:center;gap:1rem;padding:.8rem 1.2rem;display:flex}.admin-nav a{color:#cfd8ff;text-decoration:none}.admin-nav a.active{color:#fff;font-weight:700}.marca{margin-right:1rem;font-weight:700}.usuario-actual{opacity:.8;margin-left:auto}main{padding:1.5rem}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin-top:1rem;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #eee;padding:.6rem .8rem}.resumen{gap:1rem;margin-bottom:1rem;display:flex}.tarjeta{text-align:center;background:#fff;border-radius:8px;padding:1rem 1.5rem}.tarjeta .numero{font-size:1.8rem;font-weight:700}.form-inline{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.configuracion-premio{background:#fff;border-radius:8px;padding:1rem}.nota{opacity:.7;font-size:.9rem}.pendiente-destacado{color:#b45309;font-weight:700}.acciones{flex-wrap:wrap;gap:.4rem;display:flex}.acciones button{padding:.4rem .7rem;font-size:.85rem}button.peligro{background:#c62828}@media (width<=600px){*{box-sizing:border-box}body{overflow-x:hidden}.staff-layout,.admin-layout{width:100%;min-width:0}main{width:100%;max-width:100%;padding:1rem .8rem;overflow-x:hidden}.admin-nav{flex-wrap:wrap;gap:.6rem;padding:.6rem .8rem}.admin-nav a{white-space:nowrap;text-overflow:ellipsis;max-width:140px;padding:.4rem .6rem;overflow:hidden}.staff-header{width:100%;padding:.6rem .8rem}.staff-tabs{-webkit-overflow-scrolling:touch;gap:.4rem;width:100%;padding:.5rem .6rem 0;overflow-x:auto}.staff-tabs a{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:160px;padding:.4rem .7rem;overflow:hidden}.staff-page{align-items:stretch;gap:.6rem;width:100%;max-width:100%;padding:.8rem .6rem;overflow-x:hidden}.buscar-form{flex-direction:column;gap:.5rem;width:100%;max-width:100%}.buscar-form input{text-align:center;box-sizing:border-box;-webkit-appearance:none;border:1px solid #ccc;width:100%;max-width:100%;padding:.7rem;font-size:1.1rem}.buscar-form button[type=submit],.buscar-form button[type=button]{white-space:normal;word-break:break-word;box-sizing:border-box;width:100%;padding:.7rem;font-size:.95rem}.resultado{width:100%;max-width:100%;margin:0;padding:1rem}.lista-resultados{flex-direction:column;gap:.5rem;width:100%;max-width:100%;margin:0;padding:0;display:flex;overflow-x:hidden}.fila-resultado{box-sizing:border-box;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;max-width:100%;padding:.7rem;overflow:hidden}.fila-resultado .datos{box-sizing:border-box;width:100%}.fila-resultado .nombre{word-break:break-word;margin:0;font-size:1rem}.fila-resultado .detalle{word-wrap:break-word;margin:.15rem 0;font-size:.8rem;line-height:1.35}.fila-resultado .confirmar{white-space:normal;word-break:break-word;box-sizing:border-box;width:100%;margin-top:.2rem;padding:.6rem;font-size:.9rem}.badge-canjeado{vertical-align:middle;white-space:nowrap;border-radius:4px;margin-left:.3rem;padding:.1rem .4rem;font-size:.7rem}.busqueda-subtitulo{opacity:.85;text-align:left;word-wrap:break-word;width:100%;margin-bottom:.3rem;font-size:.8rem}.flash{box-sizing:border-box;border-radius:8px;width:100%;max-width:100%;margin:.5rem .6rem;padding:.6rem .8rem;overflow-x:hidden}.flash p{text-align:left;word-wrap:break-word;font-size:.85rem;line-height:1.35}.error{word-wrap:break-word;font-size:.9rem}table{width:100%;max-width:100%;font-size:.8rem;overflow:hidden}th,td{word-wrap:break-word;white-space:normal;padding:.4rem .5rem}.resumen{flex-wrap:wrap;gap:.5rem}.tarjeta{padding:.8rem 1rem}.tarjeta .numero{font-size:1.4rem}.form-inline{flex-direction:column;gap:.5rem;padding:0}.configuracion-premio{padding:.8rem}.config-fila label{flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.config-fila input{width:100%;padding:.5rem;font-size:.95rem}.config-botones-monto{flex-direction:column;gap:.4rem}.config-botones-monto button{width:100%;padding:.6rem}.acciones{flex-wrap:wrap;gap:.3rem}.acciones button{white-space:normal;word-break:break-word;flex:1;padding:.3rem .6rem;font-size:.75rem}.personas-listado{width:100%;max-width:100%;overflow-x:hidden}.personas-listado table{font-size:.75rem}.personas-listado th,.personas-listado td{word-wrap:break-word;padding:.3rem .4rem}.codigo-puntero{font-size:1rem}.detalle-porcentaje{font-size:.85rem}.acciones-estadistica{flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.acciones-estadistica button{white-space:nowrap;flex:1;padding:.5rem .8rem;font-size:.85rem}.subtitulo{word-wrap:break-word;margin-bottom:.4rem;padding:0;font-size:.85rem}.stat-numero{font-size:1.2rem}.stat-label{font-size:.75rem}}