:root{--color: #ffc400;--sobre-color: #111111;--fondo: #111111;--tarjeta: #1d1d1d;--linea: #333333;--texto: #ffffff;--suave: #a3a3a3;--rojo: #ff5a52;--rojo-fondo: #2b1312;--verde-wa: #25d366;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--texto)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;-webkit-tap-highlight-color:transparent}#raiz{max-width:480px;margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 16px) 18px calc(env(safe-area-inset-bottom) + 24px)}h1{font-size:22px;font-weight:600;margin:0 0 4px}h2{font-size:18px;font-weight:600;margin:0 0 8px}p{margin:0 0 8px}a{color:var(--color)}.suave{color:var(--suave);font-size:14px}.centro{text-align:center}.fila{display:flex;gap:8px;align-items:center}.fila>*{flex:1}.espacio{height:16px}.logo{display:block;margin:0 auto;width:140px;height:140px;object-fit:contain}.logo.chico{width:44px;height:44px;margin:0}.logo.grande{width:100%;max-width:300px;height:auto}.boton{display:block;width:100%;border:1.5px solid var(--color);background:var(--color);color:var(--sobre-color);border-radius:12px;padding:13px 14px;font-size:16px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;margin-top:10px}.boton:disabled{opacity:.5}.boton.borde{background:transparent;color:var(--color)}.boton.peligro{background:transparent;border-color:var(--rojo);color:var(--rojo)}.boton.wa{background:var(--verde-wa);border-color:var(--verde-wa);color:#0b2e17}.boton.chico{padding:9px 10px;font-size:14px;margin-top:8px}.enlace{background:none;border:0;color:var(--suave);text-decoration:underline;font-size:14px;padding:10px;cursor:pointer;display:block;margin:8px auto 0}.tarjeta{background:var(--tarjeta);border-radius:14px;padding:14px;margin-top:14px}.tarjeta.destacada{border:1.5px solid var(--color)}.tarjeta.alerta{background:var(--rojo-fondo);border:1.5px solid var(--rojo)}label{display:block;color:var(--suave);font-size:14px;margin:14px 0 6px}input[type=text],input[type=tel],input[type=time],textarea,select{width:100%;background:transparent;border:1px solid #444;border-radius:10px;color:var(--texto);padding:12px;font-size:16px;font-family:inherit}input:focus,textarea:focus{outline:2px solid var(--color);border-color:transparent}.casilla{display:flex;gap:10px;align-items:flex-start;color:var(--texto);font-size:15px;margin:14px 0 0}.casilla input{width:22px;height:22px;accent-color:var(--color);flex:none;margin:0}.error{color:var(--rojo);font-size:14px;margin-top:10px}.ok{color:var(--color);font-size:14px;margin-top:10px}.pildoras{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin:10px -18px 6px;padding-left:18px;padding-right:18px;scrollbar-width:none}.pildora{flex:none;border:1px solid #444;background:transparent;color:var(--texto);border-radius:18px;padding:8px 14px;font-size:14px;cursor:pointer}.pildora.activa{background:var(--color);border-color:var(--color);color:var(--sobre-color);font-weight:600}.turno{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;border-radius:10px;margin-bottom:6px;border:1px solid #2f2f2f;background:transparent;color:var(--texto);font-size:15px;text-align:left;cursor:pointer}.turno.elegido{border:1.5px solid var(--color)}.turno.ocupado{color:#5f5f5f;cursor:default}.turno.cita{background:#2a2410;border-color:var(--color)}.turno.bloqueado{background:#1b1b1b;border-style:dashed;border-color:#444;color:#777}.turno.alerta{background:var(--rojo-fondo);border-color:var(--rojo)}.turno .lado{font-size:13px;color:var(--suave)}.turno.cita .lado{color:var(--color)}.turno.alerta .lado{color:#ff8a85}.encabezado{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.atras{background:none;border:0;color:var(--texto);font-size:18px;padding:0 8px 0 0;cursor:pointer}.barbero{display:flex;align-items:center;gap:12px}.barbero .numero{color:var(--color);font-size:18px;letter-spacing:.5px}.paso{display:flex;gap:10px;margin:10px 0}.paso>b{flex:none;width:26px;height:26px;border-radius:50%;background:var(--color);color:var(--sobre-color);display:flex;align-items:center;justify-content:center;font-size:14px}.paso>span{flex:1}.icono-paso{flex:none;width:34px;height:34px;padding:4px;border-radius:8px;background:#2a2a2a;fill:none;stroke:#0a84ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chulo{width:76px;height:76px;border-radius:50%;background:var(--color);color:var(--sobre-color);margin:30px auto 0;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700}.pin{display:flex;gap:10px;justify-content:center}.pin input{width:52px;height:58px;text-align:center;font-size:24px;padding:0}.dia{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #262626}.dia .nombre{width:86px;flex:none}.dia input[type=time]{padding:8px;font-size:15px}.cargando{text-align:center;color:var(--suave);padding:40px 0}